@extends('layouts.dash')

@section('title','Transferts général')
@section('title_card',"Transferts en comptabilité")
@section('subtitle_card',"")
@section('content')
    <div class="card">

        @if (Session::has('message'))
            <div class="alert alert-warning">{!! Session::get('message') !!}</div>
        @endif

        @if ($errors)
            @foreach ($errors->all() as $error)
                <div class='bg-danger alert'>{!! $error !!}</div>
            @endforeach
        @endif

        @if (Session::has('success'))
            <div class="alert alert-success">{!! \Session::get('success') !!}</div>
        @endif

        {{ html()->form('POST', url('/transfert_valide'))->open() }} 
            <input type="hidden" name="type" value="{!! $type !!}">
            <input type="hidden" name="list_check" id='list_check' value="">

            <div class="card-header">
                <div class="form-group row">
                    <div class='col-md-4'>
                        {!! html()->label('Type de pièces','type_pieces') !!}
                        {!! html()->select('type_pieces')->options(array(""=>"Choisissez le type de pièce")+$liste_types)
                            ->value($type)
                            ->placeholder('Tous')
                            ->attributes(['id'=>'sel_type_pieces','class' => 'form-control'])  !!}
                    </div>

                    <div class='form-group col-md-5'  style="margin-left:5px">
                        {!! html()->label('Comptes Aux.','sel_compte_aux') !!}&nbsp;
                        {!! html()->select('sel_compte_aux')->options(null,'Nom précisé')
                            ->attributes(['id'=>'sel_compte_aux','class' => 'select2 form-control','style' => 'padding:2px'])  !!}
                    </div>
                </div>

                <div id="div_periode" class="form-group row">
                    <h5 style="padding-top:5px;">&nbsp;Période d'encaissement</h5>&nbsp;
                    <div class="col-md-2">
                        <div class="input-group">
                            <div class='input-group date' id='datepicker_date_debut'>
                                {!! html()->text('date_debut', $date_debFR)->placeholder('Date')->attributes(['id'=>'date_debut','class' => 'form-control']) !!}
                                <span class='input-group-addon'><span class='glyphicon glyphicon-calendar'></span></span>
                                <script type="text/javascript">
                                    
                                </script>
                            </div>
                        </div>
                    </div>

                    <span style="font-weigth:bold;padding:10px;">&nbsp;AU&nbsp;</span>
                    <div class="col-md-2">
                        <div class="input-group">
                            <div class='input-group date' id='datepicker_date_fin'>
                                {!! html()->text('date_fin', $date_finFR)->placeholder('Date')->attributes(['id'=>'date_fin','class' => 'form-control']) !!}
                                <span class='input-group-addon'><span class='glyphicon glyphicon-calendar'></span></span>
                                <script type="text/javascript">
                                    
                                </script>
                            </div>
                        </div>
                    </div>

                    <div class='col-md-2 ' style="" >
                        <input type="button" class="btn btn-primary"  id="btn_recherche" value="Rechercher" />
                    </div>
                    <h6>
                        <span class="text-danger" >Seules les opération de l'exercice en cours sont affichées</span>
                    </h6>
                </div>
        
                <div id="div_annee" class="row">   
                    <div class="col-xs-3 form-inline ">
                        {!! html()->label('Année&nbsp;','sel_exercice' ) !!}
                        {!! html()->select('sel_exercice',$annees,$annee)->placeholder('A définir')->attributes(['id' => 'sel_exercice','class' => 'form-control']) !!}
                    </div>
                </div>
            </div>

            <div class="card-body">
                <div class="form-group row">
                    <div class='col-md-12'>
                        @if($type=="AC")
                            @include("comptabilite.transferts.liste_appelscotisations")
                        @endif
                        @if($type=="RG")
                            @include("comptabilite.transferts.liste_reglements")
                        @endif
                        @if($type=="MD")
                            @include("comptabilite.transferts.liste_imputations")
                        @endif
                        @if($type=="FA")
                            @include("comptabilite.transferts.liste_factures")
                        @endif
                        @if($type=="SA")
                            @include("comptabilite.transferts.liste_salaires")
                        @endif
                        @if($type=="PM")
                            @include("comptabilite.transferts.liste_paiements")
                        @endif

                    </div>
                </div>
            </div>
        {{ html()->form()->close() }}
    </div>
@endsection


