@php
    $cuentaActualId = isset($cuenta) ? $cuenta->id_banco_cuenta : null;
    $ahoraInput = \App\Services\BancoFechaService::formatoInput();
    $estatusMovimientoCaptura = collect($catalogos['estatus_movimiento'] ?? [])
        ->filter(function ($estatus) {
            return $estatus !== 'Cancelado';
        })
        ->values();
    $catalogosRelacion = [
        'Cliente Factura' => collect($catalogos['clientes_factura'] ?? [])->values()->all(),
        'Proveedor' => collect($catalogos['proveedores'] ?? [])->values()->all(),
        'Empleado' => collect($catalogos['empleados'] ?? [])->values()->all(),
        'Cuenta' => collect($catalogos['cuentas_relacionadas'] ?? [])->values()->all(),
    ];
    $jsonOptionsCatalogos = JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP | JSON_HEX_QUOT;
    if (defined('JSON_INVALID_UTF8_SUBSTITUTE')) {
        $jsonOptionsCatalogos = $jsonOptionsCatalogos | JSON_INVALID_UTF8_SUBSTITUTE;
    }
    $catalogosRelacionJson = json_encode($catalogosRelacion, $jsonOptionsCatalogos);
    if ($catalogosRelacionJson === false) {
        $catalogosRelacionJson = '{}';
    }
    $informesClienteFacturaJson = json_encode($catalogos['informes_cliente_factura'] ?? [], $jsonOptionsCatalogos);
    if ($informesClienteFacturaJson === false) {
        $informesClienteFacturaJson = '{}';
    }
