@extends('base')

@section('content')

    <div class="alert alert-success text-center">Copiée Formule</div>

    <div class="row">
        <div class="form-group col-md-2">
            <label for="centrale_ref">Centrale ref</label>
            <select class="form-control" style="color:black !important" id="centrale_ref">
                <option value="0">Aucune</option>
                @foreach($centrales as $c)
                    <option value="{{ $c->id_centrale }}">{{ $c->centrale_code }} -> {{ $c->centrale_nom }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-2">
            <label for="centrale_envoi">Centrale</label>
            <select class="form-control" style="color:black !important" id="centrale_envoi">
                <option value="0">Aucune</option>
                @foreach($centrales as $c)
                    <option value="{{ $c->id_centrale }}">{{ $c->centrale_code }} -> {{ $c->centrale_nom }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-1 text-left" style="padding-top: 1.5%;">
            <button class="btn btn-success" id="valider">Valider</button>
        </div>
    </div>

    <div class="col-md-12 text-center">Nombre de formule(s) : <span class="badge" id="nombre_formule" style="background : #dff0d8; color :#000; font-size: 15px; margin-bottom:0.5%;"></span></div>

    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered" id="table_liste_formule" style="width:100%">
            <thead style="background-color:#28a745; color:white">
                <tr>
                    <th class="text-center"><input type="checkbox" name="select_all" value="1" id="select_all"></th>
                    <th scope="col" class="text-center">CODE</th>
                    <th scope="col" class="text-center">APP COMMERCIALE</th>
                </tr>
            </thead>
        </table>
    </div>

    <script>
        $(document).ready(function () {
            $('title').text("COPIER FORMULE - SMART CENTRAL");

            var table_liste_formule = $('#table_liste_formule').DataTable({
                scrollX: true,
                scrollCollapse: true,
                autoWidth: true,
                paging: false,
                iDisplayLength: 100,
                ajax: {
                    url: "{{ url('formule_copie/table') }}",
                    type: "GET",
                    data: {
                        'centrale_ref_id': function () { return $('#centrale_ref').val(); },
                        'centrale_envoi_id': function () { return $('#centrale_envoi').val(); },
                    },
                    dataSrc: function (json) {
                        $('#nombre_formule').html(json.recordsTotal);
                        return json.data;
                    },
                },
                columnDefs: [
                    {
                        targets: 0,
                        searchable: false,
                        orderable: false,
                        data: function (json) {
                            return '<input type="checkbox" class="form-control formule_a_selecter" value="' + json['DT_RowId'] + '">';
                        },
                        defaultContent: null
                    },
                    { className: "text-center align-middle", targets: "_all" },
                    { width: "20px", targets: [0] },
                ],
                order: [[1, 'asc']]
            });

            $('#select_all').on('click', function () {
                var rows = table_liste_formule.rows({ 'search': 'applied' }).nodes();
                $('input[type="checkbox"]', rows).prop('checked', this.checked);
            });

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

            $("#valider").click(function (e) {
                e.preventDefault();
                if (!confirm("Êtes-vous sûr(e)?")) {
                    return;
                }

                var formule_selected = [];
                $(".formule_a_selecter:checked").each(function () {
                    formule_selected.push($(this).val());
                });

                $('.ring').show();
                $('#filtre_loading').show();

                function reponse(retour) {
                    $('.ring').hide();
                    $('#filtre_loading').hide();
                    if (retour.success) {
                        $('#message').html(retour.message).show();
                        setTimeout(function () { $('#message').hide(); }, 3000);
                        setTimeout(function () { table_liste_formule.ajax.reload(null, false); }, 3000);
                    } else {
                        $('#message_base_erreur').html(retour.message).show();
                        setTimeout(function () { $('#message_base_erreur').hide(); }, 3000);
                    }
                }

                $.post("{{ url('formule_copie/valider') }}", {
                    "_token": "{{ csrf_token() }}",
                    "formule": formule_selected,
                    "centrale_ref_id": $("#centrale_ref").val(),
                    "centrale_envoi_id": $("#centrale_envoi").val()
                }, reponse, "json").fail(function () {
                    reponse({ success: false, message: 'Erreur lors de la copie' });
                });
            });
        });
    </script>
@endsection