@section('style')
    <link rel="stylesheet" href="{{ asset('home/css/select2.min.css') }}">
@endsection

@section('title', 'خانه')
<div>
    <!-- hero section -->
    @include('livewire.home_partials._hero')

    <!-- job-categories section -->
    @include('livewire.home_partials._categories')

    <!-- hiring-process section -->
    @include('livewire.home_partials._hiring-process')
</div>

@section('script')
    <script src="{{ asset('home/js/sweetalert2.js') }}"></script>
    <script src="{{ asset('home/js/jquery.min.js') }}"></script>
    <script src="{{ asset('home/js/select2.min.js') }}"></script>

    <x-livewire-alert::scripts />

    <script>
        $(document).ready(function() {
            $('#country').select2();
            $('#country').on('change', function (event){
                console.log(event.target.value)
                @this.set('cityID', event.target.value);
            })
        });
    </script>
@endsection