@extends('layouts.super-Admin')
@section('listes')
    <style>
        .dtHorizontalVerticalExampleWrapper {
            max-width: 600px;
            margin: 0 auto;
        }

        #dtHorizontalVerticalExample th,
        td {
            white-space: nowrap;
        }

        table.dataTable thead .sorting:after,
        table.dataTable thead .sorting:before,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_asc:before,
        table.dataTable thead .sorting_asc_disabled:after,
        table.dataTable thead .sorting_asc_disabled:before,
        table.dataTable thead .sorting_desc:after,
        table.dataTable thead .sorting_desc:before,
        table.dataTable thead .sorting_desc_disabled:after,
        table.dataTable thead .sorting_desc_disabled:before {
            bottom: .5em;
        }
    </style>
    <div class="pagetitle">
        <div class="row">
            <h1 class="col">Listes des messages</h1>
            <div class="col ">
                {{--
                @if (session()->has('info'))
                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                        {{ session('info') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @elseif(session()->has('modif'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ session('modif') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
--}}
                @include('sweetalert::alert')


            </div>
            <nav>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#"></a></li>
                </ol>
            </nav>
        </div><!-- End Page Title -->
        <div class="mb-5 row">
            <div class="col">

                <button type="button" class="btn btn-primary" style="background-color:#0b3544;"data-bs-toggle="modal"
                    data-bs-target="#exampleModal">
                    <span>Envoyez un message</span>
                </button>
            </div>
            <div class="col text-end">

            </div>

        </div>

        <section class="section">
            <div class="row">
                <div class="col-lg">
                    <!--------->
                    <div class="card-body">
                        <div class="dataTable-container">
                            <table id="dtHorizontalVerticalExamples" class="table table-striped table-bordered table-sm"
                                cellspacing="0" width="100%">
                                <thead>
                                    <tr>


                                        <th>Objet</th>
                                        <th>Message</th>
                                        <th>Date d'envoie</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (!empty($message) && $message->count())
                                        @foreach ($message as $messages)
                                            <tr>


                                                <td>{{ $messages->subject }}</td>
                                                <td>{{ $messages->message }}</td>
                                                <td>{{ $messages->created_at }}</td>
                                                <td>

                                                    <div class=" d-flex grid ">
                                                        <div class="g-col-4 ms-2">
                                                            <form action="{{ route('destroy', $messages->id) }}"
                                                                method="post">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button class="btn bg-danger" type="submit">
                                                                    <img src="{{ asset('assets/img/delete.png') }}"
                                                                        alt="" srcset="">
                                                                </button>
                                                            </form>
                                                        </div>
                                                    </div>

                                                </td>


                                            </tr>
                                        @endforeach
                                    @else
                                        <tr></tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        <div class="dataTable-bottom">
                            <div class="dataTable-info">
                                <p class="small text-muted">
                                    {{-- 
                                    {!! __('Showing') !!}
                                    <span class="fw-semibold">{{ $message->firstItem() }}</span>
                                    {!! __('to') !!}
                                    <span class="fw-semibold">{{ $message->lastItem() }}</span>
                                    {!! __('of') !!}
                                    <span class="fw-semibold">{{ $message->total() }}</span>
                                    {!! __('results') !!}
                                     --}}
                                </p>
                            </div>
                            <nav class="dataTable-pagination">
                                <ul class="dataTable-pagination-list">
                                    {{-- $message->links() --}}
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <!------->

            </div>
        </section>
    </div>

    <!------------------------------------------------------------>
    <!------------------------------------------------------------>
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content ">
                <form id="formOrg" action="{{ route('message.send') }}" data-toggle="validator" role="form"
                    method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-header py-1" style="background-color:#0b3544;">
                        <h4 class="modal-title text-white">Boîte d'envoi de messagerie</h4>

                        <button type="button" class="btn-close text-white" data-bs-dismiss="modal" aria-label="Close">
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="container">
                            <div class="row ">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="control-label" for="subject">Objet:</label>
                                        <input type="text" class="form-control" value="" id="subject"
                                            name="subject" style=" height:43px;" />
                                        <!--input type="hidden" class="form-control" id="reference" name="codeProg"
                                                 /-->
                                    </div>
                                </div>
                            </div>


                            <div class="row mt-4">
                                <div class="col-sm">
                                    <div class="form-group">
                                        <label class="control-label" for="message">Message</label>
                                        <textarea id="summernote" name="message"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="modal-footer justify-content-between">
                            <button type="button" class="btn btn-danger   pull-left"
                                data-bs-dismiss="modal">Fermer</button>
                            <button type="submit" class="btn  btn-primary" id="btnFormEnreg">Enregistrer</button>
                        </div>

                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!------------------------------------------------------------>
    <!------------------------------------------------------------>
@endsection



@section('script')
    <script>
        $(document).ready(function() {
            $('#dtHorizontalVerticalExamples').DataTable({
                "scrollX": true,
                "scrollY": false,
                "paging": false,
                "searching": true
            });
            $('.dataTables_length').addClass('bs-select');
        });
    </script>


    <script>
        $(function() {
            // Summernote
            $('#summernote').summernote({
                height: 100,
                placeholder: 'Entrer un texte',
                
                toolbar: [
                    ['style', ['']],
                    ['font', ['bold', 'underline', 'clear']],
                    ['color', ['']],
                    ['para', ['ul', 'ol', '']],
                    ['table', ['']],
                    ['insert', ['',]],
                    ['view', ['', '']]
                ]
            });


        });
    </script>
@endsection