@extends('fragments.fullTemplate')

@section('titulo')
Bancos maqueta
@endsection

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

@section('contenido')
@php
    $activePage = 'dashboard';
    $money = function ($amount, $currency = 'MXN') {
        return ($currency === 'USD' ? 'US$' : '$') . number_format($amount, 2, '.', ',');
    };
@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">Maqueta</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="alert alert-warning">
        Propuesta visual aislada: datos dummy, sin persistencia, sin correos reales, sin middleware real y sin integraciones con Cobranza o Requisiciones.
    </div>

    @include('Bancos.Maqueta.partials._resumen')

    <div class="row">
        <div class="col-lg-7 mb-3">
            <div class="ui segment">
                <h4 class="ui dividing header">Saldo total en bancos</h4>
                <div class="dt-responsive table-responsive">
                    <table class="ui celled table unstackable structured">
                        <thead>
                            <tr>
                                <th>Resumen</th>
                                <th>Saldo actual</th>
                                <th>Saldo proyectado</th>
                                <th>Movimientos pendientes</th>
                                <th>Autorizaciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Resumen cuentas pesos mexicanos</strong></td>
                                <td>{{ $money($resumen['saldo_mxn'], 'MXN') }}</td>
                                <td>{{ $money($resumen['saldo_proyectado_mxn'], 'MXN') }}</td>
                                <td>{{ $money($cuentas->where('moneda', 'MXN')->sum('abonos_pendientes') + $cuentas->where('moneda', 'MXN')->sum('cargos_pendientes'), 'MXN') }}</td>
                                <td><span class="status-pill status-warn">{{ $resumen['cuentas_por_autorizar'] }} cuentas</span></td>
                            </tr>
                            <tr>
                                <td><strong>Resumen cuentas dolares</strong></td>
                                <td>{{ $money($resumen['saldo_usd'], 'USD') }}</td>
                                <td>{{ $money($resumen['saldo_proyectado_usd'], 'USD') }}</td>
                                <td>{{ $money($cuentas->where('moneda', 'USD')->sum('abonos_pendientes') + $cuentas->where('moneda', 'USD')->sum('cargos_pendientes'), 'USD') }}</td>
                                <td><span class="status-pill status-warn">{{ $resumen['movimientos_por_autorizar'] }} movimientos</span></td>
                            </tr>
                            <tr>
                                <td>Operativas</td>
                                <td>{{ $cuentas->where('tipo_cuenta', 'Operativa')->count() }} cuentas</td>
                                <td>{{ $cuentas->where('estatus', 'Activa')->count() }} activas</td>
                                <td><span class="status-pill status-bloqueada">{{ $cuentas->where('estatus', 'Bloqueada')->count() }} bloqueada</span></td>
                                <td>{{ $cuentas->where('estatus', 'Creada')->count() }} creada</td>
                            </tr>
                            <tr>
                                <td>Inversión</td>
                                <td>{{ $cuentas->where('tipo_cuenta', 'Inversion')->count() }} cuentas</td>
                                <td colspan="4">Cuentas no operativas conservan historial y requieren autorización para activarse.</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-5 mb-3">
            <div class="ui segment">
                <h4 class="ui dividing header">Acciones de maqueta</h4>
                <button type="button" class="ui button fluid primary mb-2" data-toggle="modal" data-target="#modal_movimiento_maqueta">
                    <i class="pencil alternate icon"></i>Registrar movimiento
                </button>
                <button type="button" class="ui button fluid teal mb-2" data-toggle="modal" data-target="#modal_cuenta_maqueta">
                    <i class="university icon"></i>Registrar cuenta
                </button>
                <a class="ui button fluid blue mb-2" href="{{ route('bancos.demo.programados') }}">
                    <i class="calendar alternate icon"></i>Pagos programados
                </a>
                <a class="ui button fluid orange mb-2" href="{{ route('bancos.demo.autorizaciones') }}">
                    <i class="bell icon"></i>Revisar autorizaciones gerente
                </a>
                <a class="ui button fluid gray" href="{{ route('bancos.demo.reportes') }}">
                    <i class="download icon"></i>Reportes con codigo
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6 mb-3">
            <div class="ui segment">
                <h4 class="ui dividing header">Reglas visuales de autorización</h4>
                <div class="list-group">
                    <div class="list-group-item">Cuenta creada genera <strong>Autorizar activacion</strong> y notificación al gerente.</div>
                    <div class="list-group-item">Cambios Activa/Bloqueada/Inactiva quedan pendientes hasta autorización.</div>
                    <div class="list-group-item">Movimiento que supera monto máximo queda <strong>Pendiente</strong> y solo afecta saldo proyectado.</div>
                    <div class="list-group-item">Aplicado afecta saldo actual; Cancelado conserva auditoría; no hay eliminación física.</div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 mb-3">
            <div class="ui segment">
                <h4 class="ui dividing header">Pendientes gerente</h4>
                <div class="dt-responsive table-responsive">
                    <table class="ui celled table unstackable structured">
                        <thead>
                            <tr>
                                <th>Folio</th>
                                <th>Tipo</th>
                                <th>Cuenta</th>
                                <th>Motivo</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($autorizaciones as $autorizacion)
                                <tr>
                                    <td>{{ $autorizacion['folio'] }}</td>
                                    <td><span class="status-pill status-warn">{{ $autorizacion['tipo_autorizacion'] }}</span></td>
                                    <td>{{ $autorizacion['cuenta'] }}</td>
                                    <td>{{ $autorizacion['motivo'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

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