@extends('base')

@section('content')

    <div class="alert alert-success text-center">Liste de(s) facture(s)</div>

    <div class="form-row"><!--Partie recherche et bouttons -->
        <div class="form-group col-md-2">
            <label for="date_debut">Début:</label>
            <input type="date" class="form-control" style="color:black !important" id="date_debut"
                value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}">
        </div>

        <div class="form-group col-md-2">
            <label for="date_fin">Fin:</label>
            <input type="date" class="form-control" style="color:black !important" id="date_fin"
                value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}">
        </div>
        <div class="form-group col-md-2">
            <label for="societe_facture">Société</label>
            <select class="form-control" style="color:black !important" id="societe_id">

                <option value="0">Toutes</option>
                @foreach($societes as $societe)
                    <option value="{{ $societe->id_societe }}">{{ $societe->Societe_Nom_Societe }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-1">
            <label for="facture_export_compta">Export Compta</label>
            <select class="form-control" style="color:black !important" id="export_compta">

                <option value="9">Toutes</option>
                <option value="0">Facture non exportée</option>
                <option value="1">Facture exportée</option>

            </select>
        </div>

        <div class="form-group col-md-1">
            <label for="facture_client_chorus">Client chorus</label>
            <select class="form-control" style="color:black !important" id="client_chorus">

                <option value="9">Toutes</option>
                <option value="0">Facture non client chorus</option>
                <option value="1">Facture client chorus</option>

            </select>
        </div>

        <div class="col-md-3 offset-md-1" style="text-align: right;padding-top: 2%;padding-right: 3%;">
            <button class="btn btn-success" id="rafraichir">Rafraichir</button>
            @if (in_array($profil->profil_facture, [2, 4, 5]))
                <button class="btn btn-success ajouter_facture">Ajouter</button>
            @endif
        </div>
        <div class="col-md-12 "><!--Partie selection -->
            <label><b>Sélection</b></label><br>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="filtre_factures" name="filtre_factures" checked>
                <label class="form-check-label" for="filtre_factures">Factures</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="filtre_avoirs" name="filtre_avoirs" checked>
                <label class="form-check-label" for="filtre_avoirs">Avoirs</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="filtre_non_imprimees">
                <label class="form-check-label" for="filtre_non_imprimees">Non Imprimées</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="filtre_non_reglees">
                <label class="form-check-label" for="filtre_non_reglees">Non réglées</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="filtre_inclure_comptant" checked>
                <label class="form-check-label" for="filtre_inclure_comptant">Inclure Comptant</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="filtre_inclure_mail" value="option3" checked>
                <label class="form-check-label" for="filtre_inclure_mail">Inclure mail</label>
            </div>
            <!--      <div class='form-check form-check-inline'>-->
            <!--          <input class='form-check-input' type='checkbox' id='client_chorus' name='client_chorus' value=''>-->
            <!--          <label class='form-check-label' for='client_chorus'>Client chorus</label>-->
            <!--      </div>-->
        </div><!--Fin Partie selection -->
    </div><!--Fin Partie recherche et bouttons -->
    <div id="filtre"><button type="button" class="fermer btn btn-danger">X</button></div>
    <div id="affiche_facture"></div>
    <div id="affiche_nouvelle_facture"></div>
    <div id="affiche_bon_livraison"></div>


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

    <div class="mb-3">
        <button class="btn btn-success btn_valider">Valider</button>
        <div class="btn-group">
            <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
                Imprimer
            </button>
            <div class="dropdown-menu">
                <a class="dropdown-item action_imprimer" href="#">Imprimer la sélection</a>
            </div>
        </div>
        <button class="btn btn-success btn_envoyer_emails">Envoyer E-mails</button>
    </div>

    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered" id="table_facture">
            <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">FACTURE N°</th>
                    <th scope="col" class="text-center">DATE</th>
                    <th scope="col" class="text-center">DATE ECH</th>
                    <th scope="col" class="text-center">MODE REG</th>
                    <th scope="col" class="text-center">CODE CLI</th>
                    <th scope="col" class="text-center">NOM CLI</th>
                    <th scope="col" class="text-center">TOTAL HT</th>
                    <th scope="col" class="text-center">TOTAL TVA</th>
                    <th scope="col" class="text-center">TOTAL TTC</th>
                    <th scope="col" class="text-center">RESTE</th>
                    <th scope="col" class="text-center">SOCIETE</th>
                    <th scope="col" class="text-center">EMAIL</th>
                    <th scope="col" class="text-center">IMP</th>
                    <th scope="col" class="text-center">CPT</th>
                    <th scope="col" class="text-center">RELANCE</th>
                    <th scope="col" class="text-center">ADRESSE 1</th>
                    <th scope="col" class="text-center">ADRESSE 2</th>
                    <th scope="col" class="text-center">CODE POSTAL</th>
                    <th scope="col" class="text-center">VILLE</th>
                    <th scope="col" class="text-center">PAYS</th>


                </tr>
                <tr style='background-color: whitesmoke'>

                    <th scope="col" class=" text-center"></th>
                    <th scope="col" class="filterhead text-center">FACTURE N°</th>
                    <th scope="col" class="filterhead text-center">DATE</th>
                    <th scope="col" class="filterhead text-center">DATE ECH</th>
                    <th scope="col" class="filterhead text-center">MODE REG</th>
                    <th scope="col" class="filterhead text-center">CODE CLI</th>
                    <th scope="col" class="filterhead text-center">NOM CLI</th>
                    <th scope="col" class="filterhead text-center">TOTAL HT</th>
                    <th scope="col" class="filterhead text-center">TOTAL TVA</th>
                    <th scope="col" class="filterhead text-center">TOTAL TTC</th>
                    <th scope="col" class="filterhead text-center">RESTE</th>
                    <th scope="col" class="filterhead text-center">SOCIETE</th>
                    <th scope="col" class="filterhead text-center">EMAIL</th>
                    <th scope="col" class="filterhead text-center">IMP</th>
                    <th scope="col" class="filterhead text-center">CPT</th>
                    <th scope="col" class="filterhead text-center">RELANCE</th>
                    <th scope="col" class="filterhead text-center">ADRESSE 1</th>
                    <th scope="col" class="filterhead text-center">ADRESSE 2</th>
                    <th scope="col" class="filterhead text-center">CODE POSTAL</th>
                    <th scope="col" class="filterhead text-center">VILLE</th>
                    <th scope="col" class="filterhead text-center">PAYS</th>
                    <!--                  <th scope="col" class="filterhead text-center" aria-label="Rendering engine: activate to sort column ascending">SUPPRIMER</th>-->
                </tr>
            </thead>
            <tbody class="tbody_facture">
            </tbody>
        </table>

    </div>

    <div class="mt-3">
        <button class="btn btn-success btn_valider">Valider</button>
        <div class="btn-group">
            <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
                Imprimer
            </button>
            <div class="dropdown-menu">
                <a class="dropdown-item action_imprimer" href="#">Imprimer la sélection</a>
            </div>
        </div>
        <button class="btn btn-success btn_envoyer_emails">Envoyer E-mails</button>
    </div>

    <script>
        $(function () { // Dom ready
            $('title').text("FACTURES - SMART CENTRAL");
            console.log($('#filtre_non_imprimees').val());
            var table = $('#table_facture').on('processing.dt', function (e, settings, processing) {
                $('.ring').css('display', processing ? 'block' : 'none');
                $('#filtre_loading').css('display', processing ? 'block' : 'none');
            }).DataTable({
                scrollX: true,
                orderCellsTop: true,
                scrollCollapse: true,
                autoWidth: true,
                iDisplayLength: '50',
                order: [[1, 'desc']],
                dom: 'lBfrtip',
                buttons: [
                    { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel mb-2 mt-2', title: 'Liste des factures', "attr": { "style": "color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);" } }
                ],

                'ajax': {
                    'url': '{{url('facture_laravel/table')}}',
                    'type': 'GET',
                    'data': function (d) {
                        d.date_debut = $('#date_debut').val();
                        d.date_fin = $('#date_fin').val();
                        d.societe_id = $('#societe_id').val();
                        d.export_compta = $('#export_compta').val();
                        d.client_chorus = $('#client_chorus').val();
                        d.factures = $('#filtre_factures').is(':checked');
                        d.avoirs = $('#filtre_avoirs').is(':checked');
                        d.non_imprimees = $('#filtre_non_imprimees').is(':checked');
                        d.non_reglees = $('#filtre_non_reglees').is(':checked');
                        d.inclure_comptant = $('#filtre_inclure_comptant').is(':checked');
                        d.inclure_mail = $('#filtre_inclure_mail').is(':checked');
                    },
                    'dataSrc': function (json) {
                        $('.badge').html(json.recordsTotal);
                        return json.data;
                    },
                },

                'createdRow': function (row, data, dataIndex) {
                    if (data['DT_ReglementColor']) {
                        $(row).find('td:eq(10)').css('background-color', data['DT_ReglementColor']);
                    }
                    // Parité PHP : Vert si validé
                    if (data['DT_FactureValidee'] == 1) {
                        $(row).css('color', 'green');
                    }
                    // Parité PHP : Fond bleu si c'est un avoir
                    if (data['DT_FactureAvoir'] == 1) {
                        $(row).css('background-color', '#e3f2fd');
                    }
                },

                columnDefs: [
                    { 'className': 'text-center align-middle', 'targets': '_all' },
                    { 'orderable': false, 'targets': [0] }
                ],

                initComplete: function () {
                    var api = this.api();
                    $('.filterhead', api.table().header()).each(function () {
                        var title = $(this).text();
                        $(this).html('<input type="text" placeholder="' + title + '" class="form-control form-control-sm column_search" style="width:100%" />');
                    });
                    api.columns.adjust();
                }

            });

            // Apply the search
            var columnSearchTimers = {};
            $('table thead').on('keyup', '.column_search', function () {
                var columnIndex = $(this).parent().index();
                var inputValue = this.value;

                clearTimeout(columnSearchTimers[columnIndex]);

                columnSearchTimers[columnIndex] = setTimeout(function () {
                    table
                        .column(columnIndex)
                        .search(inputValue)
                        .draw();
                }, 1000);
            });

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

            // Check all
            $("#check_all").click(function () {
                $(".facture_checkbox").prop('checked', $(this).prop('checked'));
            });

            // Rechargement automatique au changement des filtres
            $('#date_debut, #date_fin, #societe_id, #export_compta, #client_chorus, .form-check-input').change(function() {
                table.ajax.reload(null, false);
            });

            // Affichage formulaire (Nouveau)
            $(".ajouter_facture").click(function (e) {
                e.preventDefault();
                $("#filtre").show();
                $("#affiche_nouvelle_facture").show();

                $.get('{{ url("facture_laravel/nouvelle_facture") }}', function (html) {
                    $("#affiche_nouvelle_facture").html(html);
                });
            });

            // Affichage formulaire (Modification - Simple clic sur ligne)
            $('#table_facture tbody').on('click', 'tr', function (e) {
                // Ne pas ouvrir si on clique sur la checkbox
                if ($(e.target).hasClass('facture_checkbox') || $(e.target).is('input')) {
                    return;
                }

                var data = table.row(this).data();
                var id = data['DT_RowId'];

                $("#filtre").show();
                $("#affiche_facture").show();

                $.get('{{ url("facture_laravel/formulaire") }}/' + id, function (html) {
                    $("#affiche_facture").html(html);
                    // On garde une trace de la ligne active pour rechargement
                    $('.modif_facture_active').removeClass('modif_facture_active');
                    $(this).addClass('modif_facture_active');
                }.bind(this));
            });

            // Fermeture
            $("#filtre, .fermer").click(function () {
                $("#filtre").hide();
                $("#affiche_facture").hide().empty();
                $("#affiche_nouvelle_facture").hide().empty();
            });
        });
    </script>
@endsection