@php
    use Carbon\Carbon;
@endphp

@extends('layouts.site')

@section('scripts')

@endsection

@section('page-content')

<!-- ============================ Page Title Start================================== -->
<section class="bg-cover primary-bg-dark" style="background:url(assets/img/bg2.png)no-repeat;">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">

                <h2 class="ipt-title text-light">Quel est Votre Besoin ?</h2>
                <span class="text-light opacity-75">Nous Sommes Là pour Vous ! Envoyez-Nous Vos Questions ou Suggestions, et
                    Nous Vous Répondrons Rapidement pour Vous Aider</span>

            </div>
        </div>
    </div>
</section>
<!-- ============================ Page Title End ================================== -->


<!-- ============================ All List Wrap ================================== -->
<section>
    <div class="container">
        <div class="row">

            <!-- Search Sidebar -->
            <div class="col-lg-4 col-md-12 col-sm-12">
                <div class="side-widget-blocks">

                    <div class="sidebar_header d-flex align-items-center justify-content-between px-4 py-3 br-bottom">
                        <h4 class="fs-bold fs-5 mb-0">Filtre</h4>
                        <div class="ssh-header">
                            <a href="javascript:void(0);" class="clear_all ft-medium text-muted">Effacer Tout</a>
                            <a href="#search_open" data-bs-toggle="collapse" aria-expanded="false" role="button" class="collapsed _filter-ico ml-2"><i class="fa-solid fa-filter"></i></a>
                        </div>
                    </div>

                    <!-- Find New Property -->
                    <div class="sidebar-widgets collapse miz_show" id="search_open" data-bs-parent="#search_open">
                        <form method="GET" action="">

                            @csrf

                            <div class="search-inner">
                                <div class="filter-search-box px-4 pt-3">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="keyword" placeholder="Mots-cles..." />
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Localisation, Adresse.." />
                                    </div>
                                </div>

                                <div class="filter_wraps">
                                    <!-- Job secteurs Search -->
                                    <div class="single_search_boxed px-4 pt-0 br-bottom">
                                        <div class="widget-boxed-header">
                                            <h4>
                                                <a href="#secteurs" class="ft-medium fs-md" data-bs-toggle="collapse" aria-expanded="true" role="button">Secteurs d'activité</a>
                                            </h4>
                                        </div>
                                        <div class="widget-boxed-body collapse show" id="secteurs" data-bs-parent="#categories">
                                            <div class="side-list no-border">
                                                <!-- Single Filter Card -->
                                                <div class="single_filter_card">
                                                    <div class="card-body p-0">
                                                        <div class="inner_widget_link">
                                                            <ul class="no-ul-list filter-list">

                                                                @if($secteurs->count() > 0)
                                                                    @foreach($secteurs as $item)
                                                                    <li>
                                                                        <input id="{{ $item->id }}" class="form-check-input" name="secteur_id" type="checkbox" />
                                                                        <label for="{{ $item->id }}" class="form-check-label">
                                                                            {{ $item->libelle }} <b class="text-primary">({{ $item->prestataires->count() }})</b>

                                                                        </label>
                                                                    </li>
                                                                    @endforeach
                                                                @else
                                                                <li>
                                                                    <input id="a1" class="form-check-input" name="ADA" type="checkbox" />
                                                                    <label for="a1" class="form-check-label">Aucun prestataire (0)</label>
                                                                </li>
                                                                @endif

                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>

                                <div class="form-group filter_button pt-3 pb-3 px-4">
                                    <button type="submit" class="btn btn-primary full-width">Recherche</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
            <!-- Sidebar End -->

            <!-- Job List Wrap -->
            <div class="col-lg-8 col-md-12 col-sm-12">

                <!-- Shorting Box -->
                <div class="row justify-content-center mb-4">
                    <div class="col-lg-12 col-md-12">
                        <div class="item-shorting-box">
                            <div class="item-shorting clearfix">
                                <div class="left-column"><h4 class="m-sm-0 mb-2">Affichage 1 - 10 de {{ $prestataires->count() }} Resultats</h4></div>
                            </div>
                            <div class="item-shorting-box-right">
                                <div class="shorting-by small">
                                    <select>
                                        <option value="0">10 par Page</option>
                                        <option value="1">20 par Page</option>
                                        <option value="2">50 par Page</option>
                                        <option value="3">10 par Page</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Shorting Wrap End -->

                <!-- Start All List -->
                <div class="row justify-content-start gx-3 gy-4">

                    @if($prestataires->count() > 0)
                        @foreach($prestataires as $item)

                            @if($item->role == 'Freelance')

                            <!-- Single Item -->
                            <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                                <div class="jbs-grid-usrs-block border">
                                    <div class="jbs-grid-usrs-thumb">
                                        <div class="jbs-grid-yuo">
                                            <a href=""><figure><img src="{{ $item->avatar }}" class="img-fluid circle" alt=""></figure></a>
                                        </div>
                                    </div>
                                    <div class="jbs-grid-usrs-caption mb-4">
                                        <div class="jbs-tiosk">
                                            <h4 class="jbs-tiosk-title"><a href="">{{ $item->name }}</a></h4>
                                            <div class="jbs-tiosk-subtitle"><span>{{ $item->profession }}</span></div>
                                        </div>
                                    </div>
                                    <div class="jbs-grid-job-edrs">
                                        <div class="jbs-grid-job-edrs-group center">
                                            <span>{{ $item->secteur->libelle }}</span>
                                        </div>
                                    </div>
                                    <div class="jbs-grid-usrs-info">
                                        <div class="jbs-info-ico-style bold">
                                            <div class="jbs-single-y1 style-2">
                                                <span><i class="fa-solid fa-check"></i></span>
                                                {{ $item->role }}
                                            </div>
                                            <div class="jbs-single-y1 style-3">
                                                <span><i class="fa-solid fa-coins"></i></span>
                                                {{ $item->annee_experience }} années exp.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jobstock-grid-body-footer">
                                        <div class="instructor-corses">
                                            <a href="" class="btn btn-md btn-primary px-4">Voir Detail</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @else

                            <!-- Single Item -->
                            <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                                <div class="jbs-grid-usrs-block border">
                                    <div class="jbs-grid-usrs-thumb">
                                        <div class="jbs-grid-yuo">
                                            <a href=""><figure><img src="{{ $item->logo }}" class="img-fluid circle" alt=""></figure></a>
                                        </div>
                                    </div>
                                    <div class="jbs-grid-usrs-caption mb-4">
                                        <div class="jbs-tiosk">
                                            <h4 class="jbs-tiosk-title"><a href="">{{ $item->raison_sociale }}</a></h4>
                                            <div class="jbs-tiosk-subtitle"><span>{{ $item->forme_juridique }}</span></div>
                                        </div>
                                    </div>
                                    <div class="jbs-grid-job-edrs">
                                        <div class="jbs-grid-job-edrs-group center">
                                            <span>{{ $item->secteur->libelle }}</span>
                                        </div>
                                    </div>
                                    <div class="jbs-grid-usrs-info">
                                        <div class="jbs-info-ico-style bold">
                                            <div class="jbs-single-y1 style-2">
                                                <span><i class="fa-solid fa-check"></i></span>
                                                {{ $item->role }}
                                            </div>
                                            <div class="jbs-single-y1 style-3">
                                                <span><i class="fa-solid fa-coins"></i></span>
                                                {{ $item->annee_experience }} années exp.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jobstock-grid-body-footer">
                                        <div class="instructor-corses">
                                            <a href="" class="btn btn-md btn-primary px-4">Voir Detail</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @endif

                        @endforeach

                    @else
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                        <center>
                            <br>
                            <img src="{{ URL::to('assets/img/empty-pana.svg') }}" height="400" width="400" class="align-items-center" />
                            <br><br>
                            <h3>Notre base de prestataires est vide pour le moment !</h3>
                        </center>
                    </div>
                    @endif





                </div>
                <!-- End All Job List -->

                <!-- Pagination -->
                {{ $prestataires->links('vendor.pagination.bootstrap-4') }}

            </div>
            <!-- Job List Wrap End-->

        </div>
    </div>
</section>
<!-- ============================ All List Wrap ================================== -->



@endsection

@section('scripts')
    <!-- Les scripts spécifiques à cette vue enfant vont ici -->
@endsection