@section('scripts')
<script>
        $(function () {
            $('#datepicker_date_debut').datepicker({format: "dd/mm/yyyy",language: "fr",autoclose: true});
            $('#datepicker_date_fin').datepicker({format: "dd/mm/yyyy",language: "fr",autoclose: true});

            //Rechercher
            $("#sel_type_pieces").change(function() {setType();setRecherche();});
            $("#btn_recherche").click(function() {setRecherche();});
            $("#sel_exercice").change(function() {setRecherche();});
            

            function setType() {
                type=$("#sel_type_pieces").val();
                if(!type) {
                    $("#div_periode").hide();
                    $("#div_annee").hide();
                    return;
                } 
                if(type=="AC") {
                    $("#div_periode").hide();
                    $("#div_annee").show();
                    return;
                }
                if(type!="AC") {
                    $("#div_periode").show();
                    $("#div_annee").hide();
                    return;
                }
            }
            setType();

            function setRecherche() {
                var select_type =  $("#sel_type_pieces").val();
                if(select_type=="") {alert('Il faut selectionner un type de pièce'); return;}
                var select_compte_aux = $('#sel_compte_aux').val();
                if(select_compte_aux=="") select_compte_aux=0; 
                if(select_type!="AC") {   
                    var t_date_dep = $("#date_debut").val().split('/');
                    var t_date_fin = $("#date_fin").val().split('/');
                    if(t_date_dep.length!=3 || t_date_fin.length!=3) {alert('Dates incorrectes'); return;};
                    date_dep= t_date_dep[2]+"-"+t_date_dep[1]+"-"+t_date_dep[0];
                    date_fin= t_date_fin[2]+"-"+t_date_fin[1]+"-"+t_date_fin[0];
                    var url="{!! url('transfert_filtre') !!}"+"/"+select_type+"/"+date_dep+"/"+date_fin+"/"+select_compte_aux ;
                } else {
                    var sel_exercice=$("#sel_exercice").val();
                    if(sel_exercice=="")  return;
                    var url="{!! url('transfert_filtre') !!}"+"/"+select_type+"/"+sel_exercice+"/"+sel_exercice+"/"+select_compte_aux ;
                }
                location.href=url;

            };
            

            //DataTable
            $.fn.dataTable.moment('D/M/YYYY');
            $("#_table").DataTable({
              "paging": false,
              "lengthChange": false,
              "searching": true,
              "ordering": true,
              "info": true,
              "responsive": false,
              "autoWidth": false,
               oLanguage: {
                    "sZeroRecords": "Aucune ligne",
                    "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
                    "sInfoEmpty": "Showing 0 to 0 of 0 records",
                    "sInfoFiltered": "(sur un total de _MAX_ lignes)",
                    "oPaginate": {"sPrevious": "Pr&eacute;c&eacute;dente","sNext": "Suivante"
                        ,"sFirst": "Premi&egrave;re","sLast": "Derni&egrave;re"},
                        "sSearch":"Chercher",
                buttons: {
                    colvis: 'Colonnes à afficher',
                    copy: 'Copier',print: 'Imprimer',
                    copyTitle: 'Ajouté au presse-papiers',
                    copyKeys: 'Appuyez sur <i>ctrl</i> ou <i>\u2318</i> + <i>C</i> pour copier les données du tableau à votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.',
                    copySuccess: {
                        _: '%d lignes copiées',
                        1: '1 ligne copiée'
                        }
                }

                },
                dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-4'i><'col-sm-4'B><'col-sm-4'p>>",
                "buttons": ["copy", "excel", "colvis"], //"print", "pdf", "csv",
                "aaSorting": [
                    [1,'asc']
                ],
                "columnDefs": [
                    { "targets": [ 0], "orderable": false,"searchable": false},
                ],
            })

            var data_comptes_aux={!! $comptes_aux_json !!};
            var compte_aux="{!! $compte_aux !!}";

            $('#sel_compte_aux').select2({
                width:'80%',
                data: data_comptes_aux,
                placeholder:"Compte auxiliaire"
            });
            if(compte_aux!='') {
                $('#sel_compte_aux').val('{{ $compte_aux }}'); 
                $('#sel_compte_aux').trigger('change');
            } 

            $(document).on('select2:open', '.select2', function (e) {
                setTimeout(() => {
                    const $elem = $(this).attr("id");
                    document.querySelector(`[aria-controls="select2-${$elem}-results"]`).focus();
                });
            });
            $(document).on('select2:select', '.select2', function (e) {
                var data = e.params.data;
                setRecherche();
            });
        });

        function select_all() {
            var lst="";
            var t_lignes={!! json_encode($t_lignes) !!};
            var check=$('#box_all').prop('checked');
            if(check) check="checked";
            for(var i=0;i<t_lignes.length;i++) {
                $('#box_'+t_lignes[i].id).prop("checked",check);
                var checkbox=$('#box_'+t_lignes[i].id).prop('checked');
                if(checkbox) {
                    lst+=((lst=="")?"":";")+t_lignes[i].id;
                }
            }
            set_list(lst);
        }

        function calcul_select() {
            var t_lignes={!! json_encode($t_lignes) !!};
            var lst="";
            for(var i=0;i<t_lignes.length;i++) {
                var check=$('#box_'+t_lignes[i].id).prop('checked');
                if(check) {
                    lst+=((lst=="")?"":";")+t_lignes[i].id;
                }
            }
            set_list(lst);
        }

        function set_list(lst="") {
            $('#list_check').val(lst);

            var nt_lst=lst.split(";");
            var nb = nt_lst.length;
        }

        function init_list() {
            var lst=$('#list_check').val();
            var nt_lst=lst.split(";");
            for(var i=0;i<nt_lst.length;i++) {
                $('#box_'+nt_lst[i]).prop('checked',true);
            }
            set_list(lst);
        }

        init_list();
    </script>
@endsection