@extends('layouts.dash')
{!! $with_navbar=false !!}
@section('title') Modification d'une transaction @stop
@section('title_card',"Modification d'une transaction")


@section('content')
<div class="card">
    @if ($errors)
        @foreach ($errors->all() as $error)
            <div class='bg-danger alert'>{!! $error !!}</div>
        @endforeach
    @endif
    @if (Session::has('message'))
        <div class="alert alert-success">{!! Session::get('message') !!}</div>
    @endif
    @if(Session::has('success'))
        <div class="alert alert-success">{!! Session::get('success') !!}</div>
    @endif
    <div class="card-header bg-info">
        Transaction : <b>{{ $grand_livre_ligne->transaction }}</b>
    </div>
    <div class="card-body">
        {{ html()->modelForm($grand_livre_ligne, 'PUT', url('/grand_livre/' . $grand_livre_ligne->id))->open() }}
            <input type="hidden" name="id_ecriture_base" value="{!! $grand_livre_ligne->id !!}">
            <input type="hidden" name="num_ligne_max" id="num_ligne_max" value="">
            <input type="hidden" name="all_data" id="all_data" value="">
            @if(Session::has('transacstore'))
                {!! html()->hidden('transacstore', Session::get('transacstore'))->attributes(['id'=>'transacstore']) !!}
            @endif

            <div class="col-md-12">
                <div class="form-group row callout callout-info">
                    <!--
                    <div class='col-md-2'>
                        {!! html()->label('Transaction','id') !!}
                        {!! html()->text('id', $grand_livre_ligne->IdTransaction)->attributes([(($mode=='show')?'disabled':''),'class' => 'form-control']) !!}
                    </div>
                    -->

                    <div class='col-md-2'>
                        {!! html()->label('DateCpt','date_doc') !!}
                        {!! html()->text('created_at', $grand_livre_ligne->date_doc)->attributes(['style'=>'text-align:center','disabled','class' => 'form-control']) !!}
                    </div>
                    <div class='col-md-3'>
                        {!! html()->label('Journal','journal') !!}
                        {!! html()->text('journal', $grand_livre_ligne->journal)->attributes(['disabled','style'=>'text-align:center','class' => 'form-control']) !!}
                    </div>
                    <div class='col-md-4'>
                        {!! html()->label('Référence','ref_doc') !!}
                        {!! html()->text('ref_doc', $grand_livre_ligne->ref_doc)->attributes([(($mode=='show')?'disabled':''),'class' => 'form-control']) !!}
                    </div>
                    <div class='col-md-2'>
                        {!! html()->label('Date&nbsp;de&nbsp;création','created_at') !!}
                        {!! html()->text('created_at', $grand_livre_ligne->DateCreation)->attributes(['disabled','style'=>'text-align:center','class' => 'form-control']) !!}
                    </div>
                </div>
            </div>

            @include("comptabilite.grandlivre.content")

            <div class='form-group row '>
                <div class="col-md-10"></div>
                <div class="col-md-2 pull-right ">
                    <input type="text" disabled  class="form-control text-danger" style='text-align:right;font-weight:bold' name="TOTAL" id="TOTAL" value="">
                </div>
            </div>

            <div class='form-group row'>
                <div class="col-md-12">
                    {!! html()->button('Enregistrer')->value('Enregistrer')->type('submit')->attributes(['id'=>'btn_enregistrer','class' => 'btn btn-primary']) !!}
                    <a class="btn btn-warning"   href="{!! url('grand_livre') !!}">Retour</a>
                </div>
            </div>
        {{ html()->closeModelForm() }}
    </div>
</div>
@endsection


