@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>


@include('theme.alert')


<a href="{{route('add.horaire.ville')}}" class="btn btn-primary mb-4"> <i class="flaticon-381-add-2"></i> Ajouter un horaire</a>


<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">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Jour de la semaine</th>
                            <th>heure d'ouverture</th>
                            <th>Heure de Fermeture</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach ($horaires as $key=> $horaire)
                            <tr>
                                <td >{{ $key+1 }}</td>
                                <td> {{ $horaire->jours??'Aucun jour'}} </td>
                                <td>{{ $horaire->ouverture}} </td>
                                <td>{{ $horaire->fermeture }}</td>
                                <td>
                                    <div class="d-flex">
                                        <a class="btn btn-primary shadow btn-xs sharp me-1" href="{{route('edit.horaire.ville',['id'=>$horaire->id])}}"> <i class="fas fa-pencil-alt" title="Editer"></i>  </a>
                                        <a class="btn btn-danger shadow btn-xs sharp" title="Suprimer" href="{{route("destroy.horaire.ville",['id'=>$horaire->id])}}"  onclick="return window.confirm('Etes vous sure de vouloire supprimer cet horaire ?')"><i class="fas fa-trash-alt"></i> </a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach


                    </tbody>
                    <tfoot>
                        <tr>
                            <th>#</th>
                            <th>Jour de la semaine</th>
                            <th>heure d'ouverture</th>
                            <th>Heure de Fermeture</th>
                            <th>Actions</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            @include('theme.paginate',['paginates'=>$horaires])
        </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