@php
    $route = Illuminate\Support\Facades\Route::currentRouteName();
    $user = auth()->user();
    $company = auth()->user()->company();
@endphp

<section class="banner banner-xs bg-holder  " style="background-image: url({{ asset('storage/homepage/coolbackgrounds-topography-micron.svg') }});">
    <div class="container ">
        <div class="row">
            <div class="col-12 col-lg-4 order-2 order-lg-1">
                <form action="{{ route('job.index') }}" class="form">
                    <h5 class=" mb-4">Search now for your perfect job</h5>

                    <div class="form-group mb-4">
                        <x-form.select.profession :has-label="false" data-placeholder="Search profession"/>
                    </div>

                    <div class="form-group mb-4">
                        <select class="form-control select2 country-flags" name="country" data-placeholder="Search country">
                            <option></option>
                            @foreach($countries as $country)
                                <option value="{{ $country->slug }}" {{ ($country->slug == request('country')) ? 'selected' : '' }}>{{ $country->name }} ({{ $country->total_jobs }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group ">
                        <button type="submit" class="btn btn-primary w-100"><i class="fas fa-search"></i> Find Jobs</button>
                    </div>
                </form>
            </div>
            <div class="col-12 col-lg-8 align-self-center order-2 order-lg-1 text-center">
                <h1 class="banner-title   mt-5 mt-sm-0 ">Medical & Nursing Careers Fair</h1>
                @guest
                    <div class="my-4">
                        <a class="btn btn-success" href="{{ route('account.login') }}">Login</a> <span class="mx-3">OR</span>
                        <a class="btn btn-success" href="{{ route('account.account_type') }}">Register</a></p>
                    </div>
                @endguest
                @auth
                    <div class="my-4">
                        <a class="btn btn-outline-primary d-block d-sm-inline-block mx-2 mb-3 mb-sm-0" href="{{ route($user->dashboardRoute()) }}">Hi <b>{{ $user->fname }}</b>!</a>

                        @if ($user->hasRole('user'))
                            <a class="btn btn-success d-block d-sm-inline-block mx-2" href="{{ route('job.index') }}">See our jobs</a>
                        @endif

                        @if ($user->hasRole('company'))
                            <a class="btn btn-success d-block d-sm-inline-block mx-2" href="{{ route('account.jobs.create') }}">Post a job</a>
                        @endif

                        @if ($user->hasRole('admin'))
                            <a class="btn btn-success d-block d-sm-inline-block mx-2" href="{{ route('backend.home') }}">Go to my dashboard</a>
                        @endif
                    </div>
                @endauth
            </div>
        </div>
    </div>
</section>