@extends('fragments.fullTemplate')

@section('titulo')
Pagos programados bancos maqueta
@endsection

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

@section('contenido')
@php
    $activePage = 'programados';
    $highlight = request()->get('highlight');
    $money = function ($amount, $currency = 'MXN') {
        return ($currency === 'USD' ? 'US$' : '$') . number_format($amount, 2, '.', ',');
    };
    $formatDate = function ($date) {
        return $date ? date('d/m/Y H:i:s', strtotime($date)) : '-';
    };
    $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'])) {
            return 'status-ok';
        }
        if (in_array($status, ['Programado', 'Pendiente de autorizacion'])) {
            return 'status-warn';
        }
        if ($status === 'Cancelado') {
            return 'status-danger';
        }
        return 'status-muted';
    };
    $programacionesConAlerta = $pagosProgramados->filter(function ($programado) {
        return in_array($programado['cuenta_estatus'], ['Bloqueada', 'Inactiva']);
    })->count();
@endphp

<div class="bancos-maqueta">
    <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.Maqueta.partials._toolbar')
    @include('Bancos.Maqueta.partials._notificaciones')

    <div class="ui segment">
        <div class="row align-items-center">
            <div class="col-md-8">
                <h4 class="mb-1">Movimientos programados</h4>
                <div>Simulacion para pagos fijos, variables y recurrentes sin jobs, cron ni persistencia real.</div>
                <small>Los pagos fijos preautorizados conservan flujo automático visual; los variables permiten ajuste antes de generar movimiento final.</small>
            </div>
            <div class="col-md-4 text-md-right mt-2 mt-md-0">
                <button type="button" class="ui button primary" data-toggle="modal" data-target="#modal_pago_programado_maqueta">
                    <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>Permiten ajustar 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', 'Si')->count() }}</div>
                <small>Con autorización inicial gerente.</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>Cuentas que no deben generar movimientos.</small>
            </div>
        </div>
    </div>

    <div class="alert alert-secondary">
        Reglas visuales: una programacion Pausada no genera movimientos; una Finalizada conserva historial; una cuenta Bloqueada o Inactiva muestra alerta; si cambia el monto fijo se solicita nueva autorizacion.
    </div>

    <div class="sx-autorender mb-3">
        <div class="sx-scroll-x">
            <div class="dt-responsive table-responsive">
                <table id="lang-dt" class="ui celled table unstackable structured">
                    <thead>
                        <tr>
                            <th>Nombre de programación</th>
                            <th>Tipo de pago</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>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>
                        @foreach($pagosProgramados as $programado)
                            @php
                                $rowId = 'programado-' . $programado['folio'];
                                $cuentaStatusClass = $programado['cuenta_estatus'] === 'Bloqueada' ? 'status-bloqueada' : ($programado['cuenta_estatus'] === 'Inactiva' ? 'status-danger' : 'status-ok');
                            @endphp
                            <tr id="{{ $rowId }}" class="{{ $highlight === $rowId ? 'row-highlight' : '' }}">
                                <td>
                                    <strong>{{ $programado['nombre'] }}</strong><br>
                                    <small>{{ $programado['folio'] }}</small>
                                </td>
                                <td>{{ $programado['tipo_pago'] }}</td>
                                <td>{{ $programado['tipo_movimiento'] }}</td>
                                <td>
                                    {{ $programado['cuenta'] }}<br>
                                    <span class="status-pill {{ $cuentaStatusClass }}">{{ $programado['cuenta_estatus'] }}</span>
                                    @if(in_array($programado['cuenta_estatus'], ['Bloqueada', 'Inactiva']))
                                        <div class="mini-note text-danger">No genera movimientos.</div>
                                    @endif
                                </td>
                                <td>{{ $programado['entidad'] }}</td>
                                <td>{{ $programado['concepto'] }}</td>
                                <td>{{ $money($programado['monto_base'], $programado['moneda']) }}</td>
                                <td>{{ $programado['periodicidad'] }}</td>
                                <td>{{ $formatDate($programado['fecha_inicio']) }}</td>
                                <td>{{ $formatDate($programado['fecha_termino']) }}</td>
                                <td>{{ $formatDate($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>
                                    @if($programado['preautorizado'] === 'Si')
                                        <span class="status-pill status-ok">Preautorizado</span>
                                    @else
                                        <span class="status-pill status-warn">Requiere revisión</span>
                                    @endif
                                    <div class="mini-note">Max: {{ $money($programado['monto_maximo'], $programado['moneda']) }}</div>
                                </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_pago_programado_maqueta"><i class="eye icon"></i></button>
                                        <button type="button" class="ui button green" title="Editar" data-toggle="modal" data-target="#modal_pago_programado_maqueta"><i class="pencil alternate icon"></i></button>
                                        @if($programado['estatus'] === 'Pausada')
                                            <button type="button" class="ui button teal" title="Reactivar"><i class="play icon"></i></button>
                                        @else
                                            <button type="button" class="ui button orange" title="Pausar"><i class="pause icon"></i></button>
                                        @endif
                                        <button type="button" class="ui button red" title="Cancelar"><i class="ban icon"></i></button>
                                        <button type="button" class="ui button gray" title="Ver movimientos generados"><i class="list icon"></i></button>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="ui segment">
        <h4 class="ui dividing header">Movimientos generados por programación</h4>
        <div class="dt-responsive table-responsive">
            <table class="ui celled table unstackable structured">
                <thead>
                    <tr>
                        <th>Folio de programación</th>
                        <th>Nombre de programación</th>
                        <th>Número de pago generado</th>
                        <th>Fecha programada</th>
                        <th>Movimiento bancario</th>
                        <th>Estatus</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($movimientosProgramados as $movimientoProgramado)
                        <tr>
                            <td>{{ $movimientoProgramado['programacion_folio'] }}</td>
                            <td>{{ $movimientoProgramado['nombre'] }}</td>
                            <td>{{ $movimientoProgramado['numero_pago'] }}</td>
                            <td>{{ $formatDate($movimientoProgramado['fecha_programada']) }}</td>
                            <td>{{ $movimientoProgramado['movimiento'] }}</td>
                            <td><span class="status-pill {{ $movementStatusClass($movimientoProgramado['estatus']) }}">{{ $movimientoProgramado['estatus'] }}</span></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @include('Bancos.Maqueta.partials._modal_pago_programado')
    @include('Bancos.Maqueta.partials._modal_codigo_seguridad')
    @include('Bancos.Maqueta.partials._security_gate')
</div>
@endsection