@extends('base')

@section('content')

    <div class="alert alert-success text-center">CONVOCATION CHAUFFEUR(S)</div>

    <input type="hidden" id="date_verification" value="{{ date('Y-m-d') }}">
    <div id="message"></div>

    <div class="col-md-12 row">
        <div class="col-md-6">
            <div class="form-group">
                <label for="convocation_date">DATE DE CONVOCATION</label>
                <input type="date" class="form-control" id="convocation_date" value="{{ date('Y-m-d', strtotime('+1 day')) }}">
            </div>
        </div>
        <div class="col-md-6 text-right" style="padding-top: 2%;">
            <button class="btn btn-success" id="rafraichir">Rafraichir</button>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered" id="table_convocation_chauffeur" style="width:100%">
            <thead style="background-color:#28a745; color:white">
            <tr>
                <th scope="col" class="text-center">TRANSPORTEUR</th>
                <th scope="col" class="text-center">CHAUFFEUR</th>
                <th scope="col" class="text-center">CENTRALE</th>
                <th scope="col" class="text-center">HEURE</th>
                <th scope="col" class="text-center">Valider</th>
                <th scope="col" class="text-center">SUPP</th>
            </tr>
            </thead>
        </table>
    </div>

    <script>
        $(function() { // Dom ready

            $('title').text("CONVOCATION CHAUFFEUR - SMART CENTRAL");

            var table = $('#table_convocation_chauffeur').DataTable({
                scrollX: true,
                scrollCollapse: true,
                autoWidth: true,
                paging: false,
                processing: true,
                'ajax': {
                    'url': '{{ url('convocation_chauffeur/table') }}',
                    'type': 'GET',
                    'data': {
                        'convocation_date': function() { return $("#convocation_date").val(); },
                    },
                    'dataSrc': function(json) {
                        return json.data;
                    },
                },
                columnDefs: [
                    {
                        "targets": 2,
                        "data": function(json) {
                            var centrales = json[2];
                            var text = '<select class="convaction_centrale form-control form-control-sm">';
                            $.each(centrales, function(index) {
                                text += '<option ';
                                if (centrales[index]['id_centrale'] == json["DT_centraleId"]) { text += ' selected '; }
                                text += 'value="' + centrales[index]['id_centrale'] + '">' + centrales[index]['centrale_code'] + ' -> ' + centrales[index]['centrale_nom'] + '</option>';
                            });
                            text += '</select>';
                            return text;
                        },
                        "defaultContent": null
                    },
                    {
                        "targets": 3,
                        "data": function(json) {
                            var heure_convocation = json[3];
                            return '<input type="time" class="convaction_heure form-control form-control-sm" value="' + heure_convocation + '">';
                        },
                        "defaultContent": null
                    },
                    {
                        "targets": 4,
                        "data": function() {
                            var disabled = '';
                            if ($("#convocation_date").val() < $("#date_verification").val()) {
                                disabled = 'disabled';
                            }
                            return '<button type="button" class="convocation_valider btn btn-success btn-sm ' + disabled + '">Valider</button>';
                        },
                        "defaultContent": null
                    },
                    { "className": "text-center align-middle supp_convocation th_cursor_pointer", "targets": [5] },
                    { "className": "text-center align-middle", "targets": "_all" },
                    { "width": "300px", "targets": [2] },
                    { "width": "100px", "targets": [3] },
                ],
            });

            $("#rafraichir").click(function(e) {
                e.preventDefault();
                table.ajax.reload(null, false);
            });

            $("#convocation_date").change(function() {
                table.ajax.reload(null, false);
            });

            $('#table_convocation_chauffeur tbody').on('click', '.convocation_valider', function() {
                var data = table.row($(this).parents('tr')).data();
                var tr = $(this).parents('tr');
                var id_centrale = '';
                var heure_convocation = '';

                tr.each(function() {
                    id_centrale = $(this).find('.convaction_centrale').val();
                    heure_convocation = $(this).find('.convaction_heure').val();
                });

                function reponse(donnees) {
                    $("#message").html(donnees.message);
                    $("#message").show(700);
                    setTimeout(function() { $('#rafraichir').click(); }, 2000);
                    setTimeout(function() { $('#message').hide(); }, 2000);
                    setTimeout(function() { $('#message').empty(); }, 2000);
                }

                $.post('{{ url('convocation_chauffeur/valider_ligne') }}', {
                    "_token": '{{ csrf_token() }}',
                    "id_chauffeur": data['DT_RowId'],
                    "heure_convocation": heure_convocation,
                    "id_centrale": id_centrale,
                    "date_convocation": $("#convocation_date").val(),
                }, reponse, 'json');
            });

            $('#table_convocation_chauffeur tbody').on('click', '.supp_convocation', function(e) {
                e.preventDefault();

                var data = table.row($(this).parents('tr')).data();
                var id_convocation = data['DT_convocationId'];
                $("#message").empty();

                if (!id_convocation) {
                    return;
                }

                if (confirm("Êtes-vous sûr(e)?")) {
                    function reponse(retour) {
                        $("#message").html(retour.message);
                        $("#message").show();
                        setTimeout(function() { $('#message').hide(); }, 1500);
                        setTimeout(function() { $('#rafraichir').click(); }, 1500);
                    }

                    $.ajax({
                        url: '{{ url('convocation_chauffeur') }}/' + id_convocation + '/supprimer',
                        method: 'DELETE',
                        data: { _token: '{{ csrf_token() }}' },
                        success: reponse,
                        dataType: 'json',
                    });
                }
            });
        });
    </script>
@endsection