@extends('layouts.basic')
@section('content')
<div class="hatchery-home-wrap">
    <form data-parsley-validate="" class="psu-form open" id="psu-home" method="POST" action="#">
        <div class="form-section form-section-signup" id="user-contact">
            <div class="psu-form-heading">
                <div class="psu-form-image">
                    <img src="{{asset('img/fs-hatchery-logo.png')}}" alt="">
                </div>
                <h2>Welcome to Farmsponsor Hatchery</h2>
            </div>

            <div class="form-group">
                <div class="form-group-input-wrap">
                    <a href="{{route('booking.index')}}" class="psu-form-btn text-center">Bookings</a>
                </div>
            </div>

            <div class="form-group">
                <div class="form-group-input-wrap">
                    <a href="{{route('profile.index')}}" class="psu-form-btn text-center">Profile</a>
                </div>
            </div>

            <div class="form-group">
                <div class="form-group-input-wrap">
                    <a href="{{route('login')}}" class="psu-form-btn text-center" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">Logout</a>
                </div>
            </div>
        </div>
    </form>

    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
        @csrf
    </form>
</div>
@endsection