@extends('layouts.app')

@section('content')
    <section class="header-inner">
        <div class="container ">
            <div class="row">
                <div class="col-12 col-md-10 mx-auto text-center text-lg-left">
                    <div class="row">
                        <div class="col-12 col-lg-10">
                            <h1>{{ $meta['title'] }}</h1>
                            <p>{{ $meta['description'] }}</p>
                        </div>
                        <div class="col-12 col-lg-2">
                            <img class="w-100 d-none d-lg-inline-block" src="{{ asset('img/icons/contact-form.png') }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="space-pt bg-light">
        <div class="container">
            @livewire('frontend.employers.stand-reservation')
        </div>
    </section>

    <div id="packages">
        <x-subscription-packages slug="job-posting"/>
    </div>

    <section class="space-ptb bg-light pt-5 pb-1">
        <div class="container">
            @include('page.about.inc.counter')
        </div>
    </section>

    <x-subscription-packages slug="recruitment-support"/>

    <section class="space-ptb bg-light">
        <div class="container">
            @livewire('frontend.employers.list-recruiter')
        </div>
    </section>

    @include('blocks.banner_job_count--dark')

    <div class="modal" id="confirm-stand-reservation" tabindex="-1" aria-labelledby="confirm-stand-revervationLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-dark">
                    <h5 class="modal-title text-white" id="confirm-stand-revervationLabel">Confirmation</h5>
                </div>
                <div class="modal-body py-5">
                    Thank you for your interest in EXPOMEDICS EVENTS. Your stand reservation application has been
                    successfully submitted.
                </div>
                <div class="modal-footer bg-light-blue">
                    <button type="button" class="btn btn-success" data-dismiss="modal">Understood</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('inline-scripts')
    <script>
        $(document).ready(scrollToElementFromURL)
    </script>
@endpush