@extends('backend/include/layout')
<!-- title -->
@section('title')
    Liste des invitations || {{env('APP_NAME')}}
@endsection

@section('fil-arial')
    <div class="pagetitle">
        <h1>Utilisateurs</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#" style="text-decoration: none;">Accueil</a></li>
                <li class="breadcrumb-item"><a href="#" style="text-decoration: none;">Admin</a></li>
                <li class="breadcrumb-item active">Invitations </li>
            </ol>
        </nav>
    </div>
@endsection

@section('contenu')
    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                
                            <h5 class="card-title">Liste des Invitations</h5>
                            </div>
                            <div class="col-md-6" style="text-align:right;">
                                Récapitulatif des demandes : 
                                <span class="badge bg-success" style="padding: 6px 10px;">VALIDEE : <b>{{$validee}}</b> </span>
                                <span class="badge bg-danger" style="padding: 6px 10px;">EN ATTENTE : <b>{{$attente}}</b></span>
                            </div>
                        </div>
                        <!-- Bordered Table -->
                        <div class="table-responsive">
                            <table id="example" class="table table-striped table-hover table-bordered data-tables" id="example">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Nom & Prénom(s)</th>
                                        <th scope="col">E-mail</th>
                                        <th scope="col">Numéro pièce</th>
                                        <th scope="col">Date arrivée</th>
                                        <th scope="col">Date départ</th>
                                        <th scope="col">Date demande</th>
                                        <th scope="col">Statut</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i = 1;
                                    @endphp
                                    @foreach ($invitations as $item)
                                    
                                        <tr>
                                            <td class="text-center"><b>{{ $i++ }}</b></td>
                                            <td>{{ $item->getInscription->nom }} {{ $item->getInscription->prenoms }}</td>
                                            <td>
                                                @if (!empty($item->getInscription->email))
                                                {{ $item->getInscription->email }}
                                                @else
                                                    ---
                                                @endif                                             
                                                
                                            </td>
                                            <td>{{ $item->getInscription->numero_piece }}</td>
                                            <td>
                                                @if ($item->getInscription->date_arrivee)
                                                    {{ \Carbon\Carbon::parse($item->getInscription->date_arrivee)->format('d-m-Y') }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->getInscription->date_depart)
                                                    {{ \Carbon\Carbon::parse($item->getInscription->date_depart)->format('d-m-Y') }}
                                                @endif
                                            </td>
                                            <td>{{ $item->updated_at->format('Y-m-d H:i:s') }}</td>
                                            <td>
                                                @if ($item->is_valide)
                                                    <span class="badge bg-success" style="padding: 6px 10px; ">VALIDEE</span>
                                                @else
                                                    <span class="badge bg-danger">EN ATTENTE</span>
                                                @endif
                                            </td>
                                            <td class="text-center"  width="150px">
                                                @if (!$item->is_valide)
                                                    <a class="btn btn-success"
                                                        href="{{ route('admin.valider-lettre', Crypt::encrypt($item->inscription_id)) }}"><i
                                                            class="fa fa-check"></i></a>
                                                @endif
                                                <a class="btn btn-warning"
                                                    href="{{ route('admin.sendmail-lettre', Crypt::encrypt($item->inscription_id)) }}"
                                                    title="Renvoyer la lettre"><i class="fa fa-envelope"
                                                        style="color: white;"></i></a>
                                                {{-- Export lettre --}}
                                                <a class="btn btn-secondary"
                                                    href="{{route('lettre-invitation',['code'=>'A4Z2E','id'=>Crypt::encrypt($item->inscription_id)])}}"
                                                    target="_blank" rel="noopener noreferrer" title="Télécharger"><i
                                                        class="fa-solid fa-file-pdf"></i></a>
                                                @if (auth()->user()->getRole->libelle == 'ADMIN')
                                                
                                                @if ($item->is_valide)
                                                    
                                                @else                                                    
                                                <a class="btn btn-danger"
                                                href="{{ route('admin.delete-lettre', Crypt::encrypt($item->id)) }}"><i
                                                    class="fa-solid fa-trash"></i></a>
                                                @endif
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>
                        </div>
                        <!-- End Bordered Table -->


                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

<!-- jsScript -->
@section('script-js')
    <script>
        $(document).ready(function() {
            // remove menu active
            $("ul").removeClass('show');
            $("ul li a").removeClass('active');
            // active menu 
            $("#parametres").removeClass('collapsed');

            // desactivation
            $('a.confirmation-desactivation').confirm({
                title: "",
                content: "<div style='border-bottom: 1px solid #ddd;' class='text-center'><img width='100px' src='{{ asset('day/img/logo_nyquist-shannon.jpg') }}' alt='logo'></div> <br> " +
                    "<div class='text-center'><p class='text-danger'>Désactivation de l'élément ?</p> <span class='text-center'>Cette action est irréversible.</span> </div>",
                type: 'red',
                typeAnimated: true,
                draggable: true,
                dragWindowBorder: false,
                fermer: function() {

                }
            });

            $('a.confirmation-desactivation').confirm({
                buttons: {
                    hey: function() {
                        location.href = this.$target.attr('href');
                    }
                }
            });

            // activation
            $('a.confirmation-activation').confirm({
                title: "",
                content: "<div style='border-bottom: 1px solid #ddd;' class='text-center'><img width='100px' src='{{ asset('day/img/logo_nyquist-shannon.jpg') }}' alt='logo'></div> <br> " +
                    "<div class='text-center'><p class='text-danger'>Activation de l'élément ?</p> <span class='text-center'>Cette action est irréversible.</span> </div>",
                type: 'red',
                typeAnimated: true,
                draggable: true,
                dragWindowBorder: false,
                fermer: function() {

                }
            });
            $('a.confirmation-activation').confirm({
                buttons: {
                    hey: function() {
                        location.href = this.$target.attr('href');
                    }
                }
            });

        });
    </script>
@endsection