@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">
@endsection
@section('contenu')
    <div class="dashboard-content-container" data-simplebar>
        <div class="dashboard-content-inner">

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

                <!-- Breadcrumbs -->
                <nav id="breadcrumbs" class="">
                    <div class="col-xl-12">
                        {{-- <button class="button ripple-effect big margin-top-0" type="submit">
                            <i class="icon-feather-plus"></i>
                            Envoyer</a>
                        </button> --}}
                        <a href="{{ url('annonceur/message_alerte') }}" class="button ripple-effect big margin-top-0">
                            Envoyer un nouveau message</a>
                    </div>
                    <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">Objet du message </th>
                        <th scope="col">Date et Heure d'envoie </th>
                        <th scope="col">Catégorie</th>
                        {{-- <th scope="col">Documents</th>
                        <th scope="col">Status</th>
                        <th scope="col">Status Paiement</th>
                        <th scope="col">Actions </th> --}}
                    </tr>
                </thead>
                <tbody>
                    @foreach ($messages as $key => $message)
                        <tr>
                            <th scope="row">{{ $key + 1 }}</th>
                            <td>{{ Str::limit($message->message, 50) }}</td>
                            <td>{{ $message->created_at }}</td>
                            <td>{{ $message->alert }}</td>
                            {{-- <td>{{ \Carbon\Carbon::parse($publication->date_debut)->isoFormat('MMM Do YYYY') }}</td>
                            <td>{{ \Carbon\Carbon::parse($publication->date_fin)->isoFormat('MMM Do YYYY') }}</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)
                                    <h2> <span class="badge badge-warning">En attente </span></h2>
                                @elseif($publication->annoncement_status_valide == 1)
                                    <h2> <span class="badge badge-success">Succès </span></h2>
                                @else
                                    <h2> <span class="badge badge-danger">Refuser </span></h2>
                                @endif
                            </td>
                            <td>
                                @if ($publication->payement_status == 0)
                                    <h2> <span class="badge badge-warning">En cours de paiement </span></h2>
                                @else
                                    <h2> <span class="badge badge-success">Succès </span></h2>
                                @endif
                            </td>
                            <td>
                                @if ($publication->annoncement_status_valide == 1)
                                    <a href="#" class="btn btn-success"><i
                                            class="icon-material-outline-access-time"></i> En cours d'excecution</a>
                                @else
                                    <a href="{{ url('annonceur/show_publication',Crypt::encrypt($publication->id)) }}" class="btn btn-primary"><i class="icon-feather-edit"></i> </a>
                                    <a href="#" class="btn btn-danger"><i class="icon-feather-trash-2"></i> </a>
                                @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>
@endsection
@endsection