@extends('layout.template')
@section('title', 'SICCAP ICATEP')
@section('content')
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    @if ($aula)
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Presupuesto Aula <strong class="text-primary">
                                        {{ $aula->aul_clave_registro }}</strong></h4>
                                <style>
                                    input {
                                        text-align: center;
                                    }

                                    /* Tabla general */
                                    .presupuestos-table {
                                        font-family: 'Inter', 'Roboto', sans-serif;
                                        font-size: 14px;
                                    }

                                    /* Encabezado */
                                    table.presupuestos-table thead th {
                                        font-weight: 600;
                                        text-align: center;
                                        vertical-align: middle;
                                    }

                                    /* Filas */
                                    .presupuestos-table tbody tr:hover {
                                        background-color: #eef4ff;
                                    }

                                    /* Números */
                                    .presupuestos-table td {
                                        font-variant-numeric: tabular-nums;
                                    }

                                    /* Montos */
                                    table.presupuestos-table tbody td.monto-principal {
                                        font-weight: bold;
                                        color: #1f2937;
                                    }

                                    .resaltar {
                                        font-weight: bold;
                                        color: #1f2937;
                                    }

                                    table.presupuestos-table tbody input.monto-federal-asignado {
                                        font-weight: bold;
                                        color: #1f2937;
                                    }

                                    table.presupuestos-table tbody input.monto-ip-asignado {
                                        font-weight: bold;
                                        color: #1f2937;
                                    }

                                    table.presupuestos-table tbody input.monto-estatal-asignado {
                                        font-weight: bold;
                                        color: #1f2937;
                                    }

                                    table.presupuestos-table tbody td.monto-secundario {
                                        color: #6b7280;
                                    }

                                    table.presupuestos-table tbody td.monto-total {
                                        font-weight: 700;
                                        color: red;

                                    }

                                    /* Botón */
                                    .btn-asignar {
                                        padding: 4px 12px;
                                        border-radius: 6px;
                                    }

                                    .btn-editar {
                                        padding: 4px 12px;
                                        border-radius: 6px;
                                    }

                                    /* Botón */
                                    .btn-estilo {
                                        border-radius: 6px;
                                    }

                                    /* DataTables ajustes */
                                    .dataTables_wrapper .dataTables_filter input,
                                    .dataTables_wrapper .dataTables_length select {
                                        border-radius: 6px;
                                        padding: 4px 6px;
                                    }

                                    table.presupuestos-table tbody input {
                                        cursor: pointer;
                                    }

                                    table.presupuestos-table tbody input.monto-seleccionado {
                                        /*background-color: #dcfce7;/*
                                                                                                                        /* verde suave */
                                        background-color: #fef9c3;
                                        /*border: 2px solid #22c55e;*/
                                        border: 2px solid #facc15;
                                        /*border: 2px solid #22c55e;*/
                                        font-weight: bold;
                                        /*color: #166534;*/
                                        color: black;
                                        cursor: pointer;
                                    }


                                    table.presupuestos-table tbody input.monto-guardado {
                                        background-color: #dcfce7;
                                        /* verde suave */
                                        border: 2px solid #22c55e;
                                        font-weight: bold;
                                        color: #166534;
                                        cursor: pointer;
                                    }
                                </style>
                                <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                                    <ol class="breadcrumb">
                                        <a href="{{ url('presupuestos') }}" class="btn btn-rounded btn-dark back-fixed"
                                            aria-label="Regresar">
                                            <span class="btn-icon-start text-dark"><i class="fa fa-arrow-left"></i></span>
                                            Regresar
                                        </a>
                                    </ol>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="basic-form">
                                    @csrf
                                    <div class="row text-center " id="formulario_aula">
                                        <div class="accordion accordion-with-icon accordion-primary collapsed"
                                            id="accordion-six">
                                            <div class="accordion-item">

                                                <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                                    <button
                                                        class="accordion-button {{ $estatusAula == 'A1' ? '' : 'collapsed' }}"
                                                        type="button" data-bs-toggle="collapse"
                                                        data-bs-target="#collapseOne6">
                                                        <span class="la la-book-open fs-3"></span>
                                                        <span class="accordion-header-text">Datos Aula</span>
                                                    </button>
                                                </h2>
                                                <div id="collapseOne6"
                                                    class="accordion-collapse collapse {{ $estatusAula == 'A1' ? 'show' : '' }}"
                                                    aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                                    <div class="accordion-body row">

                                                        <div class="col-lg-2 mb-3 col-md-6">
                                                            <label class="form-label">Numero de Aula</label>
                                                            <input type="text" name="numero_aula" class="form-control"
                                                                value="{{ $aula->aul_clave_registro }}" placeholder=""
                                                                id="numero_aula"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('numero_aula')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-5 mb-3 col-md-6">
                                                            <label class="form-label">Nombre del Curso</label>
                                                            <input type="text" name="nombre_curso" class="form-control"
                                                                value="{{ $aula->aul_curso_nombre }}" placeholder=""
                                                                id="nombre_curso"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('nombre_curso')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-3 mb-3 col-md-6">
                                                            <label class="form-label">Tipo de Curso</label>
                                                            <input type="text" name="tipo_curso" class="form-control"
                                                                value="{{ $tipoCurso }}" placeholder=""
                                                                id="tipo_de_curso"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('tipo_curso')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                            <input type="hidden" id="tipo_curso"
                                                                value="{{ $aula->aul_curso_tipo }}">
                                                        </div>
                                                        <div class="col-lg-2 mb-3 col-md-6">
                                                            <label class="form-label">Costo por Capacitando</label>
                                                            <input type="text" name="costo_alumno" class="form-control"
                                                                value="{{ $aula->aul_costo_hora_capacitando }}"
                                                                placeholder="" id="costo_alumno"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('costo_alumno')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-4 mb-3 col-md-6">
                                                            <label class="form-label">Campo de Formaciòn
                                                                Profesional</label>
                                                            <input type="text" name="cfp" class="form-control"
                                                                value="{{ $aula->aul_cfp_nombre }}" placeholder=""
                                                                id="cfp"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('cfp')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-4 mb-3 col-md-6">
                                                            <label class="form-label">Especialidad</label>
                                                            <input type="text" name="especialidad"
                                                                class="form-control"
                                                                value="{{ $aula->aul_especialidad_nombre }}"
                                                                placeholder="" id="especialidad"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('especialidad')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-3 mb-3 col-md-6">
                                                            <label class="form-label">Instructor</label>
                                                            <input type="text" name="instructor" class="form-control"
                                                                value="{{ $aula->aul_instructor_nombre }}" placeholder=""
                                                                id="nombre_instructor"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            <input type="hidden" name="instructor_id"
                                                                id="instructor_id">
                                                            @error('instructor')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-1 mb-3 col-md-6">
                                                            <label class="form-label">Costo PSC</label>
                                                            <input type="text" name="costo_psc" class="form-control"
                                                                value="{{ $aula->aul_costo_hora_psc }}" placeholder=""
                                                                id="costo_psc"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('nombre_curso')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-2 mb-3 col-md-6 d-none"
                                                            id="div_modelo_negocios">
                                                            <label class="form-label">M&oacute;delo de
                                                                Negocios</label>
                                                            <input type="text" class="form-control"
                                                                id="modelo_negocios" name="modelo_negocios"
                                                                value="{{ $claveModeloNegocio }}" readonly>
                                                        </div>
                                                        <div class="col-lg-2 mb-3 col-md-6">
                                                            <label class="form-label">N&uacute;mero de
                                                                Capacitandos</label>
                                                            <input type="number" name="minimo_capacitandos"
                                                                class="form-control"
                                                                value="{{ $aula->aul_capacitandos }}" placeholder=""
                                                                id="minimo_capacitandos" min="1" max="200"
                                                                readonly>
                                                        </div>
                                                        <div class="col-lg-1 mb-3 col-md-6">
                                                            <label class="form-label">Duraci&oacute;n</label>
                                                            <input type="text" name="duracion" class="form-control"
                                                                value="{{ $aula->aul_horas_totales }}" placeholder=""
                                                                id="duracion"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            @error('duracion')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-2 mb-3 col-md-6">
                                                            <label class="form-label">Tipo de Formaci&oacute;n</label>
                                                            <input type="text" name="" class="form-control"
                                                                value="{{ $tipoFormacion }}" placeholder=""
                                                                id="tipo_formacion"
                                                                onkeyup="this.value = this.value.toUpperCase()" readonly>
                                                            <input type="hidden" name="curso_id" id="curso_id">
                                                            @error('clave_curso')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_cfp"></div>
                                                        </div>
                                                        <div class="col-lg-2 mb-3 col-md-6">
                                                            <label class="form-label">Modalidad </label>
                                                            <input type="text" class="form-control" name="modalidad"
                                                                value="{{ $aula->aul_modalidad }}" id="modalidad"
                                                                readonly>
                                                            @error('tipo_curso')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="col-lg-3 mb-3 col-md-6" id="div_ubicacion">
                                                            <label class="form-label">Ubicaci&oacute;n </label>
                                                            <input type="text" name="" class="form-control"
                                                                value="{{ $aula->aul_ubicacion }}" placeholder=""
                                                                id=""
                                                                onkeyup="this.value = this.value.toLowerCase()" readonly>

                                                            @error('tipo_curso')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="col-lg-2 mb-3 col-md-6 d-none" id="div_enlace">
                                                            <label class="form-label">Enlace</label>
                                                            <input type="text" name="enlace" class="form-control"
                                                                value="{{ $aula->aul_enlace }}" placeholder=""
                                                                id="enlace"
                                                                onkeyup="this.value = this.value.toLowerCase()" readonly>
                                                            @error('enlace')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_enlace"></div>
                                                        </div>
                                                        <div class="col-lg-8 mb-3 col-md-6" id="div_domicilio">
                                                            <label class="form-label">Domicilio</label>
                                                            <input type="text" name="enlace" class="form-control"
                                                                value="{{ $domicilio }}" placeholder=""
                                                                id="enlace"
                                                                onkeyup="this.value = this.value.toLowerCase()" readonly>
                                                            @error('enlace')
                                                                <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            <div class="text-danger" id="message_enlace"></div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="responsiveTable_wrapper" class="dataTables_wrapper no-footer">
                                            <table id="responsiveTable"
                                                class="table table-striped responsive w-100 dataTable no-footer dtr-inline collapsed presupuestos-table">
                                                <thead class="color-white">
                                                    <tr class="bg-primary text-center">
                                                        <th width="5%" style="color: azure !important;">Monto
                                                            Federal</th>
                                                        <th width="5%" style="color: azure !important;">Monto IP
                                                        </th>
                                                        <th width="5%" style="color: azure !important;">Monto
                                                            Estatal</th>
                                                        <th style="color: azure !important;"  width="5%" class="text-center">
                                                            Pago</th>
                                                        <th style="color: azure !important;" class="text-center">Mes</th>
                                                        <th style="color: azure !important;" width="5%" class="text-center">Horas</th>
                                                        <th style="color: azure !important;">Subtotal</th>
                                                        <th style="color: azure !important;">IVA</th>
                                                        <!--<th style="color: azure !important;">ISR</th>-->
                                                        <th style="color: azure !important;">Gasto</th>
                                                        <th style="color: azure !important;"></th> 
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($meses as $mes)
                                                        <tr data-index="{{ $loop->index }}"
                                                            data-asignado="{{ $mes['asignado'] ? 1 : 0 }}"
                                                            class="{{ $mes['asignado'] ? 'mes-asignado' : '' }}">
                                                            <td>
                                                                <input type="text"
                                                                    class="form-control monto-federal {{ !empty($mes['presupuesto']) && $mes['presupuesto']->pre_monto_federal > 0 ? 'monto-guardado' : '' }}"
                                                                    value="{{ isset($mes['presupuesto']) ? '$' . number_format($mes['presupuesto']->pre_monto_federal, 2, '.', ',') : '' }}"
                                                                    {{ $mes['asignado'] ? 'readonly' : '' }}
                                                                    placeholder="$ 0.00">   
                                                            </td>
                                                            <td>
                                                                <input type="text"
                                                                    class="form-control monto-ip {{ !empty($mes['presupuesto']) && $mes['presupuesto']->pre_monto_ip > 0 ? 'monto-guardado' : '' }}"
                                                                    value="{{ isset($mes['presupuesto']) ? '$' . number_format($mes['presupuesto']->pre_monto_ip, 2, '.', ',') : '' }}"
                                                                    {{ $mes['asignado'] ? 'readonly' : '' }}
                                                                    placeholder="$ 0.00">
                                                            </td>
                                                            <td>
                                                                <input type="text"
                                                                    class="form-control monto-estatal {{ !empty($mes['presupuesto']) && $mes['presupuesto']->pre_monto_estatal > 0 ? 'monto-guardado' : '' }} "
                                                                    value="{{ isset($mes['presupuesto']) && $mes['presupuesto']->pre_monto_estatal > 0
                                                                        ? '$ ' . number_format($mes['presupuesto']->pre_monto_estatal, 2, '.', ',')
                                                                        : '' }}"
                                                                    {{ $mes['asignado'] ? 'readonly' : '' }}
                                                                    placeholder="$ 0.00">
                                                            </td>
                                                            <td class="text-center">{{ $mes['key'] }}</td>
                                                            <td>{{ ucfirst($mes['nombre']) }}</td>
                                                            <td class="text-center">{{ $mes['horas'] }}</td>
                                                            <td class="text-end monto-principal">
                                                                {{ number_format(floor($mes['subtotal'] * 100) / 100, 2, '.', ',') }}
                                                            </td>
                                                            <td class="text-end monto-secundario monto-iva">
                                                                $ {{ number_format($mes['iva'], 2, '.', ',') }}
                                                            </td>
                                                            <!--<td class="text-end monto-secundario">
                                                                ${ number_format($mes['isr'], 2, '.', ',') }}
                                                            </td>-->
                                                            <td class="text-end monto-total gasto-final"
                                                                data-gasto="{{ $mes['gasto_final'] }}">
                                                                $
                                                                {{ number_format(floor($mes['gasto_final'] * 100) / 100, 2, '.', ',') }}
                                                            </td>
                                                            <td class="text-center">
                                                            @puede('Asignar presupuesto','boton_asignar_presupuesto')
                                                                <button
                                                                    class="btn btn-primary btn-sm btn-asignar {{ $mes['asignado'] ? 'd-none' : '' }}"
                                                                    type="button" data-bs-target="#autorizar"
                                                                    data-bs-toggle="modal"
                                                                    {{ $mes['asignado'] ? 'disabled' : '' }}
                                                                    id="btnAsignar">
                                                                    Asignar
                                                                </button>
                                                            @endpuede
                                                            @puede('Asignar presupuesto','editar_presupuesto')
                                                                <button
                                                                    class="btn btn-info btn-sm btn-editar {{ !$mes['asignado'] ? 'd-none' : '' }}"
                                                                    type="button">
                                                                    Editar   
                                                                </button>
                                                            @endpuede 
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <td class="text-end fw-bold" id="total-federal">Totales:</td>
                                                        <td class="text-end fw-bold" id="total-ip"></td>
                                                        <td class="text-end fw-bold" id="total-estatal"></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td class="text-end fw-bold" id="total-subtotal"></td>
                                                        <td class="text-end fw-bold" id="total-iva"></td>
                                                        <input type="hidden" class="text-end fw-bold" id="total-isr">
                                                        <td class="text-end fw-bold" id="total-gasto-final"></td>
                                                        <td></td>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                            <input type="hidden"
                                                value="{{ number_format($total_con_iva, 2, '.', ',') }}"
                                                id="monto-iva-hidden">
                                            <input type="hidden" value="{{ number_format($costo_psc, 2, '.', ',') }}"
                                                id="monto-principal-hidden">
                                            <div class="row justify-content-center d-none" id="divRequisicion">
                                                <div class="col-lg-3 mt-1 text-center">
                                                    <label class="form-label">
                                                        N&uacute;mero de Requisici&oacute;n
                                                    </label>
                                                    <input type="text" name="" value="{{ $requisicion }}"
                                                        class="form-control resaltar" id="requisicion"
                                                        placeholder="Numero de requisicion"
                                                        {{ !$requisicion ? '' : 'disabled' }} required>
                                                    <div class="d-flex justify-content-center gap-2 mt-2">
                                                    @puede('Asignar presupuesto', 'guardar_editar_requisicion')
                                                        <button class="btn btn-primary btn-sm w-50 btn-estilo"
                                                            type="button" id="btnGuardarReq"
                                                            data-bs-target="#modalRequisicion" data-bs-toggle="modal">
                                                            Guardar
                                                        </button>
                                                        <button class="btn btn-info btn-sm w-50 btn-estilo" type="button"
                                                            id="btnEditarReq">
                                                            Editar
                                                        </button>
                                                    @endpuede
                                                    </div>
                                                </div>
                                            </div>
                                            @if ($aula->aul_autorizada_pago == 1)
                                                <div class="alert alert-success alert-dismissible fade show">
                                                    <div class="media">
                                                        <div class="media-body">
                                                            <h5 class="mt-1 mb-1 text-primary"><i
                                                                    class="fas fa-check-circle"></i> Esta aula se encuentra
                                                                aurorizada para pago.</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                            <form action="{{ route('autorizarPago') }}" class="d-none" method="POST"
                                                id="formPago">
                                                @csrf
                                                <div class="d-flex justify-content-center mt-4">
                                                    <button class="btn btn-success btn-sm" type="button"
                                                        data-bs-target="#autorizar_pago" data-bs-toggle="modal">
                                                        <i class="fa fa-credit-card me-2"></i>
                                                        Autorizar para Pago
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="alert alert-primary alert-dismissible fade show mt-2 d-none"
                                            id="alertRequi">
                                            <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>Guardado!</strong> Requisicion guardada correctamente.
                                            <button type="button" class="btn-close" data-bs-dismiss="alert"
                                                aria-label="btn-close">
                                            </button>
                                        </div>
                                        <div class="d-flex justify-content-center mt-2 d-none" id="porValidarContrato">
                                            <div
                                                class="alert alert-warning alert-dismissible fade show mt-2 w-50 text-dark">
                                                <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">
                                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z">
                                                    </path>
                                                    <polyline points="14 2 14 8 20 8"></polyline>
                                                    <line x1="16" y1="13" x2="8" y2="13">
                                                    </line>
                                                    <line x1="16" y1="17" x2="8" y2="17">
                                                    </line>
                                                    <polyline points="10 9 9 9 8 9"></polyline>
                                                </svg>
                                                <strong>Advertencia!</strong> El contrato de esta aula no esta autorizado.
                                            </div>
                                        </div>
                                        <div class="modal fade" id="autorizar" aria-modal="true" role="dialog">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header alert-primary">
                                                        <h5 class="modal-title text-primary">Asignar Presupuesto
                                                            <strong id="nombreMes"> </strong>
                                                        </h5>
                                                        <button type="button" class="btn-close"
                                                            data-bs-dismiss="modal"></button>
                                                    </div>
                                                    <div class="modal-body text-center">
                                                        <div id="mensaje-error"
                                                            class="alert alert-warning d-none text-start"></div>
                                                        <strong>{{ $aula->aul_curso_nombre }}</strong>
                                                    </div>
                                                    <form action="{{ route('createPresupuesto') }}" method="post"
                                                        class="asignar-presupuesto">
                                                        @csrf
                                                        <div class="modal-footer d-flex">
                                                            <button type="button" class="btn btn-danger light"
                                                                data-bs-dismiss="modal">Cerrar</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                id="btn-confirmar">Confirmar</button>
                                                            <input type="hidden" name="aul_id"
                                                                value="{{ $aula->aul_id }}">
                                                            <input type="hidden" name="monto_federal"
                                                                id="modal_monto_federal">
                                                            <input type="hidden" name="monto_ip" id="modal_monto_ip"
                                                                value="">
                                                            <input type="hidden" name="monto_estatal"
                                                                id="modal_monto_estatal" value="">
                                                            <input type="hidden" name="mes" id="modal_mes"
                                                                value="">
                                                            <input type="hidden" name="horas" id="modal_horas"
                                                                value="">
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal fade" id="autorizar_pago" aria-modal="true" role="dialog">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header alert-success">
                                                        <h5 class="modal-title text-success">Autorizar Aula para Pago
                                                            <strong id="nombreMes"> </strong>
                                                        </h5>
                                                        <button type="button" class="btn-close"
                                                            data-bs-dismiss="modal"></button>
                                                    </div>
                                                    <div class="modal-body text-center">
                                                        <span>¿Esta seguro de Autorizar esta Aula para Pago?</span><br>
                                                        <strong
                                                            class="text-primary">{{ $aula->aul_clave_registro }}</strong><br>
                                                        <strong>{{ $aula->aul_curso_nombre }}</strong>
                                                    </div>
                                                    <form action="{{ route('autorizarPago') }}" method="post"
                                                        class="autorizar-pago">
                                                        @csrf
                                                        <div class="modal-footer d-flex">
                                                            <button type="button" class="btn btn-danger light"
                                                                data-bs-dismiss="modal">Cerrar</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                id="btn-confirmar">Confirmar</button>
                                                            <input type="hidden" name="aul_id"
                                                                value="{{ $aula->aul_id }}">
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                    @endif
                </div>
            </div>
            <div class="modal fade" id="modalRequisicion" aria-modal="true" role="dialog">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header alert-primary">
                            <h5 class="modal-title text-primary">Guardar Requisici&oacute;n
                                <strong id="nombreMes"> </strong>
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body text-center">
                            <div id="mensaje-error" class="alert alert-warning d-none text-start"></div>
                            <strong>¿Esta seguro de guardar la requisicion de esta
                                Aula?</strong>
                            <div class="text-danger" id="reqAulaError"></div>
                        </div>
                        <form action="{{ route('updateRequisicion') }}" method="post" class="asignar-requisicion">
                            @csrf
                            <div class="modal-footer d-flex">
                                <button type="button" class="btn btn-danger light"
                                    data-bs-dismiss="modal">Cerrar</button>
                                <button type="submit" class="btn btn-primary" id="btn-confirmar">Confirmar</button>
                                <input type="hidden" name="aul_id" value="{{ $aula->aul_id }}">
                                <input type="hidden" name="requisicion" id="reqAula" value="">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div><!-- end car body-->
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="row">
        @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
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" id="alert-container-error">
                <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">
                    <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2">
                    </polygon>
                    <line x1="15" y1="9" x2="9" y2="15"></line>
                    <line x1="9" y1="9" x2="15" y2="15"></line>
                </svg>
                <strong id="alert-confirmacion-error"> {{ session('error') }}</strong>
            </div>
        @endif


    </div>
    </div>
    </div>
    <!--</div>-->
    </div>
    </div>
    </div>

