@extends('base')
@section('title','Control de seriales')
@section('content')
    <h3 class="text-center mb-4">Control de Seriales de Documentos</h3>
    <form action="{{route("controlseriales.save")}}" method="POST">
        @csrf
        <input type="hidden" name="changed_serials">
        <div class="row">
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_CCF">Serie de Comprobante Credito Fiscal</label>
                <input class="form-control" type="text" name="S_CCF"
                    init-value="{{$seriales->CCF["serial"]}}"
                    value="{{$seriales->CCF["serial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_CCF">Inicio Correlativo Comprobante Credito Fiscal</label>
                <input class="form-control" type="text" name="IC_CCF"
                    init-value="{{$seriales->CCF["correlativo_inicial"]}}"
                    value="{{$seriales->CCF["correlativo_inicial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_F">Serie Factura</label>
                <input class="form-control" type="text" name="S_F"
                    init-value="{{$seriales->F["serial"]}}"
                    value="{{$seriales->F["serial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_F">Inicio Correlativo Factura</label>
                <input class="form-control" type="text" name="IC_F"
                    init-value="{{$seriales->F["correlativo_inicial"]}}"
                    value="{{$seriales->F["correlativo_inicial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_FSE">Serie Factura Sujeto Excluido</label>
                <input class="form-control" type="text" name="S_FSE"
                    init-value="{{$seriales->FSE["serial"]}}"
                    value="{{$seriales->FSE["serial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_FSE">Inicio Correlativo Factura Sujeto Excluido</label>
                <input class="form-control" type="text" name="IC_FSE"
                    init-value="{{$seriales->FSE["correlativo_inicial"]}}"
                    value="{{$seriales->FSE["correlativo_inicial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_NC">Serie Nota de Crédito</label>
                <input class="form-control" type="text" name="S_NC"
                    init-value="{{$seriales->NC["serial"]}}"
                    value="{{$seriales->NC["serial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_NC">Inicio Correlativo Nota de Crédito</label>
                <input class="form-control" type="text" name="IC_NC"
                    init-value="{{$seriales->NC["correlativo_inicial"]}}"
                    value="{{$seriales->NC["correlativo_inicial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_ND">Serie Nota de Débito</label>
                <input class="form-control" type="text" name="S_ND"
                    init-value="{{$seriales->ND["serial"]}}"
                    value="{{$seriales->ND["serial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_ND">Inicio Correlativo Nota de Débito</label>
                <input class="form-control" type="text" name="IC_ND"
                    init-value="{{$seriales->ND["correlativo_inicial"]}}"
                    value="{{$seriales->ND["correlativo_inicial"]}}">
            </div>

            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_FE">Serie Factura Exportación</label>
                <input class="form-control" type="text" name="S_FE"
                    init-value="{{$seriales->FE["serial"]}}"
                    value="{{$seriales->FE["serial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_FE">Inicio Correlativo Factura Exportación</label>
                <input class="form-control" type="text" name="IC_FE"
                    init-value="{{$seriales->FE["correlativo_inicial"]}}"
                    value="{{$seriales->FE["correlativo_inicial"]}}">
            </div>

            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_FE">Serie Quedan</label>
                <input class="form-control" type="text" name="S_Q"
                    init-value="{{$seriales->Q["serial"]}}"
                    value="{{$seriales->Q["serial"]}}">
            </div>
            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_Q">Inicio Correlativo Quedan</label>
                <input class="form-control" type="text" name="IC_Q"
                    init-value="{{$seriales->Q["correlativo_inicial"]}}"
                    value="{{$seriales->Q["correlativo_inicial"]}}">
            </div>

         

        <!--    <div class="form-group d-flex flex-column col-sm-6">
                <label for="SCHE">Serie Cheques</label>
                <input class="form-control" type="text" name="S_CHE"
                    init-value="{{$serial_cheque->serial}}"
                    value="{{$serial_cheque->serial}}">
            </div>-->

            <div class="form-group d-flex flex-column col-sm-6">
                <label for="S_FE">Serie factura exterior</label>
                <input class="form-control" type="text" name="S_FEXT"
                    init-value="{{$seriales->FEXT["serial"]}}"
                    value="{{$seriales->FEXT["serial"]}}">
            </div>

            <div class="form-group d-flex flex-column col-sm-6">
                <label for="IC_Q">Inicio Correlativo factura exterior</label>
                <input class="form-control" type="text" name="IC_FEXT"
                    init-value="{{$seriales->FEXT["correlativo_inicial"]}}"
                    value="{{$seriales->FEXT["correlativo_inicial"]}}">
            </div>

          
        </div>
        <a class="btn btn-primary text-light" data-toggle="modal" data-target="#guardar_modal" >Guardar</a>
    </form>

@include('seriales.modals.guardarModal')
@endsection
@section('extrajs')
<script>
    (function(){
        let changed_array = [];
        let changed_serials = document.querySelector('input[name=changed_serials]');
        document.querySelector('form').querySelectorAll('.form-group > input').forEach(element => {
            element.addEventListener('keyup',modificandoSeriales);
        });
        function modificandoSeriales(e){
            let input = e.currentTarget;

            let init_value = input.getAttribute('init-value');
            if(input.value!==init_value){
                if(!changed_array.includes(input.name.split("_")[1]))
                    changed_array.push(input.name.split("_")[1]);
            }
            else{
                //Si de nuevo se regresa a su valor inicial se elimina de changed_array
                changed_array = changed_array.filter(function(value, index, arr){
                    return value !==input.name.split("_")[1];
                });
            }
            console.log(changed_array);
            //se actualiza el valor del input changed_serials
            changed_serials.value = changed_array.toString();
        }
    })();
    </script>
@endsection