@extends('fragments.fullTemplate')

@section('titulo')
Pagos programados Bancos
@endsection

@section('estilos')
@include('Bancos.Real.partials._styles')
@endsection

@section('contenido')
@php
    $activePage = 'programados';
    $money = function ($amount, $currency = 'MXN') {
        return ($currency === 'USD' ? 'US$' : '$') . number_format((float) $amount, 2, '.', ',');
    };
    $fmt = function ($date) {
        return \App\Services\BancoFechaService::formatoVista($date);
    };
    $inputDateTime = function ($date) {
        return $date ? str_replace(' ', 'T', \App\Services\BancoFechaService::normalizarEntrada($date)) : '';
    };
    $areaNegocioValue = function ($area) use ($catalogos) {
        $areaNormalizada = trim((string) $area);
        $unidad = collect($catalogos['unidades_negocio'] ?? [])->first(function ($item) use ($areaNormalizada) {
            return (string) $item['id'] === $areaNormalizada
                || mb_strtolower((string) $item['clave']) === mb_strtolower($areaNormalizada)
                || mb_strtolower((string) $item['nombre']) === mb_strtolower($areaNormalizada);
        });

        return $unidad ? $unidad['id'] : $areaNormalizada;
    };
    $programStatusClass = function ($status) {
        if ($status === 'Activa') return 'status-ok';
        if ($status === 'Pausada') return 'status-warn';
        if ($status === 'Finalizada') return 'status-blue';
        return 'status-danger';
    };
    $movementStatusClass = function ($status) {
        if (in_array($status, ['Aplicado', 'Generado'], true)) return 'status-ok';
        if (in_array($status, ['Pendiente', 'Programado', 'Pendiente de autorizacion', 'Pendiente importe variable'], true)) return 'status-warn';
        if ($status === 'Detenido') return 'status-danger';
        if ($status === 'Cancelado') return 'status-danger';
        return 'status-muted';
    };
    $movementStatusLabel = function ($status) {
        if ($status === 'Pendiente de autorizacion') return 'Pendiente de autorizacion';
        if ($status === 'Pendiente importe variable') return 'Pendiente de importe variable';
        return $status ?: '-';
    };
    $programacionesConAlerta = $pagosProgramados->filter(function ($programado) {
        $cuentaConProblema = $programado->cuenta && in_array($programado->cuenta->estatus, ['Bloqueada', 'Inactiva'], true);
        $detenidas = $programado->movimientosGenerados->where('estatus', 'Detenido')->count() > 0;
        $variablesPendientes = $programado->tipo_pago === 'Variable'
            && $programado->movimientosGenerados->where('estatus', 'Pendiente importe variable')->count() > 0;
        $vencidasSinGenerar = $programado->movimientosGenerados->filter(function ($ejecucion) {
            return !$ejecucion->id_banco_movimiento
                && in_array($ejecucion->estatus, ['Pendiente', 'Pendiente importe variable'], true)
                && \App\Services\BancoFechaService::normalizarEntrada($ejecucion->fecha_programada) <= \App\Services\BancoFechaService::ahoraSql();
        })->count() > 0;
        $autorizacionPendiente = $programado->autorizaciones
            ? $programado->autorizaciones->where('estatus', 'Pendiente')->count() > 0
            : false;

        return $cuentaConProblema || $detenidas || $variablesPendientes || $vencidasSinGenerar || $autorizacionPendiente;
    })->count();
    $programadosJson = $pagosProgramados->mapWithKeys(function ($programado) use ($inputDateTime, $areaNegocioValue, $fmt) {
        return [$programado->id_banco_pago_programado => [
            'id_banco_pago_programado' => $programado->id_banco_pago_programado,
            'nombre_programacion' => $programado->nombre_programacion,
            'tipo_pago' => $programado->tipo_pago,
            'tipo_movimiento' => $programado->tipo_movimiento,
            'estatus' => $programado->estatus,
            'id_banco_cuenta' => $programado->id_banco_cuenta,
            'area_negocio' => $areaNegocioValue($programado->area_negocio),
            'entidad_tipo' => $programado->entidad_tipo,
            'entidad_id' => $programado->entidad_id,
            'entidad_nombre' => $programado->entidad_nombre,
            'concepto' => $programado->concepto,
            'descripcion' => $programado->descripcion,
            'monto_base' => $programado->monto_base,
            'moneda' => $programado->moneda,
            'periodicidad' => $programado->periodicidad,
            'vigencia_tipo' => $programado->vigencia_tipo ?: 'fecha',
            'fecha_inicio' => $inputDateTime($programado->fecha_inicio),
            'fecha_termino' => $inputDateTime($programado->fecha_termino),
            'numero_pagos' => $programado->numero_pagos,
            'proxima_ejecucion' => $inputDateTime($programado->proxima_ejecucion),
            'preautorizado' => (int) $programado->preautorizado,
            'fecha_autorizacion' => $inputDateTime($programado->fecha_autorizacion),
            'fecha_autorizacion_vista' => $programado->fecha_autorizacion ? $fmt($programado->fecha_autorizacion) : '',
            'creado_por_nombre' => $programado->creador ? $programado->creador->nombre_completo : '',
            'autorizado_por_nombre' => $programado->autorizadoPor ? $programado->autorizadoPor->nombre_completo : '',
            'monto_maximo_permitido' => $programado->monto_maximo_permitido,
            'requiere_autorizacion_si_excede' => (int) $programado->requiere_autorizacion_si_excede,
            'observaciones' => $programado->observaciones,
            'calendario' => $programado->movimientosGenerados->sortBy('fecha_programada')->map(function ($generado) {
                return [
                    'fecha_programada' => \App\Services\BancoFechaService::normalizarEntrada($generado->fecha_programada),
                    'estatus' => $generado->estatus,
                    'bloqueado' => $generado->id_banco_movimiento ? 1 : 0,
                ];
            })->values()->all(),
            'update_url' => route('bancos.real.programados.update', $programado->id_banco_pago_programado),
        ]];
    });
