@extends('clients.layout.base')

@section('style')
    <link rel="stylesheet" type="text/css"
        href="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.12.1/b-2.2.3/sl-1.4.0/datatables.min.css" />
    {{-- <link rel="stylesheet" type="text/css" href="Editor-2.0.10/css/editor.dataTables.css"> --}}
    {{-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css"
        integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> --}}

    <style>
        .badge-warning {
            background-color: #ffcc00;
            color: white;
            padding: 4px 8px;
            text-align: center;
            border-radius: 5px;
            font-weight: 500;
        }

        .badge-danger {
            background-color: #cc3300;
            color: white;
            padding: 4px 8px;
            text-align: center;
            border-radius: 5px;
            font-weight: 500;
            font-size: 15px;
            padding: 5px;
            margin: 5px;
        }

        .badge-success {
            background-color: #339900;
            color: white;
            padding: 4px 8px;
            text-align: center;
            border-radius: 5px;
            font-weight: 500;
        }

        .badge-info {
            background-color: #93C8FF;
            color: white;
            padding: 4px 8px;
            text-align: center;
            border-radius: 5px;
            font-weight: 500;
            margin: 5px;
        }
    </style>
@endsection
@section('contenu')

    <div class="dashboard-content-container" data-simplebar>
        <div class="dashboard-content-inner">

            <!-- Dashboard Headline -->
            {{-- <div class="dashboard-headline">
            <h3>Howdy, Tom!</h3>
            <span>We are glad to see you again!</span>

            <!-- Breadcrumbs -->
            <nav id="breadcrumbs" class="dark">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li>Dashboard</li>
                </ul>
            </nav>
        </div> --}}

            <table class="table table-striped" id="table">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Titre du document </th>
                        <th scope="col">Date Debut </th>
                        <th scope="col">Date de Fin</th>
                        <th scope="col">Documents</th>
                        <th scope="col">Status Annonce</th>
                        <th scope="col">Status Paiement</th>
                        <th scope="col">Actions </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($publications as $key => $publication)
                        <tr>
                            <th scope="row">{{ $key + 1 }}</th>
                            <td>{{ $publication->title_document }}</td>
                            <td>{{ $publication->date_debut }}</td>
                            <td>{{ $publication->date_fin }}</td>
                            <td>
                                <a href="{{ asset($publication->pdf_file) }}" target="_blanc">
                                    <img src="{{ asset($publication->picture_file) }}" alt="" width="50"
                                        height="50">
                                </a>
                            </td>
                            {{-- <td>
                                <a href="" class="btn btn-info" target="_blanc">Voir </a>
                            </td> --}}
                            <td>
                                @if ($publication->annoncement_status_valide == 0)
                                    <h5> <span class="badge note-priority medium">En attente de validation </span></h5>
                                @elseif($publication->annoncement_status_valide == 1)
                                    <h5> <span class="badge note-priority low">Validé </span></h5>
                                @else
                                    <h5> <span class="badge note-priority high">Refuser </span></h5>
                                @endif
                            </td>
                            <td>
                                @if ($publication->payement_status === 0)
                                    @if (Auth::user()->profils->profil_label === 'Ville')
                                        <h5> <span class="badge badge-info">Succès </span></h5>
                                    @else
                                        <h5> <span class="badge note-priority medium">En cours de paiement </span></h5>
                                    @endif
                                @elseif($publication->payement_status === 1)
                                    <h5> <span class="badge note-priority low">Succès </span></h5>
                                @endif
                            </td>
                            <td>
                                @if ($publication->annoncement_status_valide == 1)
                                    <a href="#" class="badge note-priority low"> <i
                                            class="icon-material-outline-access-time"></i> En cours d'excecution</a>
                                    @if (!is_null($publication->paiement) && $publication->paiement->status === 1)
                                        <a href="{{ route('annonce.invoice', ['id' => Crypt::encrypt($publication->id)]) }}"
                                            class="btn btn-danger badge-info"><i class="icon-feather-printer"></i>
                                        </a>
                                    @endif
                                @else
                                    {{-- <a href="{{ url('annonceur/show_publication', Crypt::encrypt($publication->id)) }}"
                                        class="btn btn-primary"><i class="icon-feather-edit"></i> </a> --}}
                                    <button class="btn btn-danger badge-danger delete"
                                        data-id="{{ Crypt::encrypt($publication->id) }}"><i
                                            class="icon-feather-trash-2"></i>
                                    </button>

                                    @if (is_null($publication->paiement))
                                        <a href="{{ route('paiement.invoice', ['id' => Crypt::encrypt($publication->id)]) }}"
                                            class="btn btn-danger badge-success"><i
                                                class="icon-brand-google-wallet"></i></a>
                                    @endif
                                @endif

                            </td>
                        </tr>
                    @endforeach

                </tbody>
            </table>




            @include('clients.layout.footer')

        </div>
    </div>


@section('script')
    <script type="text/javascript"
        src="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.12.1/b-2.2.3/sl-1.4.0/datatables.min.js"></script>
    {{-- <script type="text/javascript" src="Editor-2.0.10/js/dataTables.editor.js"></script> --}}
    <script>
        $(document).ready(function() {
            $('#table').DataTable({
                "language": {
                    "url": "https://cdn.datatables.net/plug-ins/1.12.1/i18n/fr-FR.json"
                }
            });
        });
    </script>


    <script>
        $(document).ready(function() {
            $(".delete").each(function() {
                $(this).click(function() {
                    var id = $(this).data("id")
                    var grandParentElement = $(this).parent().parent()
                    showMessage(id, grandParentElement)
                })
            })
        })


        function errorMessage() {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Une erreur c\'est produite, Rééssayer plus tard !',
                // footer: '<a href="">Why do I have this issue?</a>'
            })
            // location.reload();
        }


        function showMessage(id, parentElement) {
            var url = "{{ url('annonce/delete-publication') }}/" + id
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn badge-success',
                    cancelButton: 'btn badge-danger '
                },
                buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
                title: ' Êtes vous sûre de supprimer?',
                text: "Vous ne pourrez pas revenir en arrière!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Oui, supprimez-le !',
                cancelButtonText: 'Non, annuler!',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: url,
                        method: "GET",
                    }).done(function(data) {
                        parentElement.remove()
                        swalWithBootstrapButtons.fire(
                            'Supprimer!',
                            'Annonce Supprimer avec succes.',
                            'success'
                        )
                    }).error(function() {
                        errorMessage();
                    })


                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Annuller',
                        'Votre Annonce imaginaire est en sécurité',
                        'error'
                    )
                }
            })
        }
    </script>
@endsection
@endsection