@extends('fragments.fullTemplate')

@section('titulo')
Movimientos bancos maqueta
@endsection

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

@section('contenido')
@php
    $activePage = 'movimientos';
    $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)) : '-';
    };
@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">Movimientos banco: {{ strtoupper($cuenta['banco']) }}</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-7">
                <h4 class="mb-1">{{ $cuenta['banco'] }} - {{ $cuenta['nombre_cuenta'] }}</h4>
                <div>{{ $cuenta['cuenta_enmascarada'] }} | {{ $cuenta['moneda_texto'] }} | {{ $cuenta['tipo_cuenta'] }} | {{ $cuenta['estatus'] }}</div>
                <small>Los movimientos Pendientes sirven para planeacion y no afectan saldo actual.</small>
            </div>
            <div class="col-md-5 text-md-right">
                <h3 class="mb-0 {{ $cuenta['saldo_actual'] >= 0 ? 'text-success' : 'text-danger' }}">{{ $money($cuenta['saldo_actual'], $cuenta['moneda']) }}</h3>
                <small>Saldo proyectado: {{ $money($cuenta['saldo_proyectado'], $cuenta['moneda']) }}</small>
            </div>
        </div>
    </div>

    <div class="ui segment">
        <div class="row">
            <div class="col-md-4 mb-2">
                <a class="ui button gray fluid" href="{{ route('bancos.demo.cuentas') }}">
                    <i class="arrow circle left icon"></i>Regresar a cuentas
                </a>
            </div>
            <div class="col-md-4 mb-2">
                @if($cuenta['estatus'] === 'Activa')
                    <button type="button" class="ui button primary fluid" data-toggle="modal" data-target="#modal_movimiento_maqueta">
                        <i class="pencil alternate icon"></i>Nuevo movimiento
                    </button>
                @else
                    <button type="button" class="ui button disabled fluid">
                        <i class="ban icon"></i>Cuenta no permite movimientos
                    </button>
                @endif
            </div>
            <div class="col-md-4 mb-2">
                <button type="button" class="ui button teal fluid abrir-codigo-seguridad-maqueta" data-accion="Exportar estado de cuenta de {{ $cuenta['nombre_cuenta'] }}">
                    <i class="download icon"></i>Estado de cuenta
                </button>
            </div>
        </div>
    </div>

    <div class="alert alert-secondary">
        Reglas: Aplicado en verde afecta saldo actual; Pendiente en amarillo no afecta saldo actual; Cancelado en rojo no se elimina y queda para auditoria. Movimientos con autorizacion pendiente solo pueden ser editados por rol Gerente.
    </div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <ul class="nav nav-pills mb-3 nav-justified" role="tablist">
                @foreach($tabsMovimientos as $tabId => $tab)
                    <li class="nav-item">
                        <a class="nav-link {{ $loop->first ? 'active' : '' }}" data-toggle="pill" href="#tab-{{ $tabId }}" role="tab">
                            {{ $tab['label'] }}
                            <span class="badge badge-light">{{ $tab['items']->count() }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>

            <div class="tab-content">
                @foreach($tabsMovimientos as $tabId => $tab)
                    <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="tab-{{ $tabId }}" role="tabpanel">
                        @if($tabId === 'conciliacion')
                            <div class="alert alert-secondary">Vista simulada de conciliación: solo se consideran movimientos aplicados.</div>
                        @endif
                        <div class="dt-responsive table-responsive">
                            <table class="ui celled table unstackable structured lang-dt">
                                <thead>
                                    <tr>
                                        <th>Folio de movimiento</th>
                                        <th>Fecha de movimiento</th>
                                        <th>Tipo de movimiento</th>
                                        <th>Cliente / Proveedor / Empleado / Cuenta / Entidad relacionada</th>
                                        <th>Concepto</th>
                                        <th>Abono aplicado</th>
                                        <th>Cargo aplicado</th>
                                        <th>Abono pendiente</th>
                                        <th>Cargo pendiente</th>
                                        <th>Saldo actual</th>
                                        <th>Saldo proyectado</th>
                                        <th>Origen del movimiento</th>
                                        <th>Folio programación</th>
                                        <th>Nombre programación</th>
                                        <th>No. pago</th>
                                        <th>Fecha programada</th>
                                        <th>Estatus programación</th>
                                        <th>Moneda</th>
                                        <th>Tipo de cambio utilizado</th>
                                        <th>Monto original</th>
                                        <th>Monto convertido</th>
                                        <th>Origen tipo de cambio</th>
                                        <th>Fecha tipo de cambio</th>
                                        <th>Realizo usuario</th>
                                        <th>Estatus de autorización</th>
                                        <th>Estatus del movimiento</th>
                                        <th class="collapsing">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($tab['items'] as $movimiento)
                                        @php
                                            $rowId = 'mov-' . $movimiento['id'];
                                            $estatusMovClass = $movimiento['estatus_movimiento'] === 'Aplicado' ? 'status-ok' : ($movimiento['estatus_movimiento'] === 'Cancelado' ? 'status-danger' : 'status-warn');
                                            $estatusAutClass = $movimiento['estatus_autorizacion'] === 'N/A' ? 'status-muted' : ($movimiento['estatus_autorizacion'] === 'Autorizado' ? 'status-ok' : ($movimiento['estatus_autorizacion'] === 'No autorizado' ? 'status-danger' : 'status-warn'));
                                            $estatusProgramacion = isset($movimiento['estatus_programacion_movimiento']) ? $movimiento['estatus_programacion_movimiento'] : '';
                                            $estatusProgramacionClass = in_array($estatusProgramacion, ['Aplicado', 'Generado']) ? 'status-ok' : (in_array($estatusProgramacion, ['Programado', 'Pendiente de autorizacion']) ? 'status-warn' : ($estatusProgramacion === 'Cancelado' ? 'status-danger' : 'status-muted'));
                                            $monedaOperacion = isset($movimiento['moneda_operacion']) && $movimiento['moneda_operacion'] ? $movimiento['moneda_operacion'] : $cuenta['moneda'];
                                        @endphp
                                        <tr id="{{ $rowId }}" class="{{ $highlight === $rowId ? 'row-highlight' : '' }}">
                                            <td>{{ $movimiento['folio'] }}</td>
                                            <td>{{ $formatDate($movimiento['fecha_movimiento']) }}</td>
                                            <td>{{ $movimiento['tipo'] }}</td>
                                            <td>{{ $movimiento['entidad'] }}</td>
                                            <td>{{ $movimiento['concepto'] }}</td>
                                            <td class="text-success">{{ $movimiento['abono_aplicado'] > 0 ? $money($movimiento['abono_aplicado'], $cuenta['moneda']) : '-' }}</td>
                                            <td class="text-danger">{{ $movimiento['cargo_aplicado'] > 0 ? $money($movimiento['cargo_aplicado'], $cuenta['moneda']) : '-' }}</td>
                                            <td class="text-success">{{ $movimiento['abono_pendiente'] > 0 ? $money($movimiento['abono_pendiente'], $cuenta['moneda']) : '-' }}</td>
                                            <td class="text-danger">{{ $movimiento['cargo_pendiente'] > 0 ? $money($movimiento['cargo_pendiente'], $cuenta['moneda']) : '-' }}</td>
                                            <td>{{ $money($movimiento['saldo_actual'], $cuenta['moneda']) }}</td>
                                            <td>{{ $money($movimiento['saldo_proyectado'], $cuenta['moneda']) }}</td>
                                            <td>{{ $movimiento['origen'] }}</td>
                                            <td>{{ isset($movimiento['programacion_folio']) && $movimiento['programacion_folio'] ? $movimiento['programacion_folio'] : '-' }}</td>
                                            <td>{{ isset($movimiento['programacion_nombre']) && $movimiento['programacion_nombre'] ? $movimiento['programacion_nombre'] : '-' }}</td>
                                            <td>{{ isset($movimiento['programacion_numero_pago']) && $movimiento['programacion_numero_pago'] ? $movimiento['programacion_numero_pago'] : '-' }}</td>
                                            <td>{{ isset($movimiento['fecha_programada']) && $movimiento['fecha_programada'] ? $formatDate($movimiento['fecha_programada']) : '-' }}</td>
                                            <td><span class="status-pill {{ $estatusProgramacionClass }}">{{ $estatusProgramacion ? $estatusProgramacion : 'N/A' }}</span></td>
                                            <td>{{ $monedaOperacion }}</td>
                                            <td>{{ isset($movimiento['tipo_cambio_utilizado']) && $movimiento['tipo_cambio_utilizado'] ? number_format($movimiento['tipo_cambio_utilizado'], 4, '.', ',') : '-' }}</td>
                                            <td>{{ isset($movimiento['monto_original']) && $movimiento['monto_original'] !== '' ? $money($movimiento['monto_original'], $monedaOperacion) : '-' }}</td>
                                            <td>{{ isset($movimiento['monto_convertido']) && $movimiento['monto_convertido'] !== '' ? $money($movimiento['monto_convertido'], 'MXN') : '-' }}</td>
                                            <td>{{ isset($movimiento['origen_tipo_cambio']) && $movimiento['origen_tipo_cambio'] ? $movimiento['origen_tipo_cambio'] : '-' }}</td>
                                            <td>{{ isset($movimiento['fecha_tipo_cambio']) && $movimiento['fecha_tipo_cambio'] ? $formatDate($movimiento['fecha_tipo_cambio']) : '-' }}</td>
                                            <td>{{ $movimiento['usuario'] }}</td>
                                            <td>
                                                <span class="status-pill {{ $estatusAutClass }}">{{ $movimiento['estatus_autorizacion'] }}</span>
                                                @if($movimiento['estatus_autorizacion'] === 'Pendiente')
                                                    <br><small>Pendiente: Firmar</small>
                                                @endif
                                            </td>
                                            <td><span class="status-pill {{ $estatusMovClass }}">{{ $movimiento['estatus_movimiento'] }}</span></td>
                                            <td>
                                                <div class="ui tiny icon buttons btn-icon-grid">
                                                    <button type="button" class="ui button blue" title="Consultar detalle">
                                                        <i class="eye icon"></i>
                                                    </button>
                                                    @if($movimiento['estatus_autorizacion'] === 'Pendiente')
                                                        <button type="button" class="ui button green" title="Editar solo gerente" data-toggle="modal" data-target="#modal_movimiento_maqueta">
                                                            <i class="pencil alternate icon"></i>
                                                        </button>
                                                    @elseif($movimiento['estatus_movimiento'] === 'Aplicado')
                                                        <button type="button" class="ui button red" title="Cancelar genera reversa visual">
                                                            <i class="ban icon"></i>
                                                        </button>
                                                    @else
                                                        <button type="button" class="ui button disabled" title="Solo consulta">
                                                            <i class="lock icon"></i>
                                                        </button>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="27" class="text-center">No se encontraron movimientos en esta vista</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                                @if($tab['items']->count())
                                    <tfoot>
                                        <tr>
                                            <th colspan="5" class="text-right">Total</th>
                                            <th class="text-success">{{ $money($tab['items']->sum('abono_aplicado'), $cuenta['moneda']) }}</th>
                                            <th class="text-danger">{{ $money($tab['items']->sum('cargo_aplicado'), $cuenta['moneda']) }}</th>
                                            <th class="text-success">{{ $money($tab['items']->sum('abono_pendiente'), $cuenta['moneda']) }}</th>
                                            <th class="text-danger">{{ $money($tab['items']->sum('cargo_pendiente'), $cuenta['moneda']) }}</th>
                                            <th>{{ $money($cuenta['saldo_actual'], $cuenta['moneda']) }}</th>
                                            <th>{{ $money($cuenta['saldo_proyectado'], $cuenta['moneda']) }}</th>
                                            <th colspan="16"></th>
                                        </tr>
                                    </tfoot>
                                @endif
                            </table>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

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