@endsection

@push('scripts')
    <script>
        setTimeout(function() {
            $(".msg-error").fadeOut("slow");
        }, 4000); // 4 segundos*/

        if ($.fn.DataTable.isDataTable('#responsiveTable')) {
            $('#responsiveTable').DataTable().destroy();
        }

        $(document).ready(function() {
            bloquearFilasPorOrden();
        });

        $(document).ready(function() {
            const todosAsignados = @json($todosAsignados);
            const tipo_curso = $('#tipo_curso').val();

            if (todosAsignados == true) {
                $('#divRequisicion').removeClass('d-none');
            }

            let modalidad = $('#modalidad').val();

            if (modalidad == 'MIXTO') {
                $('#div_ubicacion').removeClass('d-none');
                $('#div_enlace').removeClass('d-none');
            }
            $('#modalValidarFactura').on('shown.bs.modal', function() {
                $('#btnConfirmarFactura').focus();
            });

            $(".accordion-collapse").each(function() {
                let $accordion = $(this);
                let id = $accordion.attr("id");
                if (!id) return; // si no tiene id, saltar

                // Revisar si estaba abierto en la última visita
                if (localStorage.getItem("accordion_" + id) === "abierto") {
                    $accordion.addClass("show"); // mostrar visualmente
                    $accordion.attr("aria-expanded", "true"); // para accesibilidad
                    $accordion.prev(".accordion-header").find(".accordion-button").removeClass(
                        "collapsed"); // quitar collapsed
                }
                // Guardar estado cuando se abre
                $accordion.on("shown.bs.collapse", function() {
                    localStorage.setItem("accordion_" + id, "abierto");
                });
                // Guardar estado cuando se cierra
                $accordion.on("hidden.bs.collapse", function() {
                    localStorage.setItem("accordion_" + id, "cerrado");
                });
            });
        });

        let tipo_de_curso = $('#tipo_curso').val();
        var capacitandosPorAgregar = parseInt($('#capacitandosPorAgregar').val(), 10) || 0;
        let btnAcredito = null;
        const id_aula = $('#aul_id').val();
        const estatusCapacitandos = $('#estatusCapacitandos').val();
        const urlCapacitandos = "{{ route('showCapacitandosAula', ['id' => '_ID']) }}".replace('_ID', id_aula);
        let estatus_aula = $('#aul_estatus').val();
        const estatusAula = '{{ $aula->aul_estatus_numero }}';

        setTimeout(function() {
            if (capacitandosPorAgregar <= 0) {
                $('.agregar-capacitando').addClass('d-none');
            }
        }, 400);

        if (tipo_de_curso == 2) {
            $('#div_modelo_negocios').removeClass('d-none');
        }
        if ("{{ !$domicilio }}") {
            $('#div_domicilio').addClass('d-none');
        }

        $('#responsiveTable').DataTable({
            responsive: true,
            paging: false,
            ordering: false,
            searching: false,
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/es-ES.json'
            },
            columnDefs: [{
                targets: [0, 1, 2, 6, 7, 8, 9],
                className: 'text-center'
            }]
        });

        const modalEl = document.getElementById('autorizar');
        const modal = new bootstrap.Modal(modalEl, {
            backdrop: 'static', // opcional
            keyboard: false // opcional
        });

        let filaActual = null;

        function soloNumeros(valor) {
            return parseFloat(
                valor.toString().replace(/[^0-9.]/g, '')
            ) || 0;
        }

        let tablaPresupuestos = $('.presupuestos-table').DataTable();


        $(document).on('click', '.btn-asignar', function(e) {
            e.preventDefault();
            filaActual = $(this).closest('tr');
            const fila = $(this).closest('tr');
            const filaReal = fila.hasClass('child') ? fila.prev() : fila;
            const row = tablaPresupuestos.row(filaReal);
            // obtener dato por índice de columna
            //const mes = row.data()[4].trim(); 
            const mes = filaReal.find('td:eq(4)').text() || '';
            const horasTexto = filaReal.find('td:eq(5)').text() || '';
            const horas = parseInt(horasTexto.replace('hrs', '').trim()) || 0;
            //const federalVal = fila.find('.monto-federal').val() || '0';
            const federalVal = filaReal.find('.monto-federal').val() || '0';
            const federalForm = soloNumeros(federalVal);
            const ipVal = filaReal.find('.monto-ip').val() || '0';
            const ipForm = soloNumeros(ipVal);
            const estatalVal = filaReal.find('.monto-estatal').val() || '0';
            const estatalForm = soloNumeros(estatalVal);

            /*const federal = Math.round(federalForm * 100);
            const ip = Math.round(ipForm * 100);
            const estatal = Math.round(estatalForm * 100);*/
            // const suma = federal + ip + estatal;
            /* const gastoFinal = Math.round(
                 (parseFloat(filaReal.find('.gasto-final').data('gasto')) || 0) * 100
             );*/
            const suma = (federalForm + ipForm + estatalForm || 0);
            const gastoFinal = Math.floor((filaReal.find('.gasto-final').data('gasto') || 0) * 100) / 100;

            // -------------------------------
            // obtener índice REAL en DataTables
            const rowIndex = row.index();

            //--------------------------------
            const index = fila.index();
            const mensajeError = $('#mensaje-error');
            const btnConfirmar = $('#btn-confirmar');

            $('#nombreMes').html(mes);
            //MES DA FEBRERO

            const meses = {
                'enero': 0,
                'febrero': 1,
                'marzo': 2,
                'abril': 3,
                'mayo': 4,
                'junio': 5,
                'julio': 6,
                'agosto': 7,
                'septiembre': 8,
                'octubre': 9,
                'noviembre': 10,
                'diciembre': 11
            };
            // Convertimos a minúsculas para evitar problemas
            const mesIndex = meses[mes.toLowerCase()];
            if (mesIndex === undefined) {
                console.error('Mes inválido:', mes);
                return;
            }
            // Tomamos el año actual
            const anio = new Date().getFullYear();
            // Creamos la fecha con día fijo 01
            const fecha = new Date(anio, mesIndex, 1);
            // Formateamos a YYYY-MM-DD para MySQL
            const fechaFormateada =
                `${fecha.getFullYear()}-${String(fecha.getMonth() + 1).padStart(2,'0')}-01`;
            // Guardamos en el input oculto del modal
            $('#modal_mes').val(fechaFormateada);
            // VALIDACIÓN ORDEN DE MESES
            if (rowIndex > 0) {

                // obtener fila anterior REAL
                const filaAnteriorNode = tablaPresupuestos.row(rowIndex - 1).node();
                const filaAnterior = $(filaAnteriorNode);

                if (!filaAnterior.hasClass('mes-asignado')) {

                    const mesActual = mes;
                    const mesAnterior = tablaPresupuestos
                        .row(rowIndex - 1)
                        .data()[4]
                        .trim();

                    mensajeError
                        .removeClass('d-none')
                        .addClass('text-center text-dark')
                        .html(`
                <strong class="text-danger">Orden de asignación inválido</strong><br>
                <hr>
                No puedes asignar <strong>${mesActual}</strong><br>
                sin haber asignado primero<br>
                <strong>${mesAnterior}</strong>
            `);

                    btnConfirmar.addClass('d-none');
                    modal.show();
                    return;
                }
            }
            // LLENAR INPUTS DEL MODAL
            $('#modal_monto_federal').val(federalForm.toFixed(2));
            $('#modal_monto_ip').val(ipForm.toFixed(2));
            $('#modal_monto_estatal').val(estatalForm.toFixed(2));
            $('#modal_horas').val(horas);
            $('#modal_mes').val();
            // VALIDACIÓN DE MONTOS
            if (suma !== gastoFinal) {
                mensajeError
                    .removeClass('d-none')
                    .addClass('text-center')
                    .html(`
                <strong class="text-danger">Error en la asignación</strong><br>
                <hr>
                <span class="text-dark">Federal: </span><strong class="text-danger">$${federalForm}</strong><br>
                <span class="text-dark">IP: </span><strong class="text-danger">$${ipForm}</strong><br>
                <span class="text-dark">Estatal: </span><strong class="text-danger">$${estatalForm}</strong><br><br>
                <strong class="text-dark">Total ingresado:</strong><strong class="text-danger"> ${formatoMoneda(suma)}</strong><br>
                <strong class="text-dark">Gasto requerido:</strong> <strong class="text-success"> ${formatoMoneda(gastoFinal)}</strong>
            `);
                btnConfirmar.addClass('d-none');
                modal.show();
                return;
            }
            mensajeError.addClass('d-none').html('');
            btnConfirmar.removeClass('d-none');
            modal.show();

            let tipoCurso = $('#tipo_curso').val();

            // ============================================
            // FORMULARIO AJAX PARA ASIGNAR PRESUPEUSTO
            // ============================================

            $(document).on("submit", ".asignar-presupuesto", function(e) {
                e.preventDefault();
                let form = $(this);
                let actionUrl = form.attr("action");
                let formData = form.serialize();
                //Contar filas 
                const totalFilas = $('tr[data-asignado]').length;

                $.ajax({
                    url: actionUrl,
                    type: "POST",
                    data: formData,
                    dataType: "json",
                    success: function(response) {
                        if (!response.success || !filaActual) return;
                        validarTodosAsignados();
                        const p = response.presupuesto;
                        // 1️⃣ Bloquear fila actual
                        filaActual
                            .addClass('mes-asignado')
                            .attr('data-asignado', 1);

                        filaActual.find('input[type="text"]').prop('disabled', true);

                        filaActual.find('.btn-asignar')
                            .addClass('d-none')
                            .prop('disabled', true);

                        filaActual.find('.btn-editar')
                            .removeClass('d-none');

                        // 2️⃣ (Opcional) actualizar visualmente los montos
                        filaActual.find('.monto-federal').val(
                            p.pre_monto_federal > 0 ? '$ ' + parseFloat(p.pre_monto_federal)
                            .toFixed(2) : ''
                        );
                        filaActual.find('.monto-ip').val(
                            p.pre_monto_ip > 0 ? '$ ' + parseFloat(p.pre_monto_ip).toFixed(
                                2) : ''
                        );
                        filaActual.find('.monto-estatal').val(
                            p.pre_monto_estatal > 0 ? '$ ' + parseFloat(p.pre_monto_estatal)
                            .toFixed(2) : ''
                        );
                        // estilos a aplicar
                        const estilosAsignado = {
                            'font-weight': 'bold',
                            'color': '#1f2937'
                        };
                        // FEDERAL
                        if (parseFloat(response.presupuesto.pre_monto_federal) > 0) {
                            //filaActual.find('.monto-federal').css(estilosAsignado);
                            filaActual.find('.monto-federal').addClass('monto-guardado');
                        }
                        // IP
                        if (parseFloat(response.presupuesto.pre_monto_ip) > 0) {
                            //filaActual.find('.monto-ip').css(estilosAsignado);
                            filaActual.find('.monto-ip').addClass('monto-guardado');
                        }
                        // ESTATAL
                        if (parseFloat(response.presupuesto.pre_monto_estatal) > 0) {
                            //filaActual.find('.monto-estatal').css(estilosAsignado);
                            filaActual.find('.monto-estatal').addClass('monto-guardado');
                        }

                        // 3️⃣ Desbloquear siguiente fila
                        const filaSiguiente = filaActual.next('tr');

                        if (filaSiguiente.length) {

                            const yaAsignada = filaSiguiente.data('asignado') == 1;

                            if (!yaAsignada) {
                                // 👉 SOLO ASIGNAR
                                filaSiguiente.find('.btn-asignar')
                                    .removeClass('d-none')
                                    .prop('disabled', false);

                                filaSiguiente.find('.btn-editar')
                                    .addClass('d-none');

                                filaSiguiente.find('input[type="text"]')
                                    .prop('readonly', true)
                                    .prop('disabled', false);

                            } else {
                                // 👉 SOLO EDITAR
                                filaSiguiente.find('.btn-asignar')
                                    .addClass('d-none')
                                    .prop('disabled', true);

                                filaSiguiente.find('.btn-editar')
                                    .removeClass('d-none');

                                filaSiguiente.find('input[type="text"]').prop('disabled', true);
                            }
                        }

                        if (response.todosAsignados) {
                            $('#divRequisicion').removeClass('d-none');
                        }
                        if (totalFilas === 1) {
                            $('#divRequisicion').removeClass('d-none');
                        }

                        if (tipoCurso == 4) {
                            $('#divRequisicion').removeClass("d-none");

                        }
                        // 4️⃣ Cerrar modal
                        const modalEl = document.getElementById('autorizar');
                        bootstrap.Modal.getInstance(modalEl).hide();
                    },
                    error: function(xhr) {
                        console.error("Error en la solicitud:", xhr.responseText);
                        console.error('STATUS:', xhr.status);
                        console.error('RESPONSE:', xhr.responseText);
                    }
                });
            });
        });

        function formatoMoneda2(valor) {
            return '$ ' + new Intl.NumberFormat('es-MX', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            }).format(valor);
        }

        function formatoMoneda(valor) {
            // Truncar a dos decimales sin redondear
            const truncado = Math.floor(valor * 100) / 100;

            // Formatear con separador de miles y dos decimales
            return '$ ' + new Intl.NumberFormat('es-MX', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            }).format(truncado);
        }

        function validarTodosAsignados() {
            let total = $('.presupuestos-table tbody tr').length;
            let asignados = $('.presupuestos-table tbody tr[data-asignado="1"]').length;

            if (total > 0 && total === asignados) {
                $('#formRequisicion').removeClass('d-none');
            }
        }

        $(document).on("submit", ".asignar-requisicion", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            let formData = form.serialize();
            let requisicion = $('#requisicion').val();

            if (requisicion == '' || requisicion == null) {
                $('#reqAulaError').text('Escriba una requisicion');
                return;

            }
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                dataType: "json",
                success: function(response) {
                    if (response.success === true) {
                        $('#alertRequi').removeClass("d-none");
                        $('#requisicion').prop('disabled', true);
                        setTimeout(function() {
                            $("#alertRequi").fadeOut("slow");
                        }, 3000);

                        if (response.contratoValidado == true) {
                            $('#formPago').removeClass("d-none");
                        } else {
                            $('#porValidarContrato').removeClass("d-none");
                        }



                        const modalEl = document.getElementById('modalRequisicion');
                        const modal = bootstrap.Modal.getInstance(modalEl);
                        if (modal) {
                            modal.hide();
                        }
                    }
                },
                error: function(xhr) {
                    console.error("Error en la solicitud:", xhr.responseText);
                    console.error('STATUS:', xhr.status);
                    console.error('RESPONSE:', xhr.responseText);
                }
            });

        });

        $(document).on("submit", ".autorizar-pago", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            let formData = form.serialize();

            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                dataType: "json",
                success: function(response) {
                    if (response.success === true) {
                        $('#formPago').addClass("d-none");
                        const modalEl = document.getElementById('autorizar_pago');
                        $('#btnEditarReq').addClass("d-none");
                        $('#btnGuardarReq').addClass("d-none");
                        $('.btn-editar').addClass("d-none");
                        const modal = bootstrap.Modal.getInstance(modalEl);
                        if (modal) {
                            modal.hide();
                        }
                    }
                },
                error: function(xhr) {
                    console.error("Error en la solicitud:", xhr.responseText);
                    console.error('STATUS:', xhr.status);
                    console.error('RESPONSE:', xhr.responseText);
                }
            });

        });


        $(document).on('input', '.monto-federal, .monto-ip, .monto-estatal', function() {
            const fila = $(this).closest('tr');
            const federal = soloNumeros(fila.find('.monto-federal').val());
            const ip = soloNumeros(fila.find('.monto-ip').val());
            const estatal = soloNumeros(fila.find('.monto-estatal').val());
            const suma = federal + ip + estatal;
            // obtener gasto real con decimales
            const gasto = parseFloat(fila.find('.gasto-final').data('gasto')) || 0;
            // comparar usando redondeo a 2 decimales
            if (parseFloat(suma.toFixed(2)) !== parseFloat(gasto.toFixed(2))) {
                fila.addClass('table-danger');
            } else {
                fila.removeClass('table-danger');
            }
        });

        function bloquearFilasPorOrden() {
            const filas = $('#responsiveTable tbody tr');
            filas.each(function(i) {
                const fila = $(this);
                const asignado = fila.data('asignado') == 1;
                if (i === 0) {
                    desbloquearFila(fila);
                    return;
                }
                const filaAnterior = filas.eq(i - 1);
                const anteriorAsignado = filaAnterior.data('asignado') == 1;

                if (!asignado && !anteriorAsignado) {
                    bloquearFila(fila);
                } else {
                    desbloquearFila(fila);
                }
            });
        }

        function bloquearFila(fila) {
            fila.addClass('mes-bloqueado');
            fila.find('input, button.btn-asignar').prop('disabled', true);
            fila.find('.btn-asignar').addClass('d-none');
        }

        function desbloquearFila(fila) {
            //fila.removeClass('mes-bloqueado');
            //fila.find('input, button.btn-asignar').prop('disabled', false);
        }

        function actualizarTablaDespuesAsignacion() {
            // actualizar data-asignado de la fila correspondiente
            const fila = $('#responsiveTable tbody tr[data-index="' + indexMes + '"]');
            fila.data('asignado', 1);
            bloquearFilasPorOrden();
        }

        function filaTieneValores(fila) {
            let tieneValor = false;
            fila.find('.monto-federal, .monto-ip, .monto-estatal').each(function() {
                const valor = soloNumeros($(this).val());
                if (valor > 0) {
                    tieneValor = true;
                    return false; // break
                }
            });

            return tieneValor;
        }


        $(document).on('click', '.btn-editar', function() {
            const $row = $(this).closest('tr');

            // marcar fila en modo edición
            $row.addClass('modo-edicion');

            // habilitar inputs para edición manual
            //$row.find('input').prop('readonly', false);
            $row.find('input').prop('readonly', false).prop('disabled', false);

            // ocultar editar, mostrar asignar
            $(this).addClass('d-none');
            $row.find('.btn-asignar')
                .removeClass('d-none')
                .prop('disabled', false);
        });

        $(document).on('input', '#requisicion', function() {
            const requisicion = $(this).val();
            $('#reqAula').val(requisicion);
            let req = $('#reqAula').val();
            this.value = this.value.toUpperCase();
        });

        $(document).on('click', '#btnEditarReq', function() {
            const $row = $(this).closest('tr');
            $('#btnGuardarReq').removeClass('d-none');
            $('#requisicion').prop('disabled', false);
            $row.find('input').prop('disabled', false);
        });

        $(document).ready(function() {
            if ("{{ $aula->aul_juridico_estatus }}" === "3" && "{{ $aula->aul_autorizada_pago }}" != "1" &&
                "{{ $aula->aul_requisicion }}" != 0) {
                $('#btnEditarReq').removeClass("d-none");
                $('#btnGuardarReq').removeClass("d-none");
                $('.btn-editar').addClass("d-none");
                $('#formPago').removeClass("d-none");
                //formPago     
            }
            if ("{{ $aula->aul_juridico_estatus }}" != "3") {
                $('#porValidarContrato').removeClass("d-none");
            }

            if ("{{ $aula->aul_autorizada_pago }}" === "1") {
                $('#btnEditarReq').addClass("d-none");
                $('#btnGuardarReq').addClass("d-none");
                $('.btn-editar').addClass("d-none");
                $('#porValidarContrato').addClass("d-none");
                //formPago     
            }

            /*$('tr').each(function() {
                const fila = $(this); 

                const gasto = parseFloat(
                    fila.find('.gasto-final').data('gasto')
                ) || 0;

                const asignado = fila.data('asignado') == 1;

                if (gasto > 0 && !asignado) {
                    fila.find('.monto-federal, .monto-ip, .monto-estatal')
                        .val('$ ' + gasto.toFixed(2))
                        .prop('readonly', true);
                }

            });*/
            $('tr').each(function() {
                const fila = $(this);

                let gasto = parseFloat(
                    fila.find('.gasto-final').data('gasto')
                ) || 0;

                const asignado = fila.data('asignado') == 1;

                // Truncar a 2 decimales sin redondear
                gasto = Math.trunc(gasto * 100) / 100;

                if (gasto > 0 && !asignado) {
                    fila.find('.monto-federal, .monto-ip, .monto-estatal')
                        .val('$ ' + gasto.toFixed(2))
                        .prop('readonly', true);
                }
            });


        });


        $(document).on(
            'click',
            '.monto-federal, .monto-ip, .monto-estatal',
            /*function() {

                const fila = $(this).closest('tr');

                if (fila.hasClass('modo-edicion')) {
                    return;
                }

                const inputSeleccionado = $(this);
                const gasto = parseFloat(
                    fila.find('.gasto-final').data('gasto')
                ) || 0;

                // resetear
                fila.find('.monto-federal, .monto-ip, .monto-estatal')
                    .removeClass('monto-seleccionado')
                    .val('$ 0.00');

                // seleccionar
                inputSeleccionado
                    .addClass('monto-seleccionado')
                    .val('$ ' + gasto.toFixed(2));
            }*/ 
           function() {

    const fila = $(this).closest('tr');

    if (fila.hasClass('modo-edicion')) {
        return;
    }

    const inputSeleccionado = $(this);

    let gasto = parseFloat(
        fila.find('.gasto-final').data('gasto')
    ) || 0;

    // truncar a 2 decimales sin redondear
    gasto = Math.trunc(gasto * 100) / 100;

    // resetear
    fila.find('.monto-federal, .monto-ip, .monto-estatal')
        .removeClass('monto-seleccionado')
        .val('$ 0.00');

    // seleccionar
    inputSeleccionado
        .addClass('monto-seleccionado')
        .val('$ ' + gasto.toFixed(2));
}
        );

        $(document).ready(function() {
            function sumarColumna(selector) {
                let total = 0;
                $(selector).each(function() {
                    // Tomar el valor desde data-gasto si existe, si no desde el texto
                    let valor = $(this).data('gasto');
                    if (valor === undefined) {
                        valor = $(this).text().replace(/[^0-9.-]+/g, "");
                    }
                    total += parseFloat(valor) || 0;
                });
                return Math.floor(total * 100) / 100; // truncar a 2 decimales
            }


            function sumarExacto(selector) {
                let total = 0;
                $(selector).each(function() {
                    let valor = $(this).text().replace(/[^0-9.-]+/g, "");
                    total += parseFloat(valor) || 0;
                });
                return total; // no truncamos aquí
            }


            function sumarInputs(selector) {
                let total = 0;
                $(selector).each(function() {
                    let valor = $(this).val().replace(/[^0-9.-]+/g, "");
                    total += parseFloat(valor) || 0;
                });
                return total; // aquí no truncamos ni redondeamos
            }

            // Calcular totales
            const subtotal = $('#monto-principal-hidden').val();
            //const iva = sumarColumna('td:nth-child(8)'); // ajusta según posición real
            const isr = sumarColumna('td:nth-child(9)');
            const gastoFinal = sumarColumna('.gasto-final');
            const totalFederal = sumarInputs('.monto-federal');
            const totalIp = sumarInputs('.monto-ip');
            const totalEstatal = sumarInputs('.monto-estatal');
            const iva = $('#monto-iva-hidden').val();

            // Formatear con Intl.NumberFormat
            /*const formato = valor => new Intl.NumberFormat('es-MX', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            }).format(valor);*/
            // Formatear solo al mostrar
            const formato = valor => new Intl.NumberFormat('es-MX', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            }).format(valor);


            // Insertar en el footer
            $('#total-federal').text('$ ' + formato(totalFederal));
            $('#total-ip').text('$ ' + formato(totalIp));
            $('#total-estatal').text('$ ' + formato(totalEstatal));
            $('#total-subtotal').text('$ ' + (subtotal));
            $('#total-iva').text('$ ' + iva);
            $('#total-isr').text('$ ' + formato(isr));
            $('#total-gasto-final').text('$ ' + formato(gastoFinal));
        });
    </script>
@endpush