@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Messages") }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Messages") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Messages") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@include('layouts.partials.panelboutons', ['btn_ajout' => 'modale', 'btn_imprim'=> false, 'btn_export'=> false])
@endsection
<!-- ************************************** -->
@section('contenu')

<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">
                <div class="table-responsive">
                    <table id="results" class="table table-striped table-compact table-advance table-hover" width="100%" cellspacing="0">
                        <thead class="thead-dark">
                            <tr>
                                <th style="width: 1005px;">{{ __("Date affichage") }}</th>
                                <th style="width: 203px;">{{ __("Texte") }}</th>
                                <th class="action">{{ __("Actions") }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($todo as $element)
                            <tr>
                                <td>Du {{ date('d/m/Y', strtotime($element->todLis_startDate)) }} au {{ date('d/m/Y', strtotime($element->todLis_endDate)) }}</td>
                                <td width="60%">
                                    <font size="2">{!! $element->todLis_text !!}</font>
                                </td>
                                <td class="action">
                                    <button type="button" class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier" id="btn_edit_{{ $element->todLis_id }}" data-id="{{ $element->todLis_id }}">
                                        {{ __("Modifier") }}
                                    </button>

                                    <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $element->todLis_id }}" data-id="{{ $element->todLis_id }}">
                                        {{ __("Supprimer") }}
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js_footer')
<script src="{{ asset('js/todolist.js')}}"></script>
@endsection

@section('modale')
<!-- Modale AJOUT -->
<div id="Modale_Edit" class="modal fade" role="dialog">
    <div class="modal-dialog modal-xl">
        <!-- Modal content-->
        <form method="post" class="" id="form_modaleajout" name="form_modaleajout" action="{{ route('create_todo') }}" enctype="multipart/form-data">

            @csrf
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header bg-danger">
                    <h4 class="modal-title text-center">{{ __("Tâche") }}</h4>
                    <span id="mod_header_desc">{{ __("Modification") }}</span>
                </div>

                <div class="modal-body">

                    <div class="row">
                        <input type="hidden" name="todLis_id" id="todLis_id">
                        <input type="hidden" name="type_maj" id="type_maj">
                        <div class="col-sm-6">
                            @component('components.dates.select_simple',['label' => 'Date affichage du','value' => '','required' => 'true', 'name' => 'todLis_startDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-6">
                            @component('components.dates.select_simple',['label' => 'au','value' => '','required' => 'true','name' => 'todLis_endDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-12">

                            <div class="form-group ">
                                <label class="required_label">{{ __("Texte") }}</label>
                                <textarea class="form-control trumbowyg no-reset" id="todLis_text" name="todLis_text" required rows="10"></textarea>
                            </div>

                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <center>
                        <button type="button" name="BTN_fermermodaleA" id="BTN_fermermodaleA" data-dismiss="modal" class="btn btn-abort">{{ __("Annuler") }}</button>
                        <button type="submit" class="btn btn-save">{{ __("Enregistrer") }}</button>
                    </center>
                </div>

        </form>
    </div>
</div>
</div>

@include('modales.delete_standard')

@endsection