@extends('layouts.app')
@section('title')
    <title>Natural Disaster Survival - {{ env('APP_NAME') }}</title>
@endsection
@section('titlediscord')
    <meta content="Natural Disaster Survival - {{ env('APP_NAME') }}" property="og:title" />
@endsection
@section('descdiscord')
    <meta content="ARCHBLOX is a work in progress revival." property="og:description" />
@endsection

@section('alert')
<div id="alert">Note that this page does not support joining yet. If you would like to play your own game that you are currently hosting, <a style="cursor: pointer;" onclick="openClientPopup('localhost','53640',null,'join')">click here</a>.</div>
@endsection

@section('content')
<div class="content_special" id="gametopcontainer">
    <div class="leftgamecontainer">
        <img class="gamethumbnail_large">
    </div>
    <div class="rightgamecontainer">
        <h1>Natural Disaster Survival</h1> 
        <p>By <a href="{{ route('profile', 1) }}">ARCHBLOX</a></p>
        <p style="text-align: center;">
            <button onclick="openClientPopup('localhost','53640','temp.rbxl','hostandjoin')" class="greenbutton" style="width: 70%; height: 50px; font-size: x-large; margin-top: 115px; align-content: center;">Host &amp; Play</button>
            <button onclick="openClientPopup(null,'53640','temp.rbxl','host')" class="greenbutton" style="width: 27%;height: 50px;margin-top: 0px;font-size: x-large;align-content: center;">Host</button>
        </p>
    </div>
</div>
<br>
<p>Test place.</p>
<br>
<div style="text-align: center;">
    <p><!--Visits: 0  | -->Created: 28/8/2022 | Last updated: 28/8/2022</p>
</div>
@endsection