@extends($templateLayout)

@section('page-title',$title)
@section('inline-title',$title)
@section('crumb')
    <li>{{ $title }}</li>
@endsection
@section('content')
    <div class="pb-2">
        <a href="javascript:" data-toggle="modal" data-target="#login"  class=" btn btn-primary   btn-rounded "><i class="fa fa-filter"></i> @lang('site.filter')</a>

    </div>

    <section class="job-category style2 section">
        <div class="container_">

            <div class="cat-head">
                @if($candidates->count()==0)
                    @lang('site.no-records')
                @endif
                <div class="row">

                                     @foreach($candidates as $item)


                        <div class="card col-md-3 bd-0 rounded mb-3">

                            @if(!empty($item->candidate->picture) && file_exists($item->candidate->picture))
                                <img  class="img-fluid"   src="{{ asset($item->candidate->picture) }}">
                            @elseif($item->candidate->gender=='m')
                                <img  class="img-fluid"   src="{{ asset('img/man.jpg') }}">
                            @else
                                <img  class="img-fluid"   src="{{ asset('img/woman.jpg') }}">
                            @endif
                            <div class="card-body bd bd-t-0">
                                <h5 class="card-title">{{ $item->candidate->display_name }}</h5>
                                <p class="card-text">
                                    <strong>@lang('site.age'):</strong> {{ getAge(\Illuminate\Support\Carbon::parse($item->candidate->date_of_birth)->timestamp) }}
                                    <br/>
                                    <strong>@lang('site.gender'):</strong> {{ gender($item->candidate->gender) }}
                                </p>
                                <a  href="{{ route('profile',['candidate'=>$item->candidate->id]) }}" class="card-link  btn btn-sm btn-primary rounded">@lang('site.view-profile')</a>
                            </div>
                        </div><!-- card -->


                    @endforeach
                </div>


            </div>
        </div>
            {!! $candidates->appends(request()->input())->links()  !!}

    </section>






@endsection

@section('footer')
    @parent
    <!-- Login Modal -->
    <div class="modal fade form-modal" id="login" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-content-demo">



                <div class="modal-header">
                    <h6 class="modal-title">@lang('site.filter')</h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <div class="row no-gutters">
                        <div class="col-12">
                            <div  >


                                <form method="get" action="{{ route('profiles') }}" id="filterform">
                                    @if(setting('filter_search')==1)
                                    <div class="form-group">
                                        <input value="{{ request()->search }}" class="form-control" type="text" name="search" placeholder="@lang('site.search')"/>
                                    </div>
                                    @endif
                                    @if(setting('filter_category')==1 && \App\Category::public()->count()>0)
                                    <div class="form-group">
                                        <label for="category" class="label">@lang('site.category')</label>
                                        <div class="position-relative">
                                            <select    name="category" id="category" class="form-control">
                                                <option></option>
                                                @foreach($categories as $category)
                                                    <option   {{ ((null !== old('category',@request()->category)) && old('category',@request()->category) == @$category->id) ? 'selected' : ''}}  value="{{ $category->id }}">{{ $category->name }}</option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                    @endif

                                    @if(setting('filter_min_age')==1 || setting('filter_max_age')==1)
                                    <div class="row">

                                        @if(setting('filter_min_age')==1 )
                                        <div class="form-group col-md-6">
                                            <label for="search" class="control-label">@lang('site.min-age')</label>
                                            <select class="form-control" name="min_age" id="min_age">
                                                <option></option>
                                                @foreach(range(1,100) as $value)
                                                    <option @if(request()->min_age==$value) selected  @endif value="{{ $value }}">{{ $value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        @endif
                                        @if(setting('filter_max_age')==1 )
                                        <div class="form-group col-md-6">
                                            <label for="search" class="control-label">@lang('site.max-age')</label>
                                            <select class="form-control" name="max_age" id="max_age">
                                                <option></option>
                                                @foreach(range(1,100) as $value)
                                                    <option @if(request()->max_age==$value) selected  @endif value="{{ $value }}">{{ $value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        @endif

                                    </div>
                                    @endif

                                        @if(setting('filter_location')==1)
                                            @livewire('utils.country-state-dropdowns',['selectedCountry'=>request()->get('country_id'),'selectedState'=>request()->get('state')])
                                        @endif

                                        @if(setting('filter_gender')==1)
                                        <div class="form-group">
                                        <label for="gender" class="control-label">@lang('site.gender')</label>
                                        <select name="gender" class="form-control" id="gender" >
                                            <option></option>
                                            @foreach (getGenders() as $optionKey => $optionValue)
                                                <option value="{{ $optionKey }}" {{ ((null !== old('gender',@request()->gender)) && old('gender',@request()->gender) == $optionKey) ? 'selected' : ''}}>{{ $optionValue }}</option>
                                            @endforeach
                                        </select>
                                        {!! clean( $errors->first('gender', '<p class="help-block">:message</p>') ) !!}
                                    </div>
                                        @endif

                                    @if(setting('filter_custom')==1)
                                    @foreach($fields as $field)