@extends('theme.template')

@section('css')
    <link href="{{ asset('v_1/vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet">
@endsection


@section('contenu')
    <div class="form-head mb-4">
        <h2 class="text-black font-w600 mb-0">Annonce</h2>
    </div>

    <div class="page-titles">
        <ol class="breadcrumb">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle-filled" width="50"
                height="25" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                <path
                    d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z"
                    stroke-width="0" fill="currentColor" />
            </svg>
            <li class="breadcrumb-item"><a href="javascript:void(0)">Cette section est réservée pour liste des annonces</a>
            </li>
        </ol>
    </div>


    <div class="col-xl-12 col-lg-12">

        <div class="card">

            <div class="card-header">
                <h4 class="card-title text-primary "> <i class="fa-solid fa-filter me-2"></i> Rechercher une annonce </h4>
            </div>
            <div class="card-body">
                <div class="basic-form">
                    <form action="{{route("annonce.search")}}" method="GET"> 
                        <div class="row">
                            <div class="mb-3 col-md-3">
                                <label class="form-label">Date debut de l'annonce </label>
                                <input type="datetime-local" class="form-control" name="date_debut">
                            </div>
                            <div class="mb-3 col-md-3">
                                <label class="form-label">Date de fin de l'annonce 
                                </label>
                                <input type="datetime-local" class="form-control" name="date_fin">
                            </div>
                            <div class="mb-3 col-md-3">
                                <label class="form-label">Titre de l'annonce  </label>
                                <input type="text" class="form-control" placeholder="Titre de l'annonce" name="titre">
                            </div>
                            <div class="mb-3 col-md-3">
                                <label class="form-label">Categorie de l'annonce  </label>
                                <select class="default-select  size-1 form-control wide mb-3" name="category">
                                    <option value="" selected>Choisir une categorie</option>
                                    @foreach ($categories as $category)
                                         <option value="{{$category->id}}">{{$category->category_label}}</option>
                                    @endforeach
                                   
                                </select>
                            </div>

                            <div class="mb-3 col-md-3">
                                <label class="form-label">Staut de l'annonce </label>
                                <select class="default-select size-1 form-control wide mb-3" name="statut">
                                    <option value="" selected>Choisir un statut </option>
                                    <option value="1">Actif</option>
                                    <option value="0">Desactiver</option>
                                </select>
                            </div>

                        </div>
                        <button type="submit" data-bs-toggle="modal" data-bs-target=".bd-example-modal-lg"
                            class="btn btn-primary mb-4"> <i class="flaticon-381-search-1"></i> Rechercher une
                            annonce</button>

                    </form>
                </div>
            </div>
        </div>
    </div>

    <a href="{{ route('annonce.create') }}" class="btn btn-primary mb-4"> <i class="flaticon-381-add-2"></i> Diffuser une
        annonce</a>

        @include('theme.alert')


      

    {{-- Tableau --}}
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title text-primary"> <i class="flaticon-381-list-1"></i> Liste des annonces </h4>
            </div>
            
            <div class="card-body">
                <div class="table-responsive">
                    <table id="example2" class="display" style="overflow-y: auto;">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Titre de l'annonce</th>
                                <th>Date debut</th>
                                <th>Date fin</th>
                                <th>Catégorie</th>
                                <th>Etat de l'annonce</th>
                                <th>Etat de paiement</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($annonces as $key=> $annonce)
                                <tr>
                                    <td class="py-3">
                                        <a href="#">
                                            <div class="media d-flex align-items-center">
                                                <div class="avatar avatar-xl">
                                                    <img class="rounded-lg img-fluid" src="{{ !empty($annonce->picture_file)? $annonce->picture_file :'https://placehold.co/600x400' }}" alt="" width="70">
                                                </div>
                                            </div>
                                        </a>
                                    </td>
                                    <td> <a href="{{ $annonce->pdf_file }}" target="_blanc">
                                            {{ $annonce->title_document }}</a> </td>
                                    <td>{{ \Carbon\carbon::parse($annonce->date_debut)->isoFormat('D MMM YYYY') }} </td>
                                    <td>{{ \Carbon\carbon::parse($annonce->date_fin)->isoFormat('D MMM YYYY') }}</td>
                                    <td> {{ $annonce->categories->category_label }}</td>
                                    <td>
                                        @switch($annonce->annoncement_status_valide)
                                            @case(0)
                                                <span class="badge light badge-warning">En cours de validation</span>
                                            @break

                                            @case(1)
                                                <span class="badge light badge-success">Validé</span>
                                            @break

                                            @default
                                                <span class="badge light badge-info">Inconnu</span>
                                        @endswitch
                                    </td>
                                    <td> @switch($annonce->paiement?->status)
                                            @case(0)
                                                <span class="badge light badge-warning">Paiement en cours</span>
                                            @break

                                            @case(1)
                                                <span class="badge light badge-success">Paiement succès</span>
                                            @break

                                            @default
                                                <span class="badge light badge-info">Inconnu</span>
                                        @endswitch
                                    </td>
                                    <td>
                                        <div class="dropdown custom-dropdown">
                                            <div class="btn sharp btn-primary tp-btn" data-bs-toggle="dropdown">
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="12" cy="5" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="12" cy="19" r="2"/></g></svg>
                                            </div>
                                            <div class="dropdown-menu dropdown-menu-end">
                                                <a class="dropdown-item" href="{{route("annonce.edit",['id'=>$annonce->id, 'titre'=>Str::slug($annonce->title_document,'-')])}}"> <i class="fas fa-pencil-alt"></i> Editer </a>
                                                @if (!isset($annonce->paiement))
                                                    <a class="dropdown-item" href="{{ route("annonce.paiement.cancel", ['id'=>$annonce->id])}}"><i class="fas fa-credit-card-alt"></i> Payer</a>
                                                    <a class="dropdown-item" href="{{route("annonce.destroy",['id'=>$annonce->id])}}" onclick="return window.confirm('Etes vous sure de vouloire supprimer cette annonce ?')"><i class="fas fa-trash-alt"></i> Supprimer</a>
                                                    @else
                                                    <a class="dropdown-item" href="{{ route("annonceur.invoice", ['id'=>$annonce->id])}}"><i class="las la-print me-3 scale5"></i> Facture</a>
                                                @endif
                                               
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach


                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Titre de l'annonce</th>
                                <th>Date debut</th>
                                <th>Date fin</th>
                                <th>Document</th>
                                <th>Etat de l'annonce</th>
                                <th>Etat de paiement </th>
                                <th>Actions</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                @include('theme.paginate',['paginates'=>$annonces])
            </div>
        </div>
    </div>
@endsection



@section('js')
    <!-- Datatable -->
    <script src="{{ asset('v_1/vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('v_1/js/plugins-init/datatables.init.js') }}"></script>
@endsection