@section('scripts0')
    <script>
        $(function() {
            var data_comptes={!! $comptes_json !!};
            var data_comptes_aux={!! $comptes_aux_json !!};
            var chrono_ligne=0;

            CalculNbLignes();
            
            $('#sel_compte').select2({
                width:'100%',
                data: data_comptes,
                placeholder:"Rechercher"   
            });

            $(document).on("select2:open", () => {
              document.querySelector(".select2-container--open .select2-search__field").focus()
            })


            $('#sel_compte_aux').select2({
                width:'100%',
                data: data_comptes_aux,
                placeholder:"Rechercher"
            });

            $('#bt_ajouter').click(function() {
                //Test si compte choisi
                let compte=$('#sel_compte').val();let compte_text=$('#sel_compte option:selected').text();
                let compte_aux=$('#sel_compte_aux').val();let compte_aux_text=$('#sel_compte_aux option:selected').text();
                if(compte_aux=="") compte_aux_text="";
                let date_ref=$('#date_ref').val();
                let libelle=$('#libelle').val();libelle=libelle.replace(';','-');
                if(compte=="") {alert('Vous devez choisir un compte');return false;}
                let debit=$('#debit').val();
                let credit=$('#credit').val()
                if(!isNumeric(debit)) $('#debit').val(0);
                if(!isNumeric(credit)) $('#credit').val(0);
                $('#debit').val(debit);
                $('#credit').val(credit);
                if((debit==0)&&(credit==0)) {alert('Vous devez Saisir un crédit ou un débit supérieurs à zéro');return false;}
                if((debit!=0)&&(credit!=0)) {alert('Vous devez Saisir un crédit ou un débit, pas les deux');return false;}
                //ajout de la ligne
                let td_val=compte+";"+compte_aux+";"+date_ref+";"+libelle+";"+debit+";"+credit;
                chrono_ligne++;
                markup ="<tr id='tr_"+chrono_ligne+"' class='tr_'>";
                markup +="<td align=''><input id='compte_"+chrono_ligne+"' type='text' name='compte_"+chrono_ligne+"' class='td_compte form-control' disabled value='"+compte_text+"'/></td>";
                markup +="<td align=''><input id='compte_aux_"+chrono_ligne+"' type='text' name='compte_aux_"+chrono_ligne+"' class='td_compte_aux form-control' disabled value='"+compte_aux_text+"'/></td>";
                markup +="<td align=''><input id='date_ref_"+chrono_ligne+"' type='date' name='date_ref_"+chrono_ligne+"' class='td_date_ref form-control' disabled value='"+date_ref+"'/></td>";
                markup +="<td align=''><input id='libelle_aux_"+chrono_ligne+"' type='text' name='libelle_aux_"+chrono_ligne+"' class='td_libelle form-control' disabled value='"+libelle+"'/></td>";
                markup +="<td align='right'><input id='debit_"+chrono_ligne+"' type='text' name='debit_"+chrono_ligne+"' class='td_debit form-control' disabled value='"+debit+"'/></td>";
                markup +="<td align='right'><input id='credit_"+chrono_ligne+"' type='text' name='credit_"+chrono_ligne+"' class='td_credit form-control' disabled value='"+credit+"'/></td>";
                 markup +="<td nowrap align='center' >";
                //markup +="<a href='#' id='btn_edit_"+chrono_ligne+"' class='btn_edit btn btn-sm bg-info'/><i class='fas fa-pencil'></i></a>&nbsp;&nbsp;";
                markup +="<a href='#' id='btn_delete_"+chrono_ligne+"' class='btn_delete btn btn-sm bg-danger'/><i class='fas fa-trash'></i></a>";
                markup +="</td>";


                markup +="<input id='lg_"+chrono_ligne+"' type='hidden' class='td_data' value='"+td_val+"'/>";
                markup +="</tr>";
                $("#table_e > tbody").append(markup);
                $("#num_ligne_max").val(chrono_ligne);
                $('#sel_compte').val('').trigger('change');
                $('#sel_compte_aux').val('').trigger('change');

                CalculNbLignes();

                return true;

            });

            $('#btn_edit_1').click(function() {
                alert('edit1');
            });


            $('.btn_edit').click(function() {
                alert('edit');
            });


            $(document.body).on('click', '.btn_delete' ,function(){                    
                if(!confirm("Confirmez-vous la suppression de la ligne ?")) return false;
                let id=$(this).attr('id');
                id=id.replace('btn_delete_','');
                $("#tr_"+id).remove();
                CalculNbLignes();
            });

            $('#debit').on('keypress', function() {
                    return isNumberKey(event);
                }
            );

            $('#credit').on('keypress', function() {
                    return isNumberKey(event);
                }
            );

            function CalculNbLignes() {
                var total=0;nb=0;
                $('#table_e tbody > tr').each(function() {
                    nb++;
                    var debit= $(this).find(".td_debit").val();
                    var credit= $(this).find(".td_credit").val();
                    if(!isNumeric(debit)) debit=0;
                    if(!isNumeric(credit)) credit=0;
                    total+=debit-credit;
                });
                if(nb==0) {chrono_ligne=0;$("#num_ligne_max").val(chrono_ligne);}
                $("#TOTAL").val(total);
                var total=$("#TOTAL").val();
                if((total==0)&&(nb>0)) {
                    $('#sel_compte').val("");
                    $('#sel_compte_aux').val("");
                    $('#libelle').val("");
                    $('#debit').val(0);
                    $('#credit').val(0); 
                    $('#btn_enregistrer').prop('disabled',false);
                } else {
                    if(total>0) {$('#debit').val(0);$('#credit').val(total);}
                    if(total<0) {$('#debit').val(-total);$('#credit').val(0);}
                    $('#btn_enregistrer').prop('disabled',true);
                }

                setLigne2Input();
            }

            function setLigne2Input() {
                var lg_data="";
                $('#table_e tbody > tr').each(function() {
                    let tdata=$(this).find(".td_data").val();
                    if(tdata!=undefined) { 
                        lg_data+=((lg_data!="")?"|":"")+tdata;
                    }
                });
                $('#all_data').val(lg_data);
            }

            function isNumeric(num){
              return !isNaN(num)
            }

            function isNumberKey(evt)
            {
                var charCode = (evt.which) ? evt.which : evt.keyCode;
                if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) return false;
                return true;
            }
            function isNumericKey(evt)
            {
                var charCode = (evt.which) ? evt.which : evt.keyCode;
                if (charCode != 46 && charCode > 31  && (charCode < 48 || charCode > 57)) return true;
                return false;
            } 
        })
    </script>
@endsection


@section('scripts')

<script>
  $(function () {
    $("#table_ed").DataTable({
      "paging": false,
      "lengthChange": false,
      "searching": false,
      "ordering": false,
      "info": false,
      "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'
                    }
                }

        },
        //"buttons": ["copy", "excel", "colvis"] //"print", "pdf", "csv", 
    })
    .buttons().container().appendTo('#_table_wrapper .col-md-6:eq(0)');

  });
</script>

@endsection