@endphp

<div class="bancos-real">
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Bancos</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Pagos programados</div>
    </div>
    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    @include('Bancos.Real.partials._notificaciones')

    <!-- Eliminamos la linea anterior hasta que se integre notificaciones a producción -->
    
    <div class="ui divider"></div>
    @include('Bancos.Real.partials._toolbar')

    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

    <div class="ui segment">
        <div class="row align-items-center">
            <div class="col-md-8">
                <h4 class="mb-1">Pagos programados</h4>
                <div>Pagos fijos y variables conectados al módulo Bancos.</div>
                <small>El calendario se genera con periodicidad, fecha de inicio y fecha de término; los pagos variables quedan pendientes hasta capturar importe.</small>
            </div>
            <div class="col-md-4 text-md-right mt-2 mt-md-0">
                <form method="post" action="{{ route('bancos.real.programados.procesar') }}" style="display:inline-block;">
                    {{ csrf_field() }}
                    <button type="submit" class="ui button teal bancos-confirm-action" data-confirm-title="Procesar pagos programados" data-confirm-message="Deseas procesar pagos programados pendientes?" data-confirm-text="Si, procesar" data-confirm-class="btn-info"><i class="sync icon"></i>Procesar pendientes</button>
                </form>
                <button type="button" class="ui button primary nuevo-programado-real" data-toggle="modal" data-target="#modal_pago_programado_real"><i class="calendar plus icon"></i>Nuevo pago programado</button>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-3 mb-3"><div class="ui segment metric-card metric-success"><div class="metric-label">Activas</div><div class="metric-value">{{ $pagosProgramados->where('estatus', 'Activa')->count() }}</div><small>Generan según calendario si la cuenta lo permite.</small></div></div>
        <div class="col-md-3 mb-3"><div class="ui segment metric-card metric-warning"><div class="metric-label">Variables</div><div class="metric-value">{{ $pagosProgramados->where('tipo_pago', 'Variable')->count() }}</div><small>Requieren captura de importe antes de aplicar.</small></div></div>
        <div class="col-md-3 mb-3"><div class="ui segment metric-card metric-info"><div class="metric-label">Preautorizadas</div><div class="metric-value">{{ $pagosProgramados->where('preautorizado', 1)->count() }}</div><small>Ejecuciones sin autorización adicional salvo reglas configuradas.</small></div></div>
        <div class="col-md-3 mb-3"><div class="ui segment metric-card metric-danger"><div class="metric-label">Con alerta</div><div class="metric-value">{{ $programacionesConAlerta }}</div><small>Programaciones que requieren revisión antes de generar movimientos.</small></div></div>
    </div>

    <div class="sx-autorender mb-3">
        <div class="sx-scroll-x">
            <div class="dt-responsive table-responsive">
                <table class="ui celled table unstackable structured lang-dt">
                    <thead>
                        <tr>
                            <th>Nombre de programación</th>
                            <th>Tipo de importe</th>
                            <th>Tipo de movimiento</th>
                            <th>Cuenta</th>
                            <th>Entidad relacionada</th>
                            <th>Concepto</th>
                            <th>Monto base</th>
                            <th>Periodicidad</th>
                            <th>Fecha inicio</th>
                            <th>Fecha término</th>
                            <th>Número de pagos</th>
                            <th>Próxima ejecución</th>
                            <th>Pagos generados</th>
                            <th>Pagos restantes</th>
                            <th>Estatus</th>
                            <th>Preautorizado</th>
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($pagosProgramados as $programado)
                            @php
                                $cuentaEstatus = $programado->cuenta ? $programado->cuenta->estatus : 'No disponible';
                                $cuentaStatusClass = $cuentaEstatus === 'Bloqueada' ? 'status-bloqueada' : ($cuentaEstatus === 'Inactiva' ? 'status-danger' : 'status-ok');
                            @endphp
                            <tr id="programado-{{ $programado->id_banco_pago_programado }}">
                                <td><strong>{{ $programado->nombre_programacion }}</strong><br><small>{{ $programado->folio }}</small></td>
                                <td>{{ $programado->tipo_pago }}</td>
                                <td>{{ $programado->tipo_movimiento }}</td>
                                <td>
                                    {{ $programado->cuenta ? $programado->cuenta->nombre_cuenta : '-' }}<br>
                                    <span class="status-pill {{ $cuentaStatusClass }}">{{ $cuentaEstatus }}</span>
                                    @if(in_array($cuentaEstatus, ['Bloqueada', 'Inactiva'], true))
                                        <div class="mini-note text-danger">No genera movimientos.</div>
                                    @endif
                                </td>
                                <td>{{ $programado->entidad_nombre ?: '-' }}</td>
                                <td>{{ $programado->concepto }}</td>
                                <td>{{ $programado->tipo_pago === 'Variable' && (float) $programado->monto_base <= 0 ? 'Variable' : $money($programado->monto_base, $programado->moneda) }}</td>
                                <td>{{ $programado->periodicidad }}</td>
                                <td>{{ $fmt($programado->fecha_inicio) }}</td>
                                <td>{{ $fmt($programado->fecha_termino) }}</td>
                                <td>{{ $programado->numero_pagos }}</td>
                                <td>{{ $fmt($programado->proxima_ejecucion) }}</td>
                                <td>{{ $programado->pagos_generados }}</td>
                                <td>{{ $programado->pagos_restantes }}</td>
                                <td><span class="status-pill {{ $programStatusClass($programado->estatus) }}">{{ $programado->estatus }}</span></td>
                                <td>
                                    <span class="status-pill {{ $programado->preautorizado ? 'status-ok' : 'status-warn' }}">{{ $programado->preautorizado ? 'Preautorizado' : 'Requiere revision' }}</span>
                                    @if($programado->tipo_pago === 'Variable')
                                        <div class="mini-note">Max: {{ $money($programado->monto_maximo_permitido, $programado->moneda) }}</div>
                                    @endif
                                </td>
                                <td>
                                    <div class="ui tiny icon buttons btn-icon-grid">
                                        <button type="button" class="ui button blue" title="Ver detalle" data-toggle="modal" data-target="#modal_programado_detalle_{{ $programado->id_banco_pago_programado }}"><i class="eye icon"></i></button>
                                        <button type="button" class="ui button green editar-programado-real" title="Editar" data-programado-id="{{ $programado->id_banco_pago_programado }}" data-toggle="modal" data-target="#modal_pago_programado_real"><i class="pencil alternate icon"></i></button>
                                        @if($programado->estatus === 'Pausada')
                                            <form method="post" action="{{ route('bancos.real.programados.estatus', $programado->id_banco_pago_programado) }}">{{ csrf_field() }}<input type="hidden" name="estatus" value="Activa"><button class="ui button teal bancos-confirm-action" title="Reactivar" data-confirm-title="Reactivar pago programado" data-confirm-message="Deseas reactivar este pago programado?" data-confirm-text="Si, reactivar" data-confirm-class="btn-success"><i class="play icon"></i></button></form>
                                        @else
                                            <form method="post" action="{{ route('bancos.real.programados.estatus', $programado->id_banco_pago_programado) }}">{{ csrf_field() }}<input type="hidden" name="estatus" value="Pausada"><button class="ui button orange bancos-confirm-action" title="Pausar" data-confirm-title="Pausar pago programado" data-confirm-message="Deseas pausar este pago programado?" data-confirm-text="Si, pausar" data-confirm-class="btn-warning"><i class="pause icon"></i></button></form>
                                        @endif
                                        <form method="post" action="{{ route('bancos.real.programados.estatus', $programado->id_banco_pago_programado) }}">{{ csrf_field() }}<input type="hidden" name="estatus" value="Cancelada"><button class="ui button red bancos-confirm-action" title="Cancelar" data-confirm-title="Cancelar pago programado" data-confirm-message="Deseas cancelar este pago programado?" data-confirm-text="Si, cancelar" data-confirm-class="btn-danger"><i class="ban icon"></i></button></form>
                                        <button type="button" class="ui button gray" title="Ver calendario de ejecución" data-toggle="modal" data-target="#modal_programado_movimientos_{{ $programado->id_banco_pago_programado }}"><i class="list icon"></i></button>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td>Sin pagos programados registrados.</td>
                                <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="ui segment" id="movimientos-generados-programacion">
        <h4 class="ui dividing header">Historial de ejecuciones por programación</h4>
        <div class="dt-responsive table-responsive">
            <table class="ui celled table unstackable structured lang-dt">
                <thead>
                    <tr>
                        <th>Folio de programación</th>
                        <th>Nombre de programación</th>
                        <th>Próximo no. pago</th>
                        <th>Próxima fecha programada</th>
                        <th>Fecha ejecución real</th>
                        <th>Movimiento bancario</th>
                        <th>Estatus</th>
                        <th>Cuenta</th>
                        <th>Monto</th>
                        <th>Usuario/proceso</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($movimientosProgramados as $movimientoProgramado)
                        <tr>
                            <td>{{ $movimientoProgramado->programacion_folio }}</td>
                            <td>{{ $movimientoProgramado->nombre }}</td>
                            <td>{{ $movimientoProgramado->numero_pago }}</td>
                            <td>{{ $fmt($movimientoProgramado->fecha_programada) }}</td>
                            <td>{{ $fmt($movimientoProgramado->fecha_generacion) }}</td>
                            <td>{{ $movimientoProgramado->movimiento }}</td>
                            <td><span class="status-pill {{ $movementStatusClass($movimientoProgramado->estatus) }}">{{ $movementStatusLabel($movimientoProgramado->estatus) }}</span></td>
                            <td>{{ $movimientoProgramado->cuenta }}</td>
                            <td>{{ $money($movimientoProgramado->monto, $movimientoProgramado->moneda) }}</td>
                            <td>{{ $movimientoProgramado->usuario }}</td>
                            <td>
                                <button type="button" class="ui button gray" title="Ver calendario" data-toggle="modal" data-target="#modal_programado_movimientos_{{ $movimientoProgramado->id_banco_pago_programado }}"><i class="list icon"></i></button>
                            </td>
                        </tr>
                    @empty
                        <tr><td>Sin calendario de ejecuciones registrado.</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    @foreach($pagosProgramados as $programadoDetalle)
        <div class="modal fade" id="modal_programado_detalle_{{ $programadoDetalle->id_banco_pago_programado }}" tabindex="-1" role="dialog" 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">Detalle de pago programado {{ $programadoDetalle->folio }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        @php
                            $detalleId = $programadoDetalle->id_banco_pago_programado;
                            $detalleCuenta = $programadoDetalle->cuenta ? $programadoDetalle->cuenta->nombre_cuenta : '-';
                            $detalleEntidad = $programadoDetalle->entidad_nombre ?: '-';
                            $detalleMonto = $programadoDetalle->tipo_pago === 'Variable' && (float) $programadoDetalle->monto_base <= 0 ? 'Variable' : $money($programadoDetalle->monto_base, $programadoDetalle->moneda);
                            $detalleAutorizadoPor = $programadoDetalle->autorizadoPor ? $programadoDetalle->autorizadoPor->nombre_completo : '-';
                            $detalleProgramadoPor = $programadoDetalle->creador ? $programadoDetalle->creador->nombre_completo : 'Usuario no disponible';
                        @endphp
                        <ul class="nav nav-pills bancos-modal-tabs mb-3" role="tablist">
                            <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#detalle-prog-datos-{{ $detalleId }}" role="tab">Datos generales</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#detalle-prog-concepto-{{ $detalleId }}" role="tab">Concepto e importe</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#detalle-prog-calendario-{{ $detalleId }}" role="tab">Calendario de ejecución</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#detalle-prog-reglas-{{ $detalleId }}" role="tab">Autorizaciones y documentos</a></li>
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="detalle-prog-datos-{{ $detalleId }}" role="tabpanel">
                                <div class="form-step-card">
                                    <div class="form-row">
                                        <div class="form-group col-md-4"><label>Nombre de programación</label><input type="text" class="form-control" value="{{ $programadoDetalle->nombre_programacion }}" readonly></div>
                                        <div class="form-group col-md-2"><label>Tipo de movimiento</label><input type="text" class="form-control" value="{{ $programadoDetalle->tipo_movimiento }}" readonly></div>
                                        <div class="form-group col-md-2"><label>Estatus</label><input type="text" class="form-control" value="{{ $programadoDetalle->estatus }}" readonly></div>
                                        <div class="form-group col-md-4"><label>Cuenta bancaria activa</label><input type="text" class="form-control" value="{{ $detalleCuenta }}" readonly></div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-3"><label>Área de negocio</label><input type="text" class="form-control" value="{{ $programadoDetalle->area_negocio }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Origen relacionado</label><input type="text" class="form-control" value="{{ $programadoDetalle->entidad_tipo }}" readonly></div>
                                        <div class="form-group col-md-6"><label>{{ $programadoDetalle->entidad_tipo === 'Otro' ? 'Entidad relacionada' : $programadoDetalle->entidad_tipo . ' relacionado' }}</label><input type="text" class="form-control" value="{{ $detalleEntidad }}" readonly></div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="detalle-prog-concepto-{{ $detalleId }}" role="tabpanel">
                                <div class="form-step-card">
                                    <div class="form-row">
                                        <div class="form-group col-md-3"><label>Concepto</label><input type="text" class="form-control" value="{{ $programadoDetalle->concepto }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Descripción</label><input type="text" class="form-control" value="{{ $programadoDetalle->descripcion }}" readonly></div>
                                        <div class="form-group col-md-2"><label>Tipo de importe</label><input type="text" class="form-control" value="{{ $programadoDetalle->tipo_pago }}" readonly></div>
                                        <div class="form-group col-md-2"><label>Monto base</label><input type="text" class="form-control" value="{{ $detalleMonto }}" readonly></div>
                                        <div class="form-group col-md-2"><label>Moneda</label><input type="text" class="form-control" value="{{ $programadoDetalle->moneda }}" readonly></div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="detalle-prog-calendario-{{ $detalleId }}" role="tabpanel">
                                <div class="form-step-card">
                                    <div class="form-row">
                                        <div class="form-group col-md-3"><label>Periodicidad</label><input type="text" class="form-control" value="{{ $programadoDetalle->periodicidad }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Vigencia</label><input type="text" class="form-control" value="{{ ($programadoDetalle->vigencia_tipo ?: 'fecha') === 'ejecuciones' ? 'Por numero de ejecuciones' : 'Hasta una fecha especifica' }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Fecha de inicio</label><input type="text" class="form-control" value="{{ $fmt($programadoDetalle->fecha_inicio) }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Fecha de término</label><input type="text" class="form-control" value="{{ $fmt($programadoDetalle->fecha_termino) }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Próxima fecha programada</label><input type="text" class="form-control" value="{{ $fmt($programadoDetalle->proxima_ejecucion) }}" readonly></div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-3"><label>Número de pagos</label><input type="text" class="form-control" value="{{ $programadoDetalle->numero_pagos }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Pagos generados</label><input type="text" class="form-control" value="{{ $programadoDetalle->pagos_generados }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Pagos restantes</label><input type="text" class="form-control" value="{{ $programadoDetalle->pagos_restantes }}" readonly></div>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="ui celled table unstackable structured mb-0">
                                            <thead><tr><th>No. pago</th><th>Fecha programada</th><th>Fecha ejecución real</th><th>Movimiento</th><th>Estatus</th><th>Monto</th><th>Usuario/proceso</th></tr></thead>
                                            <tbody>
                                                @forelse($programadoDetalle->movimientosGenerados->sortBy('fecha_programada') as $generadoDetalle)
                                                    @php
                                                        $movDetalle = $generadoDetalle->movimiento;
                                                        $montoDetalle = $movDetalle ? $movDetalle->total : ($generadoDetalle->monto_programado ?: $programadoDetalle->monto_base);
                                                        $monedaDetalle = $movDetalle ? $movDetalle->moneda_cuenta : $programadoDetalle->moneda;
                                                        $usuarioDetalle = $generadoDetalle->generadoPor ? $generadoDetalle->generadoPor->nombre_completo : ($generadoDetalle->id_banco_movimiento ? 'Proceso Bancos' : '-');
                                                    @endphp
                                                    <tr>
                                                        <td>{{ $generadoDetalle->numero_pago }}</td>
                                                        <td>{{ $fmt($generadoDetalle->fecha_programada) }}</td>
                                                        <td>{{ $fmt($generadoDetalle->fecha_ejecucion_real) }}</td>
                                                        <td>{{ $movDetalle ? $movDetalle->folio : '-' }}</td>
                                                        <td><span class="status-pill {{ $movementStatusClass($generadoDetalle->estatus) }}">{{ $movementStatusLabel($generadoDetalle->estatus) }}</span></td>
                                                        <td>{{ $money($montoDetalle, $monedaDetalle) }}</td>
                                                        <td>{{ $usuarioDetalle }}</td>
                                                    </tr>
                                                @empty
                                                    <tr><td colspan="7" class="text-center text-muted">Sin calendario generado.</td></tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="detalle-prog-reglas-{{ $detalleId }}" role="tabpanel">
                                <div class="form-step-card">
                                    <div class="form-row">
                                        <div class="form-group col-md-3"><label>Programado por</label><input type="text" class="form-control" value="{{ $detalleProgramadoPor }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Preautorizado</label><input type="text" class="form-control" value="{{ $programadoDetalle->preautorizado ? 'Si' : 'No' }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Autorizado por</label><input type="text" class="form-control" value="{{ $detalleAutorizadoPor }}" readonly></div>
                                        <div class="form-group col-md-3"><label>Fecha autorización</label><input type="text" class="form-control" value="{{ $fmt($programadoDetalle->fecha_autorizacion) }}" readonly></div>
                                    </div>
                                    @if($programadoDetalle->tipo_pago === 'Variable')
                                        <div class="form-row">
                                            <div class="form-group col-md-6"><label>Requiere autorización si excede monto</label><input type="text" class="form-control" value="{{ $programadoDetalle->requiere_autorizacion_si_excede ? 'Si' : 'No' }}" readonly></div>
                                            <div class="form-group col-md-6"><label>Monto máximo autorizado</label><input type="text" class="form-control" value="{{ $money($programadoDetalle->monto_maximo_permitido, $programadoDetalle->moneda) }}" readonly></div>
                                        </div>
                                    @endif
                                    <div class="form-row">
                                        <div class="form-group col-md-12"><label>Nota para gerente</label><textarea class="form-control" rows="2" readonly>{{ $programadoDetalle->observaciones }}</textarea></div>
                                    </div>
                                    @include('Bancos.Real.partials._tabla_documentos_form', ['documentos' => $programadoDetalle->documentos, 'tipoDocumento' => 'programado', 'mostrarCarga' => false, 'soloLectura' => true, 'label' => 'Contrato / soporte'])
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="modal_programado_movimientos_{{ $programadoDetalle->id_banco_pago_programado }}" tabindex="-1" role="dialog" 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">Calendario de ejecución {{ $programadoDetalle->folio }}</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="dt-responsive table-responsive">
                            <table class="ui celled table unstackable structured">
                                <thead>
                                    <tr>
                                        <th>Folio de programación</th>
                                        <th>No. pago</th>
                                        <th>Fecha programada</th>
                                        <th>Fecha ejecución real</th>
                                        <th>Movimiento bancario</th>
                                        <th>Estatus</th>
                                        <th>Cuenta</th>
                                        <th>Monto</th>
                                        <th>Usuario/proceso</th>
                                        <th>Acción</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($programadoDetalle->movimientosGenerados->sortBy('fecha_programada') as $generado)
                                        @php
                                            $movGen = $generado->movimiento;
                                            $montoGen = $movGen ? $movGen->total : ($generado->monto_programado ?: $programadoDetalle->monto_base);
                                            $monedaGen = $movGen ? $movGen->moneda_cuenta : $programadoDetalle->moneda;
                                            $usuarioGen = $generado->generadoPor ? $generado->generadoPor->nombre_completo : ($generado->id_banco_movimiento ? 'Proceso Bancos' : '-');
                                        @endphp
                                        <tr>
                                            <td>{{ $programadoDetalle->folio }}</td>
                                            <td>{{ $generado->numero_pago }}</td>
                                            <td>{{ $fmt($generado->fecha_programada) }}</td>
                                            <td>{{ $fmt($generado->fecha_ejecucion_real) }}</td>
                                            <td>{{ $movGen ? $movGen->folio : '-' }}</td>
                                            <td><span class="status-pill {{ $movementStatusClass($generado->estatus) }}">{{ $movementStatusLabel($generado->estatus) }}</span></td>
                                            <td>{{ $movGen && $movGen->cuenta ? $movGen->cuenta->nombre_cuenta : ($programadoDetalle->cuenta ? $programadoDetalle->cuenta->nombre_cuenta : '-') }}</td>
                                            <td>{{ $money($montoGen, $monedaGen) }}</td>
                                            <td>{{ $usuarioGen }}</td>
                                            <td>
                                                @if($movGen && $movGen->cuenta)
                                                    <a class="ui button blue tiny" title="Ir al movimiento" href="{{ route('bancos.real.movimientos.index', ['idCuenta' => $movGen->id_banco_cuenta, 'highlight' => 'movimiento-'.$movGen->id_banco_movimiento]) }}"><i class="arrow right icon"></i></a>
                                                @elseif($programadoDetalle->tipo_pago === 'Variable' && !$generado->id_banco_movimiento && $programadoDetalle->estatus === 'Activa')
                                                    <form method="post" action="{{ route('bancos.real.programados.generar', $programadoDetalle->id_banco_pago_programado) }}" class="form-inline">
                                                        {{ csrf_field() }}
                                                        <input type="hidden" name="fecha_programada" value="{{ \App\Services\BancoFechaService::normalizarEntrada($generado->fecha_programada) }}">
                                                        <input type="number" step="0.01" min="0.01" name="monto" class="form-control form-control-sm mr-1" placeholder="Importe" required style="width:110px;">
                                                        <button type="submit" class="btn btn-sm btn-primary bancos-confirm-action" data-confirm-title="Generar pago variable" data-confirm-message="Deseas generar esta fecha programada con el importe capturado?" data-confirm-text="Si, generar" data-confirm-class="btn-info">Generar</button>
                                                    </form>
                                                @else
                                                    -
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="10" class="text-center text-muted">Sin calendario generado para esta programación.</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button></div>
                </div>
            </div>
        </div>
    @endforeach

    @include('Bancos.Real.partials._modal_pago_programado')
    @include('Bancos.Real.partials._security_timer')
    @include('Bancos.Real.partials._highlight_row')
</div>
<script>
    window.bancosProgramados = {!! $programadosJson->toJson() !!};
</script>
@endsection