@extends('metronic.base')
@section('title', 'Control de seriales')
@section('content')


    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Control de Seriales de Documentos</h3>
            <div class="card-toolbar">

            </div>
        </div>
        <div class="card-body">
            <form action="{{ route('controlseriales.save') }}" method="POST" id="form">
                @csrf
                <input type="hidden" name="changed_serials">
                <div class="row">
                    <div class="form-group d-flex flex-column col-sm-6 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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 mt-4">
                        <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="CCHE">Inicio Correlativo cheque</label>
                                <input class="form-control" type="text" name="IC_CHE"
                                    init-value="{{ $serial_cheque->correlativo_inicial }}"
                                    value="{{ $serial_cheque->correlativo_inicial }}">
                            </div>-->
                </div>
                <a class="btn btn-primary text-light mt-4" data-bs-toggle="modal"
                    data-bs-target="#guardar_modal"><i class="ki-outline ki-check-circle fs-2"></i> Guardar</a>
            </form>
        </div>

    </div>







    @include('seriales.modals.guardarModal')
@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        (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>