@endphp
<div class="modal fade" id="modal_movimiento_real" tabindex="-1" role="dialog" aria-labelledby="modalMovimientoRealLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalMovimientoRealLabel">Nuevo movimiento bancario</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar"><span aria-hidden="true">&times;</span></button>
            </div>

            <div class="modal-body">
                <!-- <div class="alert alert-info">
                    Solo se muestran cuentas activas en los selectores de movimiento. Las cuentas bloqueadas, creadas o inactivas quedan fuera de captura.
                </div> -->

                <ul class="nav nav-pills mb-3 nav-justified" role="tablist">
                    <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#real-form-nacional" role="tab">Abono / Cargo nacional</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#real-form-internacional" role="tab">Abono / Cargo internacional</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#real-form-ajuste" role="tab">Ajuste positivo / negativo</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#real-form-traspaso" role="tab">Traspaso / conversión</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane fade show active" id="real-form-nacional" role="tabpanel">
                        <form method="post" action="{{ route('bancos.real.movimientos.store') }}" enctype="multipart/form-data" class="banco-movimiento-form">
                            {{ csrf_field() }}
                            <div class="form-step-card">
                                <ul class="nav nav-tabs mb-3" role="tablist">
                                    <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#real-nac-movimiento" role="tab">Movimiento</a></li>
                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-nac-conceptos" role="tab">Concepto e importe</a></li>
                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-nac-anexos" role="tab">Facturas y anexos</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="real-nac-movimiento" role="tabpanel">
                                        <div class="form-row">
                                            <div class="form-group col-md-3"><label>Estatus del movimiento</label><select class="custom-select" name="estatus_movimiento" required>@foreach($estatusMovimientoCaptura as $estatusMovimiento)<option>{{ $estatusMovimiento }}</option>@endforeach</select></div>
                                            <div class="form-group col-md-5"><label>Cuenta</label><select class="selectpicker form-control cuenta-movimiento-real" name="id_banco_cuenta" data-live-search="true" data-width="100%" required>@foreach($cuentasActivasMxn as $cuentaActiva)<option value="{{ $cuentaActiva->id_banco_cuenta }}" data-moneda="{{ $cuentaActiva->moneda }}" data-limite="{{ $cuentaActiva->monto_maximo_sin_autorizacion }}" {{ $cuentaActualId == $cuentaActiva->id_banco_cuenta ? 'selected' : '' }}>{{ $cuentaActiva->banco }} - {{ $cuentaActiva->nombre_cuenta }} - {{ $cuentaActiva->moneda }}</option>@endforeach</select><small class="text-muted">Solo cuentas MXN activas.</small></div>
                                            <div class="form-group col-md-2"><label>Tipo</label><select class="custom-select" name="tipo_movimiento"><option>Abono</option><option>Cargo</option></select></div>
                                            <div class="form-group col-md-2"><label>Área de negocio</label><select class="selectpicker form-control" name="area_negocio" data-live-search="true" data-width="100%" required>@foreach($catalogos['areas_negocio'] as $area)<option>{{ $area }}</option>@endforeach</select></div>
                                        </div>
                                        @include('Bancos.Real.partials._modal_movimiento_entidad')
                                        @include('Bancos.Real.partials._modal_movimiento_fechas', ['ahoraInput' => $ahoraInput])
                                    </div>
                                    @include('Bancos.Real.partials._modal_movimiento_conceptos', ['ivaDefault' => true, 'conceptosTabId' => 'real-nac-conceptos'])
                                    <div class="tab-pane fade" id="real-nac-anexos" role="tabpanel">
                                        <div class="form-row">
                                            <div class="form-group col-md-4"><label>No. de cotización</label><input class="form-control" name="no_cotizacion" type="text"></div>
                                            <div class="form-group col-md-4"><label>Ref. de factura</label><input class="form-control" name="referencia_factura" type="text"></div>
                                            <div class="form-group col-md-4"><label>No. de complemento de pago</label><input class="form-control" name="complemento_pago" type="text"></div>
                                            <div class="form-group col-md-6 banco-cliente-factura-only"><label>No. de informe</label><select class="selectpicker form-control banco-servicio-informe" name="servicio_informe[]" data-live-search="true" data-live-search-style="contains" data-live-search-normalize="true" data-width="100%" data-size="8" data-dropup-auto="false" data-actions-box="true" data-selected-text-format="values" multiple title="Seleccionar informes"></select></div>
                                            <div class="form-group col-md-6 banco-cliente-factura-only"><label>Norma/Servicio</label><select class="selectpicker form-control banco-norma-servicio" name="norma[]" data-live-search="true" data-live-search-style="contains" data-live-search-normalize="true" data-width="100%" data-size="8" data-dropup-auto="false" data-selected-text-format="values" multiple title="N/A"><option value="">N/A</option></select></div>
                                            <div class="form-group col-md-12"><label>Observaciones</label><input class="form-control" name="observaciones" type="text"></div>
                                        </div>
                                        @include('Bancos.Real.partials._tabla_documentos_form')
                                    </div>
                                </div>
                                <div class="banco-step-actions text-right mt-3">
                                    <button type="button" class="btn btn-secondary banco-prev-step"><i class="arrow left icon"></i>Anterior</button>
                                    <button type="button" class="btn btn-primary banco-next-step">Siguiente <i class="arrow right icon"></i></button>
                                    <button type="submit" class="btn btn-primary banco-submit-final"><i class="file icon"></i>Guardar movimiento nacional</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="tab-pane fade" id="real-form-internacional" role="tabpanel">
                        <form method="post" action="{{ route('bancos.real.movimientos.store') }}" enctype="multipart/form-data" class="banco-movimiento-form banco-internacional-form">
                            {{ csrf_field() }}
                            <div class="form-step-card">
                                <ul class="nav nav-tabs mb-3" role="tablist">
                                    <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#real-int-movimiento" role="tab">Movimiento</a></li>
                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-int-conceptos" role="tab">Concepto e importe</a></li>
                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-int-anexos" role="tab">Facturas y anexos</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="real-int-movimiento" role="tabpanel">
                                        <div class="form-row">
                                            <div class="form-group col-md-2"><label>Estatus del movimiento</label><select class="custom-select" name="estatus_movimiento" required>@foreach($estatusMovimientoCaptura as $estatusMovimiento)<option>{{ $estatusMovimiento }}</option>@endforeach</select></div>
                                            <div class="form-group col-md-4"><label>Cuenta</label><select class="selectpicker form-control cuenta-movimiento-real" name="id_banco_cuenta" data-live-search="true" data-width="100%" required>@foreach($cuentasActivasUsd as $cuentaActiva)<option value="{{ $cuentaActiva->id_banco_cuenta }}" data-moneda="{{ $cuentaActiva->moneda }}" data-limite="{{ $cuentaActiva->monto_maximo_sin_autorizacion }}" {{ $cuentaActualId == $cuentaActiva->id_banco_cuenta ? 'selected' : '' }}>{{ $cuentaActiva->banco }} - {{ $cuentaActiva->nombre_cuenta }} - {{ $cuentaActiva->moneda }}</option>@endforeach</select><small class="text-muted">Solo cuentas USD activas.</small></div>
                                            <div class="form-group col-md-3"><label>Tipo</label><select class="custom-select" name="tipo_movimiento"><option>Abono internacional</option><option>Cargo internacional</option></select></div>
                                            <div class="form-group col-md-3"><label>Área de negocio</label><select class="selectpicker form-control" name="area_negocio" data-live-search="true" data-width="100%" required>@foreach($catalogos['areas_negocio'] as $area)<option>{{ $area }}</option>@endforeach</select></div>
                                        </div>
                                        @include('Bancos.Real.partials._modal_movimiento_entidad')
                                        @include('Bancos.Real.partials._modal_movimiento_fechas', ['ahoraInput' => $ahoraInput])
                                        <div class="form-row">
                                            <div class="form-group col-md-3"><label>Fecha del tipo de cambio</label><input type="datetime-local" class="form-control banco-fecha-tc" name="fecha_tipo_cambio" value="{{ $ahoraInput }}" required></div>
                                            <div class="form-group col-md-3"><label>Modo de tipo de cambio</label><select class="custom-select banco-modo-tc" name="modo_tipo_cambio"><option value="Banxico DOF" selected>Banxico DOF por fecha</option><option value="Manual">Manual</option></select></div>
                                            <div class="form-group col-md-3"><label>Tipo de cambio utilizado</label><input type="number" step="0.000001" min="0.000001" class="form-control banco-tc" name="tipo_cambio_utilizado" readonly required><small class="form-text text-muted banco-tc-feedback">Selecciona la fecha para consultar Banxico DOF.</small></div>
                                            <div class="form-group col-md-3"><label>Moneda de operación</label><select class="custom-select" name="moneda_operacion"><option>USD</option></select></div>
                                            <div class="form-group col-md-3"><label>Monto en USD</label><input type="number" step="0.01" class="form-control banco-total-usd" readonly></div>
                                            <div class="form-group col-md-3"><label>Monto equivalente en MXN</label><input type="text" class="form-control banco-equivalente-mxn" readonly></div>
                                            <div class="form-group col-md-3"><label>Origen del tipo de cambio</label><input type="text" class="form-control banco-origen-tc" value="Banxico DOF" readonly></div>
                                            <div class="form-group col-md-3"><label>Usuario que capturó/modificó</label><input type="text" class="form-control" value="{{ $usuarioBancos ? $usuarioBancos->nombre_completo : 'Usuario no disponible' }}" readonly></div>
                                        </div>
                                        <div class="alert alert-secondary mb-0 banco-alerta-tc">La fecha consulta Banxico DOF. Si el valor no está disponible, podrás capturarlo manualmente.</div>
                                    </div>
                                    @include('Bancos.Real.partials._modal_movimiento_conceptos', ['ivaDefault' => false, 'conceptosTabId' => 'real-int-conceptos'])
                                    <div class="tab-pane fade" id="real-int-anexos" role="tabpanel">
                                        <div class="form-row">
                                            <div class="form-group col-md-4"><label>No. de cotización</label><input class="form-control" name="no_cotizacion" type="text"></div>
                                            <div class="form-group col-md-4"><label>Ref. de factura</label><input class="form-control" name="referencia_factura" type="text"></div>
                                            <div class="form-group col-md-4"><label>No. de complemento de pago</label><input class="form-control" name="complemento_pago" type="text"></div>
                                            <div class="form-group col-md-6 banco-cliente-factura-only"><label>No. de informe</label><select class="selectpicker form-control banco-servicio-informe" name="servicio_informe[]" data-live-search="true" data-live-search-style="contains" data-live-search-normalize="true" data-width="100%" data-size="8" data-dropup-auto="false" data-actions-box="true" data-selected-text-format="values" multiple title="Seleccionar informes"></select></div>
                                            <div class="form-group col-md-6 banco-cliente-factura-only"><label>Norma/Servicio</label><select class="selectpicker form-control banco-norma-servicio" name="norma[]" data-live-search="true" data-live-search-style="contains" data-live-search-normalize="true" data-width="100%" data-size="8" data-dropup-auto="false" data-selected-text-format="values" multiple title="N/A"><option value="">N/A</option></select></div>
                                            <div class="form-group col-md-4"><label>País origen / destino</label><input class="form-control" name="pais_origen_destino" type="text"></div>
                                            <div class="form-group col-md-4"><label>SWIFT</label><input class="form-control" name="swift" type="text"></div>
                                            <div class="form-group col-md-4"><label>Pedimento</label><input class="form-control" name="pedimento" type="text"></div>
                                            <div class="form-group col-md-4"><label>Aduana</label><input class="form-control" name="aduana" type="text"></div>
                                            <div class="form-group col-md-4"><label>Banco intermediario</label><input class="form-control" type="text"></div>
                                            <div class="form-group col-md-4"><label>Referencias internacionales</label><input class="form-control" name="referencias_internacionales" type="text"></div>
                                            <div class="form-group col-md-12"><label>Observaciones</label><textarea class="form-control" name="observaciones" rows="2"></textarea></div>
                                        </div>
                                        @include('Bancos.Real.partials._tabla_documentos_form')
                                    </div>
                                </div>
                                <div class="banco-step-actions text-right mt-3">
                                    <button type="button" class="btn btn-secondary banco-prev-step"><i class="arrow left icon"></i>Anterior</button>
                                    <button type="button" class="btn btn-primary banco-next-step">Siguiente <i class="arrow right icon"></i></button>
                                    <button type="submit" class="btn btn-primary banco-submit-final"><i class="file icon"></i>Guardar movimiento internacional</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="tab-pane fade" id="real-form-ajuste" role="tabpanel">
                        <form method="post" action="{{ route('bancos.real.movimientos.store') }}" enctype="multipart/form-data" class="banco-movimiento-form">
                            {{ csrf_field() }}
                            <div class="form-step-card">
                                <ul class="nav nav-tabs mb-3" role="tablist"><li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#real-aju-movimiento" role="tab">Movimiento</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-aju-conceptos" role="tab">Concepto e importe</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-aju-anexos" role="tab">Facturas y anexos</a></li></ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="real-aju-movimiento" role="tabpanel">
                                        <div class="form-row">
                                            <div class="form-group col-md-3"><label>Estatus del movimiento</label><select class="custom-select" name="estatus_movimiento" required>@foreach($estatusMovimientoCaptura as $estatusMovimiento)<option>{{ $estatusMovimiento }}</option>@endforeach</select></div>
                                            <div class="form-group col-md-5"><label>Cuenta</label><select class="selectpicker form-control cuenta-movimiento-real" name="id_banco_cuenta" data-live-search="true" data-width="100%" required>@foreach($cuentasActivas as $cuentaActiva)<option value="{{ $cuentaActiva->id_banco_cuenta }}" data-moneda="{{ $cuentaActiva->moneda }}" data-limite="{{ $cuentaActiva->monto_maximo_sin_autorizacion }}" {{ $cuentaActualId == $cuentaActiva->id_banco_cuenta ? 'selected' : '' }}>{{ $cuentaActiva->banco }} - {{ $cuentaActiva->nombre_cuenta }} - {{ $cuentaActiva->moneda }}</option>@endforeach</select></div>
                                            <div class="form-group col-md-4"><label>Tipo de movimiento</label><select class="custom-select" name="tipo_movimiento"><option>Ajuste positivo</option><option>Ajuste negativo</option></select></div>
                                        </div>
                                        <input type="hidden" name="entidad_tipo" value="Otro">
                                        <input type="hidden" name="origen_movimiento" value="Bancos">
                                        <div class="form-row">
                                            <div class="form-group col-md-6"><label>Entidad relacionada</label><input class="form-control" name="entidad_nombre_libre" type="text" placeholder="Pago, Cobro de comisión, Ajuste contable, Saldo inicial" required></div>
                                            <div class="form-group col-md-6"><label>Origen del movimiento</label><input class="form-control" value="Bancos" readonly></div>
                                        </div>
                                        @include('Bancos.Real.partials._modal_movimiento_fechas', ['ahoraInput' => $ahoraInput, 'soloFechaRegistro' => true])
                                    </div>
                                    @include('Bancos.Real.partials._modal_movimiento_conceptos', ['ivaDefault' => false, 'conceptosTabId' => 'real-aju-conceptos'])
                                    <div class="tab-pane fade" id="real-aju-anexos" role="tabpanel"><div class="form-row"><div class="form-group col-md-6"><label>Motivo del ajuste</label><input class="form-control" name="observaciones" type="text"></div><div class="form-group col-md-6"><label>Referencia bancaria</label><input class="form-control" name="referencia_bancaria" type="text"></div></div>@include('Bancos.Real.partials._tabla_documentos_form')</div>
                                </div>
                                <div class="banco-step-actions text-right mt-3">
                                    <button type="button" class="btn btn-secondary banco-prev-step"><i class="arrow left icon"></i>Anterior</button>
                                    <button type="button" class="btn btn-primary banco-next-step">Siguiente <i class="arrow right icon"></i></button>
                                    <button type="submit" class="btn btn-primary banco-submit-final"><i class="file icon"></i>Guardar ajuste</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="tab-pane fade" id="real-form-traspaso" role="tabpanel">
                        <form method="post" action="{{ route('bancos.real.movimientos.traspaso') }}" enctype="multipart/form-data" class="banco-movimiento-form banco-traspaso-form">
                            {{ csrf_field() }}
                            <div class="form-step-card">
                                <ul class="nav nav-tabs mb-3" role="tablist"><li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#real-tra-movimiento" role="tab">Movimiento</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-tra-conceptos" role="tab">Concepto e importe</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" href="#real-tra-anexos" role="tab">Facturas y anexos</a></li></ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="real-tra-movimiento" role="tabpanel">
                                        <div class="form-row">
                                            <div class="form-group col-md-3"><label>Estatus del movimiento</label><select class="custom-select" name="estatus_movimiento" required>@foreach($estatusMovimientoCaptura as $estatusMovimiento)<option>{{ $estatusMovimiento }}</option>@endforeach</select></div>
                                            <div class="form-group col-md-3"><label>Cuenta origen activa</label><select class="selectpicker form-control cuenta-traspaso-real-origen" name="id_banco_cuenta" data-live-search="true" data-width="100%" required>@foreach($cuentasActivas as $cuentaActiva)<option value="{{ $cuentaActiva->id_banco_cuenta }}" data-moneda="{{ $cuentaActiva->moneda }}" data-limite="{{ $cuentaActiva->monto_maximo_sin_autorizacion }}" {{ $cuentaActualId == $cuentaActiva->id_banco_cuenta ? 'selected' : '' }}>{{ $cuentaActiva->banco }} - {{ $cuentaActiva->nombre_cuenta }} - {{ $cuentaActiva->moneda }}</option>@endforeach</select></div>
                                            <div class="form-group col-md-3"><label>Cuenta destino activa</label><select class="selectpicker form-control cuenta-traspaso-real-destino" name="id_banco_cuenta_destino" data-live-search="true" data-width="100%" required>@foreach($cuentasActivas as $cuentaActiva)<option value="{{ $cuentaActiva->id_banco_cuenta }}" data-moneda="{{ $cuentaActiva->moneda }}" data-limite="{{ $cuentaActiva->monto_maximo_sin_autorizacion }}">{{ $cuentaActiva->banco }} - {{ $cuentaActiva->nombre_cuenta }} - {{ $cuentaActiva->moneda }}</option>@endforeach</select></div>
                                            <div class="form-group col-md-3"><label>Tipo traspaso</label><select class="custom-select tipo-traspaso-real" name="tipo_traspaso"><option>Misma moneda</option><option value="Conversion">Diferente moneda / conversión</option></select></div>
                                        </div>
                                        <input type="hidden" name="tipo_movimiento" value="Traspaso entre cuentas">
                                        <input type="hidden" name="area_negocio" value="Bancos">
                                        <input type="hidden" name="origen_movimiento" value="Bancos">
                                        <input type="hidden" name="concepto_general" value="Traspaso entre cuentas">
                                        <div class="alert alert-warning alerta-traspaso-real" style="display: none;"></div>
                                        @include('Bancos.Real.partials._modal_movimiento_fechas', ['ahoraInput' => $ahoraInput])
                                    </div>
                                    <div class="tab-pane fade" id="real-tra-conceptos" role="tabpanel">
                                        <input type="hidden" name="conceptos[0][cantidad_unidad]" value="1">
                                        <input type="hidden" name="conceptos[0][concepto]" value="Traspaso entre cuentas">
                                        <input type="hidden" name="conceptos[0][descripcion]" value="Traspaso entre cuentas">
                                        <input type="hidden" name="conceptos[0][importe_unitario]" class="traspaso-importe-unitario" value="0">
                                        <div class="row">
                                            <div class="col-md-6"><h6>Monto de origen</h6><div class="total-box"><label>Monto de origen <span class="traspaso-moneda-origen">MXN</span></label><input name="total" class="form-control traspaso-total" type="number" step="0.01" min="0.01" required><label>Comisión bancaria <span class="traspaso-moneda-origen">MXN</span></label><input class="form-control" name="comision_bancaria" type="number" step="0.01" min="0" value="0.00"><label>Total cargo <span class="traspaso-moneda-origen">MXN</span></label><input class="form-control traspaso-total-cargo" type="number" step="0.01" readonly><label>Monto final recibido <span class="traspaso-moneda-destino">MXN</span></label><input class="form-control traspaso-final" type="number" step="0.01" readonly></div></div>
                                            <div class="col-md-6 bloque-conversion-real"><h6>Diferente moneda / conversión</h6><div class="total-box"><label>Modo de tipo de cambio</label><select class="custom-select banco-modo-tc" name="modo_tipo_cambio"><option value="Banxico DOF" selected>Banxico DOF por fecha</option><option value="Manual">Manual</option></select><label>Fecha del tipo de cambio</label><input name="fecha_tipo_cambio" type="datetime-local" class="form-control banco-fecha-tc" value="{{ $ahoraInput }}"><label>Tipo de cambio utilizado</label><input name="tipo_cambio_utilizado" type="number" step="0.000001" class="form-control banco-tc" readonly><small class="form-text text-muted banco-tc-feedback">Selecciona la fecha para consultar Banxico DOF.</small><label>Monto convertido <span class="traspaso-moneda-destino">USD</span></label><input class="form-control traspaso-convertido" readonly><label>Monto final recibido <span class="traspaso-moneda-destino">USD</span></label><input class="form-control traspaso-final-convertido" readonly></div></div>
                                        </div>
                                        <div class="alert alert-warning mt-3 mb-0">La fecha consulta Banxico DOF. Si el valor no está disponible, selecciona modo Manual; ambos casos quedan registrados para auditoría.</div>
                                    </div>
                                    <div class="tab-pane fade" id="real-tra-anexos" role="tabpanel"><div class="form-row"><div class="form-group col-md-6"><label>Motivo del traspaso</label><input class="form-control" name="observaciones" type="text"></div><div class="form-group col-md-6"><label>Referencia bancaria</label><input class="form-control" name="referencia_bancaria" type="text"></div></div>@include('Bancos.Real.partials._tabla_documentos_form')</div>
                                </div>
                                <div class="banco-step-actions text-right mt-3">
                                    <button type="button" class="btn btn-secondary banco-prev-step"><i class="arrow left icon"></i>Anterior</button>
                                    <button type="button" class="btn btn-primary banco-next-step">Siguiente <i class="arrow right icon"></i></button>
                                    <button type="submit" class="btn btn-primary banco-submit-final"><i class="file icon"></i>Guardar traspaso</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    window.bancosCatalogosRelacion = {!! $catalogosRelacionJson !!};
    window.bancosInformesClienteFactura = {!! $informesClienteFacturaJson !!};
    window.bancosTipoCambioPorFechaUrl = {!! json_encode(route('bancos.real.movimientos.tipo-cambio')) !!};

    function bancoNormalizarTexto(valor) {
        return String(valor || '').replace(/\s+/g, ' ').trim();
    }

    function bancoNormalizarClave(valor) {
        return bancoNormalizarTexto(valor).toLowerCase();
    }

    function bancoCatalogoRelacion(tipo) {
        var catalogos = window.bancosCatalogosRelacion || {};
        var tipoNormalizado = bancoNormalizarTexto(tipo);

        if (!tipoNormalizado || tipoNormalizado === 'Seleccionar') {
            return [];
        }

        if (catalogos[tipoNormalizado]) {
            return catalogos[tipoNormalizado];
        }

        var llaveEncontrada = Object.keys(catalogos).filter(function (llave) {
            return bancoNormalizarTexto(llave) === tipoNormalizado;
        })[0];

        return llaveEncontrada ? catalogos[llaveEncontrada] : [];
    }

    function bancoTipoOrigenSeleccionado($form) {
        var $origen = $form.find('.origen-entidad-real').first();
        var tipo = bancoNormalizarTexto($origen.val());

        if (!tipo || tipo === 'Seleccionar') {
            tipo = bancoNormalizarTexto($origen.find('option:selected').attr('value'));
        }

        if (!tipo || tipo === 'Seleccionar') {
            tipo = bancoNormalizarTexto($origen.find('option:selected').text());
        }

        if ((!tipo || tipo === 'Seleccionar') && $origen.parent('.bootstrap-select').length) {
            tipo = bancoNormalizarTexto($origen.parent('.bootstrap-select').find('.filter-option-inner-inner').text());
        }

        return tipo;
    }

    function bancoOpcionesComoArray(opciones) {
        if ($.isArray(opciones)) {
            return opciones;
        }

        return $.map(opciones || {}, function (opcion) {
            return opcion;
        });
    }

    function bancoCatalogoEntidadActual($form) {
        var tipo = bancoTipoOrigenSeleccionado($form);
        var cuentaActual = $form.find('.cuenta-movimiento-real').val();
        var opciones = bancoOpcionesComoArray(bancoCatalogoRelacion(tipo));

        return $.grep(opciones, function (opcion) {
            if (!opcion || typeof opcion !== 'object') return false;
            if (tipo === 'Cuenta' && String(opcion.id) === String(cuentaActual)) return false;
            return opcion.id !== undefined && opcion.nombre;
        });
    }

    function pintarOpcionesEntidad($form, textoBusqueda) {
        var $dropdown = $form.find('.entidad-dropdown-real');
        var opciones = bancoCatalogoEntidadActual($form);
        var filtro = bancoNormalizarTexto(textoBusqueda || '').toLowerCase();
        var html = '';

        $.each(opciones, function (_, opcion) {
            var nombre = bancoNormalizarTexto(opcion.nombre);

            if (filtro && nombre.toLowerCase().indexOf(filtro) === -1) {
                return;
            }

            html += '<div class="entidad-option-real" data-id="' + opcion.id + '" data-nombre="' + $('<div>').text(nombre).html() + '">' + $('<div>').text(nombre).html() + '</div>';
        });

        if (!html) {
            html = '<div class="entidad-option-real disabled">Sin resultados</div>';
        }

        $dropdown.html(html).show().css({
            position: 'absolute',
            zIndex: 99999,
            background: '#fff',
            border: '1px solid #ccc',
            width: $form.find('.entidad-buscador-real').outerWidth(),
            maxHeight: '260px',
            overflowY: 'auto'
        });
    }


    function bancoEscaparHtml(valor) {
        return $('<div>').text(valor === null || valor === undefined ? '' : valor).html();
    }

    function bancoEscaparAttr(valor) {
        return bancoEscaparHtml(valor).replace(/"/g, '&quot;').replace(/'/g, '&#39;');
    }

    function bancoHtmlOption(valor, texto, disabled, atributos) {
        var html = '<option value="' + bancoEscaparAttr(valor) + '"';

        $.each(atributos || {}, function (nombre, atributo) {
            html += ' ' + nombre + '="' + bancoEscaparAttr(atributo) + '"';
        });

        return html + (disabled ? ' disabled' : '') + '>' + bancoEscaparHtml(texto) + '</option>';
    }

    function bancoOpcionesSelectpicker($select) {
        var dropupAuto = $select.data('dropupAuto');
        var opciones = {
            liveSearch: $select.data('liveSearch') !== false,
            liveSearchStyle: $select.data('liveSearchStyle') || 'contains',
            liveSearchNormalize: true,
            width: '100%',
            size: parseInt($select.data('size'), 10) || 8,
            noneSelectedText: $select.attr('title') || 'Seleccionar',
            selectedTextFormat: $select.data('selectedTextFormat') || 'values',
            actionsBox: $select.data('actionsBox') ? true : false,
            selectAllText: 'Seleccionar todo',
            deselectAllText: 'Deseleccionar todo',
            noneResultsText: 'Sin resultados para {0}'
        };

        if (dropupAuto !== undefined) {
            opciones.dropupAuto = !(dropupAuto === false || dropupAuto === 'false');
        }

        if ($select.data('container')) {
            opciones.container = $select.data('container');
        }

        return opciones;
    }

    function bancoAsegurarSelectpickers($scope) {
        if (!$.fn.selectpicker) {
            return;
        }

        $scope.find('select.selectpicker').each(function () {
            var $select = $(this);

            if ($select.parent('.bootstrap-select').length) {
                $select.selectpicker('refresh');
            } else {
                $select.selectpicker(bancoOpcionesSelectpicker($select));
            }
        });
    }

    function bancoReconstruirSelectpicker($select, html) {
        var debeInicializar = $select.hasClass('selectpicker')
            || $select.is('.banco-servicio-informe, .banco-norma-servicio');

        if ($.fn.selectpicker && $select.parent('.bootstrap-select').length) {
            $select.selectpicker('destroy');
        }

        $select.html(html);

        if (debeInicializar) {
            $select.addClass('selectpicker');
        }

        if ($.fn.selectpicker && debeInicializar) {
            $select.selectpicker(bancoOpcionesSelectpicker($select));
        }
    }

    function informesClienteFactura($form) {
        var clienteId = bancoNormalizarTexto($form.find('.entidad-id-real').val());
        var catalogo = window.bancosInformesClienteFactura || {};
        var llaveEncontrada;

        if (!clienteId) {
            return [];
        }

        if (Object.prototype.hasOwnProperty.call(catalogo, clienteId)) {
            return bancoOpcionesComoArray(catalogo[clienteId]);
        }

        llaveEncontrada = Object.keys(catalogo).filter(function (llave) {
            return bancoNormalizarTexto(llave) === clienteId;
        })[0];

        return llaveEncontrada ? bancoOpcionesComoArray(catalogo[llaveEncontrada]) : [];
    }

    function valoresSelectMultiple($select) {
        var valor = $select.val();
        var valores = [];

        if ($.isArray(valor)) {
            valores = $.map(valor, function (item) {
                item = bancoNormalizarTexto(item);
                return item ? item : null;
            });
        } else {
            valor = bancoNormalizarTexto(valor);
            if (valor) {
                valores = $.map(valor.split(','), function (item) {
                    item = bancoNormalizarTexto(item);
                    return item ? item : null;
                });
            }
        }

        $select.find('option:selected').each(function () {
            var item = bancoNormalizarTexto($(this).val() || $(this).text());
            if (item && $.inArray(item, valores) === -1) {
                valores.push(item);
            }
        });

        return valores;
    }

    function actualizarSelectInformes($select, informes, seleccionados, mensajeVacio) {
        var html = '';
        var disponibles = [];
        seleccionados = seleccionados || [];
        mensajeVacio = mensajeVacio || 'Sin informes pendientes de pago';

        $.each(informes, function (_, informe) {
            if (informe && informe.informe) {
                var normasInforme = informe.normas || informe.norma || [];
                if (!$.isArray(normasInforme)) {
                    normasInforme = [normasInforme];
                }

                disponibles.push(bancoNormalizarTexto(informe.informe));
                html += bancoHtmlOption(informe.informe, informe.informe, false, {
                    'data-normas': JSON.stringify(normasInforme)
                });
            }
        });

        if (!html) {
            seleccionados = [];
            $select.attr('title', mensajeVacio);
            html = bancoHtmlOption('', mensajeVacio, true);
        } else {
            $select.attr('title', 'Seleccionar informes');
        }

        bancoReconstruirSelectpicker($select, html);
        $select.val($.grep(seleccionados, function (informe) {
            return $.inArray(bancoNormalizarTexto(informe), disponibles) !== -1;
        }));

        if ($.fn.selectpicker && $select.hasClass('selectpicker')) {
            $select.selectpicker('refresh');
        }
    }

    function informesSeleccionados($form, informes) {
        var seleccionados = valoresSelectMultiple($form.find('.banco-servicio-informe'));
        var seleccionadosNormalizados = $.map(seleccionados, function (informe) {
            return bancoNormalizarClave(informe);
        });

        var seleccionadosCatalogo = $.grep(informes, function (informe) {
            return informe && $.inArray(bancoNormalizarClave(informe.informe), seleccionadosNormalizados) !== -1;
        });

        $form.find('.banco-servicio-informe option:selected').each(function () {
            var informeValor = bancoNormalizarTexto($(this).val() || $(this).text());
            var yaExiste = $.grep(seleccionadosCatalogo, function (informe) {
                return bancoNormalizarClave(informe.informe) === bancoNormalizarClave(informeValor);
            }).length > 0;
            var normas = [];

            if (!informeValor || yaExiste) {
                return;
            }

            try {
                normas = JSON.parse($(this).attr('data-normas') || '[]');
            } catch (e) {
                normas = [];
            }

            seleccionadosCatalogo.push({
                informe: informeValor,
                normas: normas
            });
        });

        return seleccionadosCatalogo;
    }

    function normasPorInformes(informes) {
        var normas = [];
        $.each(informes, function (_, informe) {
            var normasInforme = informe.normas || informe.norma || [];

            if (!$.isArray(normasInforme)) {
                normasInforme = [normasInforme];
            }

            if (informe.servicio) {
                normasInforme.push(informe.servicio);
            }

            if (informe.servicio_producto) {
                normasInforme.push(informe.servicio_producto);
            }

            $.each(normasInforme, function (_, norma) {
                norma = bancoNormalizarTexto(norma);
                if (norma && $.inArray(norma, normas) === -1) {
                    normas.push(norma);
                }
            });
        });

        return normas;
    }

    function actualizarSelectNormas($select, normas, seleccionadas) {
        var html = '';
        seleccionadas = seleccionadas || [];

        if (normas.length) {
            $select.attr('title', 'Seleccionar Norma/Servicio');
            $.each(normas, function (_, norma) {
                html += bancoHtmlOption(norma, norma, false);
            });
        } else {
            seleccionadas = [];
            $select.attr('title', 'N/A');
            html = bancoHtmlOption('', 'N/A', true);
        }

        bancoReconstruirSelectpicker($select, html);
        $select.val(seleccionadas);
        if ($.fn.selectpicker && $select.hasClass('selectpicker')) {
            $select.selectpicker('refresh');
        }
    }

    function seleccionarNormasPorInforme($form) {
        var $norma = $form.find('.banco-norma-servicio');
        var informes = informesClienteFactura($form);
        var seleccionados = informesSeleccionados($form, informes);
        var normas = normasPorInformes(seleccionados);

        actualizarSelectNormas($norma, normas, normas);
        $norma.prop('disabled', normas.length === 0);
        if ($.fn.selectpicker && $norma.hasClass('selectpicker')) {
            $norma.selectpicker('refresh');
        }
    }

    function limpiarSeleccionInformeCliente($form) {
        var $informe = $form.find('.banco-servicio-informe');
        var $norma = $form.find('.banco-norma-servicio');

        actualizarSelectInformes($informe, [], [], 'Seleccionar informes');
        $informe.val([]).prop('disabled', true);
        actualizarSelectNormas($norma, [], []);
        $norma.prop('disabled', true);

        if ($.fn.selectpicker && $informe.hasClass('selectpicker')) {
            $informe.selectpicker('refresh');
        }
        if ($.fn.selectpicker && $norma.hasClass('selectpicker')) {
            $norma.selectpicker('refresh');
        }
    }

    function actualizarCamposInformeCliente($form, opciones) {
        opciones = opciones || {};
        var esClienteFactura = bancoTipoOrigenSeleccionado($form) === 'Cliente Factura';
        var $campos = $form.find('.banco-cliente-factura-only');
        var $informe = $form.find('.banco-servicio-informe');
        var $norma = $form.find('.banco-norma-servicio');
        var clienteId = bancoNormalizarTexto($form.find('.entidad-id-real').val());
        var informes = esClienteFactura && clienteId ? informesClienteFactura($form) : [];
        var conservarSeleccion = opciones.conservarSeleccion !== false;
        var informesSeleccionActual = conservarSeleccion ? valoresSelectMultiple($informe) : [];

        if (!esClienteFactura) {
            $campos.hide();
            actualizarSelectInformes($informe, [], [], 'Seleccionar informes');
            $informe.prop('disabled', true);
            actualizarSelectNormas($norma, [], []);
            $norma.prop('disabled', true);
            if ($.fn.selectpicker && $informe.hasClass('selectpicker')) {
                $informe.selectpicker('refresh');
            }
            if ($.fn.selectpicker && $norma.hasClass('selectpicker')) {
                $norma.selectpicker('refresh');
            }
            return;
        }

        $campos.show();
        actualizarSelectInformes(
            $informe,
            informes,
            informesSeleccionActual,
            clienteId ? 'Sin informes pendientes de pago' : 'Seleccionar informes'
        );
        $informe.prop('disabled', !clienteId || informes.length === 0);
        if ($.fn.selectpicker && $informe.hasClass('selectpicker')) {
            $informe.selectpicker('refresh');
        }

        if (conservarSeleccion) {
            seleccionarNormasPorInforme($form);
        } else {
            actualizarSelectNormas($norma, [], []);
            $norma.prop('disabled', true);
            if ($.fn.selectpicker && $norma.hasClass('selectpicker')) {
                $norma.selectpicker('refresh');
            }
        }
    }

    function actualizarEntidadRelacionada($form) {
        var tipo = bancoTipoOrigenSeleccionado($form);
        var $buscador = $form.find('.entidad-buscador-real');
        var $dropdown = $form.find('.entidad-dropdown-real');
        var $libre = $form.find('.entidad-libre-real');
        var $id = $form.find('.entidad-id-real');
        var $nombre = $form.find('.entidad-nombre-real');

        $form.find('.label-entidad-real').text(
            !tipo || tipo === 'Otro' ? 'Entidad relacionada' : tipo + ' relacionado'
        );

        $id.val('');
        $nombre.val('');
        $buscador.val('');
        $dropdown.empty().hide();

        if (tipo === 'Otro') {
            $buscador.hide().prop('required', false);
            $dropdown.hide();
            $libre.show().prop('required', true);
        } else {
            $libre.hide().prop('required', false).val('');
            $buscador.show().prop('required', true);
        }

        limpiarSeleccionInformeCliente($form);
        actualizarCamposInformeCliente($form, { conservarSeleccion: false });
    }

    $(document).on('focus click input', '.entidad-buscador-real', function () {
        var $form = $(this).closest('form');

        if ($(this).is(':visible')) {
            pintarOpcionesEntidad($form, $(this).val());
        }
    });

    $(document).on('click', '.entidad-option-real', function () {
        if ($(this).hasClass('disabled')) return;

        var $form = $(this).closest('form');
        var id = bancoNormalizarTexto($(this).attr('data-id'));
        var nombre = bancoNormalizarTexto($(this).attr('data-nombre'));

        $form.find('.entidad-id-real').val(id);
        $form.find('.entidad-nombre-real').val(nombre);
        $form.find('.entidad-buscador-real').val(nombre);
        $form.find('.entidad-dropdown-real').hide();

        limpiarSeleccionInformeCliente($form);
        actualizarCamposInformeCliente($form, { conservarSeleccion: false });
    });

    $(document).on('click', function (e) {
        if (!$(e.target).closest('.entidad-buscador-real, .entidad-dropdown-real').length) {
            $('.entidad-dropdown-real').hide();
        }
    });

    $(document).on('change changed.bs.select', '.origen-entidad-real, .cuenta-movimiento-real', function () {
        var $form = $(this).closest('form');

        actualizarEntidadRelacionada($form);
        $form.find('.cuenta-impacta-real').val($form.find('.cuenta-movimiento-real option:selected').text());
    });

    $(document).on('input', '.entidad-libre-real', function () {
        $(this).closest('form').find('.entidad-nombre-real').val($(this).val());
    });

// ------------------

    $(document).on('change changed.bs.select', '.banco-servicio-informe', function () {
        var $form = $(this).closest('form');
        setTimeout(function () {
            seleccionarNormasPorInforme($form);
        }, 0);
    });

    function recalcularConceptos($form) {
        var subtotal = 0;
        var conceptos = [];
        $form.find('.banco-conceptos-table tbody tr').each(function () {
            var cantidad = parseInt($(this).find('.banco-concepto-cantidad').val(), 10) || 0;
            var importe = parseFloat($(this).find('.banco-concepto-importe').val()) || 0;
            var totalLinea = cantidad * importe;
            $(this).find('.banco-concepto-total-linea').val(totalLinea.toFixed(2));
            subtotal += totalLinea;
        });
        $form.find('.banco-concepto-texto').each(function () {
            if ($(this).val()) {
                conceptos.push($(this).val());
            }
        });

        var aplicarIva = $form.find('.banco-aplicar-iva').is(':checked');
        var iva = aplicarIva ? subtotal * 0.16 : 0;
        var impuesto = parseFloat($form.find('.banco-impuesto').val()) || 0;
        var comision = parseFloat($form.find('.banco-comision').val()) || 0;
        var total = subtotal + iva + impuesto + comision;

        $form.find('.banco-subtotal').val(subtotal.toFixed(2));
        $form.find('.banco-iva').val(iva.toFixed(2));
        $form.find('.banco-total').val(total.toFixed(2));
        $form.find('.concepto-general-field').val(conceptos.join(' | '));
        $form.find('.banco-total-usd').val(total.toFixed(2));
        recalcularTipoCambio($form);
    }

    function bancoFormularioRequiereTipoCambio($form) {
        return $form.hasClass('banco-internacional-form')
            || ($form.hasClass('banco-traspaso-form') && $form.find('.tipo-traspaso-real').val() === 'Conversion');
    }

    function actualizarModoTipoCambio($form) {
        var automatico = $form.find('.banco-modo-tc').val() === 'Banxico DOF';

        $form.find('.banco-tc').prop('readonly', automatico);
        $form.find('.banco-origen-tc').val(automatico ? 'Banxico DOF' : 'Manual');

        if (automatico) {
            $form.find('.banco-alerta-tc')
                .removeClass('alert-warning')
                .addClass('alert-secondary')
                .text('La fecha consulta Banxico DOF. Si el valor no está disponible, podrás capturarlo manualmente.')
                .show();
        } else {
            $form.find('.banco-tc-feedback').removeClass('text-success text-danger').addClass('text-muted').text('Captura manual habilitada. El usuario y la fecha quedarán registrados.');
            $form.find('.banco-alerta-tc')
                .removeClass('alert-secondary')
                .addClass('alert-warning')
                .text('El tipo de cambio fue capturado manualmente y quedará registrado para auditoría.')
                .show();
        }
    }

    function recalcularTipoCambio($form) {
        if (!$form.find('.banco-tc').length) {
            return;
        }

        actualizarModoTipoCambio($form);

        var total = parseFloat($form.find('.banco-total').val()) || parseFloat($form.find('.traspaso-total').val()) || 0;
        var tc = parseFloat($form.find('.banco-tc').val()) || 0;
        $form.find('.banco-equivalente-mxn').val(tc > 0 ? (total * tc).toFixed(2) : '');
    }

    $(document).on('click', '.banco-add-concepto', function () {
        var $form = $(this).closest('form');
        var $table = $form.find('.banco-conceptos-table').first();
        var index = $table.find('tbody tr').length;
        var row = '<tr>' +
            '<td><input class="form-control banco-concepto-cantidad" type="number" min="1" step="1" name="conceptos[' + index + '][cantidad_unidad]" value="1" required></td>' +
            '<td><input class="form-control banco-concepto-texto" name="conceptos[' + index + '][concepto]" placeholder="concepto, concepto agrupado" required></td>' +
            '<td><input class="form-control" name="conceptos[' + index + '][descripcion]" placeholder="Descripción / especificación"></td>' +
            '<td><input class="form-control banco-concepto-importe" type="number" step="0.01" min="0.01" name="conceptos[' + index + '][importe_unitario]" value="0.00" required></td>' +
            '<td><input class="form-control banco-concepto-total-linea" type="number" step="0.01" name="conceptos[' + index + '][total_linea]" value="0.00" readonly></td>' +
            '<td><button class="ui button red tiny banco-remove-concepto" type="button"><i class="trash icon"></i></button></td>' +
            '</tr>';
        $table.find('tbody').append(row);
        recalcularConceptos($form);
    });

    $(document).on('click', '.banco-remove-concepto', function () {
        var $form = $(this).closest('form');
        var $rows = $(this).closest('tbody').find('tr');
        if ($rows.length > 1) {
            $(this).closest('tr').remove();
        } else {
            $(this).closest('tr').find('input').not('[type="hidden"]').val('');
            $(this).closest('tr').find('.banco-concepto-cantidad').val('1');
            $(this).closest('tr').find('.banco-concepto-importe').val('0.00');
        }
        recalcularConceptos($form);
    });

    $(document).on('input change', '.banco-concepto-cantidad, .banco-concepto-importe, .banco-concepto-texto, .banco-aplicar-iva, .banco-impuesto, .banco-comision, .banco-tc', function () {
        recalcularConceptos($(this).closest('form'));
    });

    $(document).on('input change', '.banco-fecha-registro-sync', function () {
        $(this).closest('form').find('.banco-fecha-movimiento-sync').val($(this).val());
    });

    function validarTraspaso($form) {
        var $origen = $form.find('.cuenta-traspaso-real-origen option:selected');
        var $destino = $form.find('.cuenta-traspaso-real-destino option:selected');
        var tipo = $form.find('.tipo-traspaso-real').val();
        var mensaje = '';

        if ($origen.val() && $destino.val() && $origen.val() === $destino.val()) {
            mensaje = 'La cuenta origen y destino no pueden ser iguales.';
        } else if (tipo === 'Misma moneda' && $origen.data('moneda') !== $destino.data('moneda')) {
            mensaje = 'El traspaso de misma moneda requiere cuentas con la misma moneda.';
        } else if (tipo === 'Conversion' && $origen.data('moneda') === $destino.data('moneda')) {
            mensaje = 'La conversión requiere cuentas con monedas diferentes.';
        }

        $form.find('.alerta-traspaso-real').text(mensaje).toggle(!!mensaje);
    }

    function actualizarDestinoTraspaso($form) {
        var $origen = $form.find('.cuenta-traspaso-real-origen option:selected');
        var tipo = $form.find('.tipo-traspaso-real').val();
        var monedaOrigen = $origen.data('moneda') || 'MXN';
        var valorOrigen = String($origen.val() || '');
        var $destino = $form.find('.cuenta-traspaso-real-destino');
        var valorDestinoActual = String($destino.val() || '');
        var destinoValido = false;

        $destino.find('option').each(function () {
            var $option = $(this);
            var mismaCuenta = String($option.val()) === valorOrigen;
            var mismaMoneda = $option.data('moneda') === monedaOrigen;
            var habilitado = tipo === 'Misma moneda' ? mismaMoneda && !mismaCuenta : !mismaMoneda && !mismaCuenta;

            $option.prop('disabled', !habilitado);
            if (habilitado && String($option.val()) === valorDestinoActual) {
                destinoValido = true;
            }
        });

        if (!destinoValido) {
            var $primerDestino = $destino.find('option:not(:disabled)').first();
            $destino.val($primerDestino.length ? $primerDestino.val() : '');
        }

        if ($.fn.selectpicker && $destino.hasClass('selectpicker')) {
            $destino.selectpicker('refresh');
        }
    }

    function consultarTipoCambioPorFecha($form) {
        if (!bancoFormularioRequiereTipoCambio($form)) {
            return;
        }

        actualizarModoTipoCambio($form);
        if ($form.find('.banco-modo-tc').val() !== 'Banxico DOF') {
            recalcularTipoCambio($form);
            return;
        }

        var fecha = $form.find('.banco-fecha-tc').val();
        var $feedback = $form.find('.banco-tc-feedback');
        if (!fecha) {
            return;
        }

        $form.find('.banco-tc').val('').prop('readonly', true);
        recalcularTipoCambio($form);
        $feedback.removeClass('text-danger text-success').addClass('text-muted').text('Consultando Banxico DOF...');

        $.get(window.bancosTipoCambioPorFechaUrl, { fecha: fecha })
            .done(function (respuesta) {
                $form.find('.banco-tc').val(respuesta.tipo_cambio);
                recalcularTipoCambio($form);
                if ($form.hasClass('banco-traspaso-form')) {
                    recalcularTraspaso($form);
                }
                $feedback.removeClass('text-muted text-danger').addClass('text-success').text('Tipo de cambio obtenido de ' + respuesta.origen + '.');
            })
            .fail(function (xhr) {
                var respuesta = xhr.responseJSON || {};
                $form.find('.banco-modo-tc').val('Manual');
                actualizarModoTipoCambio($form);
                recalcularTipoCambio($form);
                if ($form.hasClass('banco-traspaso-form')) {
                    recalcularTraspaso($form);
                }
                $feedback.removeClass('text-muted text-success').addClass('text-danger').text(respuesta.mensaje || 'No fue posible consultar Banxico. Captura el valor manualmente.');
            });
    }

    function recalcularTraspaso($form) {
        if (!$form.hasClass('banco-traspaso-form')) {
            return;
        }

        actualizarDestinoTraspaso($form);
        actualizarModoTipoCambio($form);

        var $origen = $form.find('.cuenta-traspaso-real-origen option:selected');
        var $destino = $form.find('.cuenta-traspaso-real-destino option:selected');
        var tipo = $form.find('.tipo-traspaso-real').val();
        var monedaOrigen = $origen.data('moneda') || 'MXN';
        var monedaDestino = $destino.data('moneda') || monedaOrigen;
        var total = parseFloat($form.find('.traspaso-total').val()) || 0;
        var comision = parseFloat($form.find('[name="comision_bancaria"]').val()) || 0;
        var tc = parseFloat($form.find('.banco-tc').val()) || 0;
        var totalCargo = total + comision;
        var convertido = totalCargo;
        var final = total;

        $form.find('.traspaso-moneda-origen').text(monedaOrigen);
        $form.find('.traspaso-moneda-destino').text(monedaDestino);
        $form.find('.bloque-conversion-real').toggle(tipo === 'Conversion');
        $form.find('[name="fecha_tipo_cambio"], [name="tipo_cambio_utilizado"]').prop('required', tipo === 'Conversion');

        $form.find('.traspaso-importe-unitario').val(total.toFixed(2));

        if (tipo === 'Conversion' && tc > 0) {
            convertido = monedaOrigen === 'MXN' && monedaDestino === 'USD' ? totalCargo / tc : totalCargo * tc;
            final = convertido;
            $form.find('.traspaso-convertido').val(convertido.toFixed(2));
            $form.find('.traspaso-final-convertido').val(final.toFixed(2));
        } else {
            $form.find('.traspaso-convertido, .traspaso-final-convertido').val('');
        }

        $form.find('.traspaso-total-cargo').val(totalCargo.toFixed(2));
        $form.find('.traspaso-final').val(final.toFixed(2));
        validarTraspaso($form);
    }

    $(document).on('change input', '.cuenta-traspaso-real-origen, .cuenta-traspaso-real-destino, .tipo-traspaso-real, .traspaso-total, [name="comision_bancaria"], .banco-tc', function () {
        recalcularTraspaso($(this).closest('form'));
    });

    $(document).on('change', '.banco-fecha-tc, .banco-modo-tc', function () {
        consultarTipoCambioPorFecha($(this).closest('form'));
    });

    $(document).on('change', '.tipo-traspaso-real', function () {
        consultarTipoCambioPorFecha($(this).closest('form'));
    });

    function bancoTabsFormulario($form) {
        return $form.find('.form-step-card > .nav-tabs a[data-toggle="tab"]');
    }

    function bancoIndicePasoActivo($form) {
        var $tabs = bancoTabsFormulario($form);
        var hrefActivo = $form.find('.form-step-card > .tab-content > .tab-pane.active').attr('id');
        var indice = 0;

        $tabs.each(function (i) {
            if ($(this).attr('href') === '#' + hrefActivo) {
                indice = i;
            }
        });

        return indice;
    }

    function bancoActualizarControlesPaso($form) {
        var $tabs = bancoTabsFormulario($form);
        var indice = bancoIndicePasoActivo($form);
        var ultimo = indice >= $tabs.length - 1;

        $form.find('.banco-prev-step').toggle(indice > 0);
        $form.find('.banco-next-step').toggle(!ultimo);
        $form.find('.banco-submit-final').toggle(ultimo);
    }

    function bancoLimpiarErroresFormulario($form) {
        $form.find('.is-invalid').removeClass('is-invalid');
        $form.find('.bootstrap-select.is-invalid').removeClass('is-invalid');
    }

    function bancoMarcarCampoInvalido($campo) {
        $campo.addClass('is-invalid');
        if ($campo.hasClass('selectpicker')) {
            $campo.closest('.bootstrap-select').addClass('is-invalid');
        }
    }

    function bancoMostrarMensajeFormulario(titulo, mensaje) {
        $('#modal-generic-title-confirm').text(titulo);
        $('#genericConfirmMessage').text(mensaje);
        $('#genericConfirmBtn')
            .removeClass('btn-primary btn-success btn-danger btn-warning btn-info')
            .addClass('btn-warning')
            .text('Entendido')
            .off('click.bancosConfirm click.bancosMonto click.bancosValidacion')
            .on('click.bancosValidacion', function () {
                $('#genericConfirmModal').modal('hide');
            });
        $('#genericConfirmModal').modal({ backdrop: 'static', keyboard: true, show: true });
    }

    function bancoAbrirPestanaCampo($form, $campo) {
        var $pane = $campo.closest('.tab-pane');
        var id = $pane.attr('id');

        if (id) {
            $form.find('.form-step-card > .nav-tabs a[href="#' + id + '"]').tab('show');
        }

        window.setTimeout(function () {
            if ($campo.hasClass('selectpicker')) {
                $campo.closest('.bootstrap-select').find('button.dropdown-toggle').focus();
            } else {
                $campo.focus();
            }
        }, 220);
    }

    function bancoCampoTieneValor($campo) {
        var valor = $campo.val();

        if ($campo.is(':checkbox')) {
            return $campo.is(':checked');
        }

        if ($.isArray(valor)) {
            return valor.filter(function (item) {
                return bancoNormalizarTexto(item) !== '';
            }).length > 0;
        }

        return bancoNormalizarTexto(valor) !== '';
    }

    function bancoValidarCamposObligatorios($form, $scope) {
        var $primerCampo = null;

        $scope.find('[required]').each(function () {
            var $campo = $(this);

            if ($campo.prop('disabled') || $campo.attr('type') === 'hidden') {
                return;
            }

            if (!bancoCampoTieneValor($campo) || (this.validity && !this.validity.valid)) {
                bancoMarcarCampoInvalido($campo);
                if (!$primerCampo) {
                    $primerCampo = $campo;
                }
            }
        });

        if ($primerCampo) {
            bancoAbrirPestanaCampo($form, $primerCampo);
            bancoMostrarMensajeFormulario(
                'Campos obligatorios',
                'Revisa los campos marcados antes de guardar. Abrí la pestaña donde está el primer dato pendiente.'
            );
            return false;
        }

        return true;
    }

    function bancoMostrarConfirmacion(titulo, mensaje, textoBoton, claseBoton, callback) {
        $('#modal-generic-title-confirm').text(titulo);
        $('#genericConfirmMessage').text(mensaje);
        $('#genericConfirmBtn')
            .removeClass('btn-primary btn-success btn-danger btn-warning btn-info')
            .addClass(claseBoton || 'btn-primary')
            .text(textoBoton || 'Confirmar')
            .off('click.bancosConfirm click.bancosMonto click.bancosValidacion')
            .on('click.bancosMonto', function () {
                $('#genericConfirmModal').modal('hide');
                callback();
            });
        $('#genericConfirmModal').modal({ backdrop: 'static', keyboard: true, show: true });
    }

    function bancoEnviarFormulario($form) {
        $form.data('enviandoReal', true);
        $form[0].submit();
    }

    function bancoMontoParaAutorizacion($form) {
        if ($form.hasClass('banco-traspaso-form')) {
            return parseFloat($form.find('.traspaso-total-cargo').val()) || 0;
        }

        return parseFloat($form.find('.banco-total').val()) || 0;
    }

    function bancoLimiteParaAutorizacion($form) {
        var $cuenta = $form.hasClass('banco-traspaso-form')
            ? $form.find('.cuenta-traspaso-real-origen option:selected')
            : $form.find('.cuenta-movimiento-real option:selected');
        var limiteRaw = $cuenta.attr('data-limite');

        if (limiteRaw === undefined || limiteRaw === null || limiteRaw === '') {
            return null;
        }

        return parseFloat(limiteRaw) || 0;
    }

    function bancoMensajeAutorizacion($form) {
        if ($form.hasClass('banco-traspaso-form')) {
            return 'Este traspaso/conversi\u00f3n supera el monto m\u00e1ximo sin autorizaci\u00f3n de la cuenta origen. Al guardar se notificar\u00e1 a Gerencia para su revisi\u00f3n.';
        }

        return 'Este egreso supera el monto m\u00e1ximo sin autorizaci\u00f3n de la cuenta. Al guardar se notificar\u00e1 a Gerencia para su revisi\u00f3n.';
    }

    function bancoConfirmarAutorizacionSiAplica($form) {
        var limite = bancoLimiteParaAutorizacion($form);
        var total = bancoMontoParaAutorizacion($form);

        if (!bancoCargoSolicitaAutorizacion($form) || limite === null || total <= limite || $form.data('montoAutorizacionConfirmada')) {
            return false;
        }

        bancoMostrarConfirmacion(
            'Autorizaci\u00f3n por monto',
            bancoMensajeAutorizacion($form),
            'Guardar y notificar',
            'btn-warning',
            function () {
                $form.data('montoAutorizacionConfirmada', true);
                bancoEnviarFormulario($form);
            }
        );

        return true;
    }

    function bancoIntentarGuardarMovimiento($form) {
        bancoLimpiarErroresFormulario($form);

        if ($form.hasClass('banco-traspaso-form')) {
            recalcularTraspaso($form);
        } else {
            recalcularConceptos($form);
        }

        if (!bancoValidarCamposObligatorios($form, $form)) {
            return;
        }

        if ($form.hasClass('banco-traspaso-form')) {
            var mensajeTraspaso = bancoNormalizarTexto($form.find('.alerta-traspaso-real').text());
            if (mensajeTraspaso) {
                bancoMostrarMensajeFormulario('Revisar traspaso', mensajeTraspaso);
                return;
            }

            if (bancoConfirmarAutorizacionSiAplica($form)) {
                return;
            }

            bancoEnviarFormulario($form);
            return;
        }

        if (bancoConfirmarAutorizacionSiAplica($form)) {
            return;
        }

        var limite = parseFloat($form.find('.cuenta-movimiento-real option:selected').data('limite')) || 0;
        var total = parseFloat($form.find('.banco-total').val()) || 0;

        if (bancoCargoSolicitaAutorizacion($form) && limite > 0 && total > limite && !$form.data('montoAutorizacionConfirmada')) {
            bancoMostrarConfirmacion(
                'Autorización por monto',
                'Este egreso supera el monto máximo sin autorización de la cuenta. Al guardar se notificará a Gerencia para su revisión.',
                'Guardar y notificar',
                'btn-warning',
                function () {
                    $form.data('montoAutorizacionConfirmada', true);
                    bancoEnviarFormulario($form);
                }
            );
            return;
        }

        bancoEnviarFormulario($form);
    }

    $(document).on('click', '.banco-next-step, .banco-prev-step', function () {
        var $form = $(this).closest('form');
        var $tabs = bancoTabsFormulario($form);
        var avanza = $(this).hasClass('banco-next-step');
        var indice = bancoIndicePasoActivo($form) + (avanza ? 1 : -1);

        bancoLimpiarErroresFormulario($form);
        if (avanza) {
            var $paneActual = $form.find('.form-step-card > .tab-content > .tab-pane.active');
            if (!bancoValidarCamposObligatorios($form, $paneActual)) {
                return;
            }
        }

        if ($tabs.eq(indice).length) {
            $tabs.eq(indice).tab('show');
        }
    });

    $(document).on('shown.bs.tab', '.banco-movimiento-form .form-step-card > .nav-tabs a[data-toggle="tab"]', function () {
        var $form = $(this).closest('form');
        bancoAsegurarSelectpickers($form);
        bancoActualizarControlesPaso($form);
        actualizarCamposInformeCliente($form);
    });

    function bancoCargoSolicitaAutorizacion($form) {
        var tipo = bancoNormalizarTexto($form.find('[name="tipo_movimiento"]').val());

        return tipo === 'Cargo'
            || tipo === 'Cargo internacional'
            || tipo === 'Ajuste negativo'
            || (tipo === 'Traspaso entre cuentas' && $form.hasClass('banco-traspaso-form'));
    }

    $(document).on('submit', '.banco-movimiento-form', function (event) {
        var $form = $(this);

        if ($form.data('montoAutorizacionConfirmada')) {
            return;
        }

        event.preventDefault();
        event.stopPropagation();
        bancoIntentarGuardarMovimiento($form);
    });

    $(document).on('click', '.banco-submit-final', function (event) {
        event.preventDefault();
        event.stopPropagation();
        bancoIntentarGuardarMovimiento($(this).closest('form'));
    });

    $(document).on('input change changed.bs.select', '.banco-movimiento-form .is-invalid, .banco-movimiento-form .bootstrap-select.is-invalid select', function () {
        var $campo = $(this);
        $campo.removeClass('is-invalid');
        if ($campo.hasClass('selectpicker')) {
            $campo.closest('.bootstrap-select').removeClass('is-invalid');
        }
    });

    $('#modal_movimiento_real').on('shown.bs.modal', function () {
        bancoAsegurarSelectpickers($(this));
        $(this).find('form').each(function () {
            $(this).attr('novalidate', 'novalidate');
            actualizarEntidadRelacionada($(this));
            recalcularConceptos($(this));
            bancoActualizarControlesPaso($(this));
            actualizarCamposInformeCliente($(this));
            $(this).find('.cuenta-impacta-real').val($(this).find('.cuenta-movimiento-real option:selected').text());
            if ($(this).hasClass('banco-traspaso-form')) {
                recalcularTraspaso($(this));
            }
            if (bancoFormularioRequiereTipoCambio($(this))) {
                consultarTipoCambioPorFecha($(this));
            }
        });
    });

    $(function () {
        bancoAsegurarSelectpickers($('#modal_movimiento_real'));
        $('.banco-movimiento-form').each(function () {
            $(this).attr('novalidate', 'novalidate');
            bancoActualizarControlesPaso($(this));
        });
    });
</script>