@extends('layout.template')
@section('title', 'SICCAP ICATEP')
@section('content')
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">
            <div class="row page-titles mx-0">
                <div class="col-sm-6 p-md-0">
                    <div class="welcome-text">
                        <h4>Editar Modelo de Negocios para Certificación</h4>
                    </div>
                </div>
                <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                    <ol class="breadcrumb">
                        <a href="{{ route('certificacionesModelos') }}" class="btn btn-rounded btn-dark back-fixed btn-sm"
                            aria-label="Regresar">
                            <span class="btn-icon-start text-dark btn-sm"><i class="fa fa-arrow-left"></i></span>
                            Regresar
                        </a>
                    </ol>
                </div>
            </div>

            <div class="row">
                <!-- se creo el modelo exitosamente -->
                @if (session('success'))
                    <div class="alert alert-primary alert-dismissible fade show" id="alert-container">
                        <svg class="alert-icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor"
                            stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <polyline points="9 11 12 14 22 4"></polyline>
                            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
                        </svg>
                        <strong id="alert-confirmacion"> {{ session('success') }}</strong>
                    </div>
                @endif

                <div class="col-xl-12 col-xxl-12 col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title"></h5>
                        </div>

                        <div class="card-body">
                            <div class="basic-form">
                                <!-- Formulario nuevo modelo -->
                                <form action="{{ route('certificacionModeloUpdate') }}" method="POST" id="editarModeloCertificacionForm">
                                    @csrf
                                    <div class="modal-body">
                                    
                                        <div class="row"> <!-- 1 -->
                                            <div class="col">&nbsp;</div>
                                        </div>
                                        <div class="row"> <!-- Unidad, Certificacion, Cursos de la unidad -->
                                            <div class="col-md-3 mb-2 pt-1">
                                                <label for="unidad" class="form-label">Unidad ICATEP</label>
                                                <input type="text" class="form-control" id="unidad" name="unidad" value="{{ $modeloDeNegocio->mod_unidad }}" readonly>
                                                <input type="hidden" name="mod_id" value="{{ $modeloDeNegocio->mod_id }}">
                                            </div>
                                            <div class="col-md-3 mb-2 pt-1">
                                                <label for="tipoDeCertificacion" class="form-label">Tipo de Certificación</label>
                                                @if ($modeloDeNegocio->mod_tipo == 'EVA')
                                                    <input type="text" class="form-control" id="tipoDeCertificacion" name="tipoDeCertificacion" value="EVALUACION" readonly>
                                                @elseif ($modeloDeNegocio->mod_tipo == 'RCO')
                                                    <input type="text" class="form-control" id="tipoDeCertificacion" name="tipoDeCertificacion" value="ROCO" readonly>
                                                @endif
                                            </div>
                                            <div class="col-md-6 mb-2 pt-1">
                                                @if ($modeloDeNegocio->mod_tipo == 'EVA')
                                                    <div class="row" id="listaEvaluaciones">
                                                        <div class="col-md-12 mb-2 pt-1">
                                                            <label for="evaluacionCurso" class="form-label">Certificación</label>
                                                            <input type="text" class="form-control" id="evaluacionCurso" name="evaluacionCurso" value="{{ $modeloDeNegocio->mod_curso_nombre }}" readonly>
                                                        </div>
                                                    </div>
                                                @elseif ($modeloDeNegocio->mod_tipo == 'RCO')

                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-3">&nbsp;</div>
                                        </div>

                                        @php $soloLectura = true; @endphp
                                        @puede('MN de Certificaciones', 'activar_certificacion')
                                            @php $soloLectura = false; @endphp
                                        @endpuede


                                        @if ($modeloDeNegocio->mod_tipo == 'EVA')
                                            <div class="row" id="cardEvaluacion"><!-- EVALUACION -->
                                                <div class="col-md-12 mb-2 pt1">
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4>Modelo Estándar de Competencia (EC)</h4>
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="row"> <!-- # capacitandos, $ por capacitando, $ evaluacion, $ certificado, $ total evaluación -->
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="numeroDeCapacitandos" class="form-label">Número de Capacitandos a Evaluar <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="numeroDeCapacitandos" name="numeroDeCapacitandos" value="{{ $modeloDeNegocio->mod_numero_capacitandos }}" placeholder=""
                                                                    pattern="[0-9]*" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                                                    <input type="hidden" class="form-control select-on-click" id="costoDeCapacitacion" name="costoDeCapacitacion" value="{{ number_format($modeloDeNegocio->mod_costo_capacitacion, 2) }}" placeholder=""
                                                                    pattern="^\d+(\.\d{1,2})?$" inputmode="decimal"
                                                                    oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1'); this.value = this.value.replace(/^(\d+(\.\d{0,2})?).*$/, '$1');">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="costoDeEvaluacion" class="form-label">Costo de la Evaluación <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="costoDeEvaluacion" name="costoDeEvaluacion" value="{{ number_format($modeloDeNegocio->mod_costo_evaluacion, 2) }}" placeholder=""
                                                                    pattern="^\d+(\.\d{1,2})?$" inputmode="decimal"
                                                                    oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1'); this.value = this.value.replace(/^(\d+(\.\d{0,2})?).*$/, '$1');">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="costoDelCertificado" class="form-label">Costo del Certificado <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="costoDelCertificado" name="costoDelCertificado" value="{{ number_format($modeloDeNegocio->mod_costo_certificado, 2) }}" placeholder=""
                                                                    pattern="^\d+(\.\d{1,2})?$" inputmode="decimal"
                                                                    oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1'); this.value = this.value.replace(/^(\d+(\.\d{0,2})?).*$/, '$1');">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="totalDeEvaluacion" class="form-label">Total de Evaluación <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="totalDeEvaluacion" name="totalDeEvaluacion" value="{{ number_format($modeloDeNegocio->mod_total_eva_rco, 2) }}" placeholder="" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="row"> <!-- # capacitandos, $ por capacitando, $ evaluacion,            , $ total evaluación -->
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="numeroDeCapacitandos2" class="form-label">Número de Capacitandos a Evaluar <span class="danger">*</span></label>
                                                                    <input type="text" class="form-control" id="numeroDeCapacitandos2" name="numeroDeCapacitandos2" value="{{ $modeloDeNegocio->mod_numero_capacitandos }}" placeholder="" readonly
                                                                    pattern="[0-9]*" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="horasDeEvaluacion" class="form-label">Horas de Evaluación <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="horasDeEvaluacion" name="horasDeEvaluacion" value="{{ $modeloDeNegocio->mod_horas }}" placeholder=""
                                                                    pattern="[0-9]*" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9]/g, '')" {{ $soloLectura ? 'readonly' : '' }}>
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="pagoAPSC" class="form-label">Pago al PSC <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="pagoAPSC" name="pagoAPSC" value="{{ number_format($modeloDeNegocio->mod_hora_instructor, 2) }}" placeholder=""
                                                                    pattern="^\d+(\.\d{1,2})?$" inputmode="decimal"
                                                                    oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1'); this.value = this.value.replace(/^(\d+(\.\d{0,2})?).*$/, '$1');">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    &nbsp;
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="gastosConImpuestos" class="form-label">Gastos (CON impuestos) <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="gastosConImpuestos" name="gastosConImpuestos" value="{{ number_format($modeloDeNegocio->mod_costo_instructor, 2) }}" placeholder="" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="row"> <!-- # capacitandos, $ por capacitando, $ evaluacion,            , $ total evaluación -->
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="numeroDeCapacitandos3" class="form-label">Número de Capacitandos a Evaluar <span class="danger">*</span></label>
                                                                    <input type="text" class="form-control" id="numeroDeCapacitandos3" name="numeroDeCapacitandos3" value="{{ $modeloDeNegocio->mod_numero_capacitandos }}" placeholder="" readonly
                                                                    pattern="[0-9]*" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="costoCertificadoICATEP" class="form-label">Costo de Certificado a ICATEP <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="costoCertificadoICATEP" name="costoCertificadoICATEP" value="{{ number_format($modeloDeNegocio->mod_costo_certificado_icatep, 2) }}" placeholder=""
                                                                    pattern="^\d+(\.\d{1,2})?$" inputmode="decimal"
                                                                    oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1'); this.value = this.value.replace(/^(\d+(\.\d{0,2})?).*$/, '$1');" {{ $soloLectura ? 'readonly' : '' }}>
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="horasEvaluacionTotales" class="form-label">Horas de Evaluación Totales <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="horasEvaluacionTotales" name="horasEvaluacionTotales" placeholder="" value="{{ $modeloDeNegocio->mod_numero_capacitandos * $modeloDeNegocio->mod_horas }}" readonly>
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    &nbsp;
                                                                </div>
                                                                <div class="col-md-2 mb-2 pt-1">
                                                                    <label for="soloGastos" class="form-label">Gastos <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="soloGastos" name="soloGastos" value="{{ number_format($modeloDeNegocio->mod_otros_gastos, 2) }}" placeholder="" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @elseif ($modeloDeNegocio->mod_tipo == 'RCO')
                                            <div class="row" id="cardRoco"><!-- ROCO -->
                                                <div class="col-md-12 mb-2 pt1">
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4>Modelo ROCO (Reconocimiento Oficial de la Competencia Ocupacional)</h4>
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="row"> <!-- # capacitandos, # horas, $ pago psc, $ total evaluación -->
                                                                <div class="col-md-4 mb-2 pt-1">
                                                                    <label for="numeroDeCapacitandosRoco" class="form-label">Número de Capacitandos <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="numeroDeCapacitandosRoco" name="numeroDeCapacitandosRoco" value="{{ $modeloDeNegocio->mod_numero_capacitandos }}" placeholder="" 
                                                                    pattern="[0-9]*" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>

                                                                <div class="col-md-4 mb-2 pt-1">
                                                                    <label for="costoPorCapacitandoRoco" class="form-label">Costo por Capacitando <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="costoPorCapacitandoRoco" name="costoPorCapacitandoRoco" value="{{ $modeloDeNegocio->mod_costo_capacitando }}" placeholder="" 
                                                                    pattern="^\d+(\.\d{1,2})?$" inputmode="decimal"
                                                                    oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1'); this.value = this.value.replace(/^(\d+(\.\d{0,2})?).*$/, '$1');">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-4 mb-2 pt-1">
                                                                    <label for="totalRoco" class="form-label">Total <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="totalRoco" name="totalRoco" value="{{ $modeloDeNegocio->mod_costo_capacitando }}" placeholder="" readonly>
                                                                </div>

                                                                
                                                            </div>
                                                            
                                                            <div class="row"> <!-- $ costo evaluación por capacitando, $ costo de certificado, # numero de evaluados, $ total -->
                                                                <div class="col-md-4 mb-2 pt-1">
                                                                    <label for="horasDeEvaluacionRoco" class="form-label">Horas de Evaluación <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="horasDeEvaluacionRoco" name="horasDeEvaluacionRoco" value="{{ $modeloDeNegocio->mod_horas }}" placeholder="" 
                                                                    pattern="[0-9]*" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-4 mb-2 pt-1">
                                                                    <label for="pagoAPSCRoco" class="form-label">Pago al PSC <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control select-on-click" id="pagoAPSCRoco" name="pagoAPSCRoco" value="{{ $modeloDeNegocio->mod_hora_instructor }}" placeholder=""
                                                                    pattern="^\d+(\.\d{1,2})?$" inputmode="decimal"
                                                                    oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1'); this.value = this.value.replace(/^(\d+(\.\d{0,2})?).*$/, '$1');">
                                                                    <div class="invalid-feedback"></div>
                                                                </div>
                                                                <div class="col-md-4 mb-2 pt-1">
                                                                    <label for="totalDeEvaluacionRoco" class="form-label">Total de Evaluación <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="totalDeEvaluacionRoco" name="totalDeEvaluacionRoco" value="{{ $modeloDeNegocio->mod_total_eva_rco }}" placeholder="" readonly>
                                                                </div>
                                                                
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif

                                        <div class="row justify-content-center">
                                            <div class="col-md mb-3 pt-3 text-center">
                                                <h3>RENTABILIDAD DEL MODELO DE NEGOCIO</h3>
                                                <div class="row">
                                                    <div class="col-md mb-2 pt-1">
                                                        <h1 id="rentabilidad" class="text-center">{{ number_format($modeloDeNegocio->mod_ingreso_total, 2) }}</h1>
                                                        <input type="hidden" class="form-control form-control form-control-sm" id="rentabilidadInput" name="rentabilidadInput" value="{{ $modeloDeNegocio->mod_ingreso_total }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                    @if ($existeEnAulas && $existeEnAulas->count() > 0)
                                        <div class="alert alert-warning alert-dismissible fade show" id="alert-container">
                                            <svg class="alert-icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor"
                                                stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                                <circle cx="12" cy="12" r="10"></circle>
                                                <line x1="12" y1="8" x2="12" y2="12"></line>
                                                <line x1="12" y1="16" x2="12.01" y2="16"></line>
                                            </svg>
                                            <strong id="alert-confirmacion">Advertencia: Este modelo de negocios está asociado a aulas existentes. Claves de Aulas</strong>
                                            <!-- listar las aulas -->
                                            <div class="mt-2">
                                                <ul>
                                                    @foreach ($existeEnAulas as $aula)
                                                        <li>{{ $aula->aul_clave_registro }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        </div>
                                    @else
                                        <div class="modal-footer">
                                            <div class="text-center">
                                                @if ($modeloDeNegocio->mod_estatus == 'B' && auth()->user()->usu_unidad_id == $modeloDeNegocio->mod_unidad_id)
                                                        <button type="submit" class="btn btn-primary" id="modelo-borrador" name="accion" value="borrador"><i class="fa fa-eraser fa-lg"></i> Guardar Modelo Borrador</button>
                                                        <button type="submit" class="btn btn-success" id="modelo-listo" name="accion" value="listo"><i class="fa fa-thumbs-up fa-lg"></i> Guardar Modelo</button>
                                                @endif
                                                @if ($modeloDeNegocio->mod_estatus != 'B' && auth()->user()->usu_unidad_id == 8)
                                                        <button type="submit" class="btn btn-success" id="modelo-listo" name="accion" value="listo"><i class="fa fa-thumbs-up fa-lg"></i> Guardar Modelo</button>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                </form>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- Modal Duplicate Model Warning -->
    <div class="modal fade" id="duplicateModelModal" tabindex="-1" aria-labelledby="duplicateModelModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <h5 class="modal-title text-white" id="duplicateModelModalLabel">¡Advertencia! Modelo Duplicado</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger" role="alert">
                        <h4 class="alert-heading">Ya existe un modelo de certificación con la misma información</h4>
                        <p>No se puede guardar el modelo porque los datos ingresados coinciden con un registro existente.</p>
                    </div>
                    
                    <div class="card">
                        <div class="card-header">
                            <strong>Modelo de Certificación Existente: <span id="dup_clave"></span></strong>
                        </div>
                        <div class="card-body">
                            <ul class="list-group list-group-flush" id="dup_lista">
                                <!-- Los elementos se llenarán dinámicamente según el tipo -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $(document).ready(function () {
            // Variable para almacenar la acción del botón
            let accionGuardada = '';

            // Interceptar clic en los botones de guardado para capturar la acción
            $('#editarModeloCertificacionForm button[type="submit"]').on('click', function(e) {
                accionGuardada = $(this).val();
            });

            // Interceptar envío del formulario
            $('#editarModeloCertificacionForm').on('submit', function(e) {
                e.preventDefault();

                let form = $(this);

                // Agregar exclude_id para edición
                let modId = $('input[name="mod_id"]').val();
                if (modId) {
                    // Remover exclude_id anterior si existe
                    form.find('input[name="exclude_id"]').remove();
                    form.append('<input type="hidden" name="exclude_id" value="' + modId + '">');
                }

                // Agregar acción si no está presente
                if (accionGuardada && !form.find('input[name="accion"]').length) {
                    form.append('<input type="hidden" name="accion" value="' + accionGuardada + '">');
                }

                // Realizar chequeo de duplicados
                $.ajax({
                    url: '{{ route("checkDuplicateCertificacion") }}',
                    method: 'POST',
                    data: form.serialize(),
                    success: function(response) {
                        if (response.exists) {
                            // Mostrar modal con información del duplicado
                            $('#dup_clave').text(response.model.mod_clave);
                            
                            // Limpiar lista anterior
                            $('#dup_lista').empty();
                            
                            let tipoDeCertificacion = $('#tipoDeCertificacion').val();
                            
                            if (tipoDeCertificacion === 'EVALUACION') {
                                // Campos para EVALUACION
                                $('#dup_lista').append(
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Número de capacitandos' +
                                    '<span class="badge bg-primary rounded-pill">' + response.model.mod_numero_capacitandos + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Costo de capacitación' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_costo_capacitacion || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Costo de evaluación' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_costo_evaluacion || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Costo del certificado' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_costo_certificado || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Horas de evaluación' +
                                    '<span class="badge bg-primary rounded-pill">' + response.model.mod_horas + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Pago al PSC' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_hora_instructor || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Costo certificado ICATEP' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_costo_certificado_icatep || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Horas de Evaluación Totales' +
                                    '<span class="badge bg-primary rounded-pill">' + (parseFloat(response.model.mod_numero_capacitandos || 0) * parseFloat(response.model.mod_horas || 0)) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Gastos con impuestos' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_costo_instructor || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Otros gastos' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_otros_gastos || 0).toFixed(2) + '</span>' +
                                    '</li>'
                                );
                            } else if (tipoDeCertificacion === 'ROCO') {
                                // Campos para ROCO
                                $('#dup_lista').append(
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Número de capacitandos' +
                                    '<span class="badge bg-primary rounded-pill">' + response.model.mod_numero_capacitandos + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Horas de evaluación' +
                                    '<span class="badge bg-primary rounded-pill">' + response.model.mod_horas + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Pago a PSC' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_hora_instructor || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Costo por capacitando' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_costo_capacitando || 0).toFixed(2) + '</span>' +
                                    '</li>' +
                                    '<li class="list-group-item d-flex justify-content-between align-items-center">' +
                                    'Total de evaluación' +
                                    '<span class="badge bg-primary rounded-pill">$ ' + parseFloat(response.model.mod_total_eva_rco || 0).toFixed(2) + '</span>' +
                                    '</li>'
                                );
                            }

                            $('#duplicateModelModal').modal('show');
                        } else {
                            // Si no existe duplicado, enviar formulario
                            // Remover el exclude_id temporal antes de enviar
                            form.find('input[name="exclude_id"]').remove();
                            form.off('submit').submit();
                        }
                    },
                    error: function() {
                        alert('Error al verificar duplicados. Por favor intente nuevamente.');
                    }
                });
            });
            // Evento para calcular la rentabilidad al ingresar datos o seleccionar checkboxes
            $('#editarModeloCertificacionForm').on('input change', function () {
                // Tipo de certificación seleccionada
                let tipoDeCertificacion = $('#tipoDeCertificacion').val();

                // EVALUACIÓN
                if (tipoDeCertificacion === 'EVALUACION')
                {   
                    // 
                    var numeroDeCapacitandos        = parseFloat($('#numeroDeCapacitandos').val()) || 0;
                                                      $('#numeroDeCapacitandos2').val(numeroDeCapacitandos);
                                                      $('#numeroDeCapacitandos3').val(numeroDeCapacitandos);
                    var costoDeCapacitacion         = parseFloat($('#costoDeCapacitacion').val())  || 0;
                    var costoDeEvaluacion           = parseFloat($('#costoDeEvaluacion').val())    || 0;
                    var costoDelCertificado         = parseFloat($('#costoDelCertificado').val())  || 0;
                    var totalDeEvaluacion           = (numeroDeCapacitandos * costoDeCapacitacion) + (numeroDeCapacitandos * costoDeEvaluacion) +( numeroDeCapacitandos * costoDelCertificado);
                                                      $('#totalDeEvaluacion').val(Number(totalDeEvaluacion).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 })); 

                    // 
                    var horasDeEvaluacion           = parseFloat($('#horasDeEvaluacion').val()) || 0;
                    var pagoAPSC                    = parseFloat($('#pagoAPSC').val()) || 0;
                    var gastosConImpuestos          = (numeroDeCapacitandos * horasDeEvaluacion * pagoAPSC)*1.16;
                                                    $('#gastosConImpuestos').val(Number(gastosConImpuestos).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));

                    // 
                    var costoCertificadoICATEP      = parseFloat($('#costoCertificadoICATEP').val()) || 0;
                    var soloGastos                  = numeroDeCapacitandos * costoCertificadoICATEP;
                                                      $('#soloGastos').val(Number(soloGastos).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));

                    // Calcular Horas de Evaluación Totales
                    var horasEvaluacionTotales      = numeroDeCapacitandos * horasDeEvaluacion;
                                                      $('#horasEvaluacionTotales').val(Number(horasEvaluacionTotales).toLocaleString('es-MX', { minimumFractionDigits: 0, maximumFractionDigits: 0 }));

                    // Calcular rentabilidad en porcentaje
                    var rentabilidad = 0;
                    if (totalDeEvaluacion > 0) {
                        rentabilidad = totalDeEvaluacion - (gastosConImpuestos + soloGastos);
                    }
                    $('#rentabilidad').text(Number(rentabilidad).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
                    $('#rentabilidadInput').val(Number(rentabilidad).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));

                }
                else if (tipoDeCertificacion === 'ROCO')
                {
                    //
                    var numeroDeCapacitandosRoco    = parseFloat($('#numeroDeCapacitandosRoco').val()) || 0;
                    var horasDeEvaluacionRoco       = parseFloat($('#horasDeEvaluacionRoco').val()) || 0;
                    var pagoAPSCRoco                = parseFloat($('#pagoAPSCRoco').val()) || 0;
                    var totalDeEvaluacionRoco       = (numeroDeCapacitandosRoco * horasDeEvaluacionRoco * pagoAPSCRoco) * 1.16;
                                                      $('#totalDeEvaluacionRoco').val(Number(totalDeEvaluacionRoco).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));

                    //


                    //
                    var costoPorCapacitandoRoco     = parseFloat($('#costoPorCapacitandoRoco').val()) || 0;
                    var totalRoco                   = costoPorCapacitandoRoco * numeroDeCapacitandosRoco;
                                                      $('#totalRoco').val(Number(totalRoco).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
                    // Calcular rentabilidad en porcentaje
                    var rentabilidad = 0;
                    if (totalRoco > 0) {
                        rentabilidad = totalRoco - totalDeEvaluacionRoco;
                    }
                    $('#rentabilidad').text(Number(rentabilidad).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
                    $('#rentabilidadInput').val(Number(rentabilidad).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));

                }

            });

            $(document).on('focus', '.select-on-click', function() {
                $(this).select();
            });

        });
    </script>
@endpush