@extends('front.layouts.front')
@section('content')
<!-- Start Section -->
<section class="py-5 section-bg">
    <div class="container">
        <h5 class="heading d-flex align-items-center gap-3">
            الباحثين عن العمل
            <form action="{{ request()->url() }}" class="d-flex">
                <select name="country_id" class="form-select w-auto" id="">
                    <option value="">اختر مدينة</option>
                    @foreach ($countries as $country)
                    <option {{ request()->get('country_id') == $country->id ? 'selected' : '' }} value="{{ $country->id }}">{{ $country->name }}</option>
                    @endforeach
                </select>
                {{-- <select name="job_category_id" class="form-select w-auto" id="">
                    <option value="">اختر قسم</option>
                    @foreach ($jobCategories as $cat)
                    <option {{ request()->get('job_category_id') == $cat->id ? 'selected' : '' }} value="{{ $cat->id }}">{{ $cat->name }}</option>
                    @endforeach
                </select> --}}
                <button type="submit" class="btn btn-primary btn-sm ms-1">بحث</button>
            </form>
        </h5>
        <div class="row g-4 row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4 row-cols-xxl-5">
            @foreach ($seekers as $seek)
            <div class="col">
                <div class="box-user">
                    <img src="{{ url('admin-asset/img/users/'.$seek->photo) }}" alt="" class="img" />
                    <div class="name">{{ $seek->name }} (مهندس)</div>
                    <div class="address">
                        <i class="fa-solid fa-location-dot"></i>
                        {{ $seek->country?->name }}
                    </div>
                    <a href="" class="btn-box">
                        معاينة
                    </a>
                </div>
            </div>
            @endforeach

        </div>
    </div>
</section>
<!-- End Section -->
@endsection