@extends('layouts.app')

@section('title', 'Reporte Ingresos y Egresos')

@php
    $estadoTexto = function ($estado) {
        if ($estado === 'AC') {
            return 'IMPRESO';
        }
        if ($estado === 'BA' || $estado === 'SA') {
            return 'SOLICITA ANULACION';
        }
        if ($estado === 'AN') {
            return 'ANULADO';
        }
        return $estado;
    };
@endphp

@section('content')
<style>
    .panel {
        background: #fff;
        border: 1px solid #d9dee3;
        border-radius: 6px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .panel-primary {
        border-color: #2d5a87;
    }

    .panel-primary > .panel-heading {
        background: #2d5a87;
        color: #fff;
        padding: 12px 15px;
        font-weight: 700;
        font-size: 15px;
    }

    .panel-body {
        padding: 18px;
    }

    .fila-anulada,
    .fila-anulada td,
    .fila-anulada a,
    .fila-anulada i {
        color: #dc3545 !important;
    }

    tfoot td {
        font-weight: 700;
        background: #f8f9fa;
    }

    .acciones-reporte {
        display: inline-flex;
        gap: 6px;
        align-items: center;
    }
</style>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <div class="panel panel-primary shadow-sm">
                <div class="panel-heading">REPORTE INGRESOS Y EGRESOS</div>

                <div class="panel-body">
                    <form method="GET" action="{{ route('admin.reporte-movimientos.index') }}">
                        <div class="row g-3 align-items-end">
                            @if($esSuperAdmin)
                                <div class="col-md-3">
                                    <label for="id_sede" class="form-label">SEDE</label>
                                    <select name="id_sede" id="id_sede" class="form-select" required>
                                        <option value="">Seleccione sede</option>
                                        @foreach($sedes as $sede)
                                            <option value="{{ $sede->id }}" {{ (string) $id_sede === (string) $sede->id ? 'selected' : '' }}>
                                                {{ $sede->sede }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif

                            <div class="col-md-3">
                                <label for="tipo_movimiento" class="form-label">TIPO</label>
                                <select name="tipo_movimiento" id="tipo_movimiento" class="form-select" required>
                                    <option value="">Seleccione tipo</option>
                                    <option value="1" {{ (string) $tipoMovimiento === '1' ? 'selected' : '' }}>INGRESO</option>
                                    <option value="2" {{ (string) $tipoMovimiento === '2' ? 'selected' : '' }}>EGRESO</option>
                                </select>
                            </div>

                            <div class="col-md-3">
                                <label for="fecha_inicio" class="form-label">FECHA INICIO</label>
                                <input type="date" name="fecha_inicio" id="fecha_inicio" class="form-control" value="{{ $fechaInicio }}" required>
                            </div>

                            <div class="col-md-3">
                                <label for="fecha_fin" class="form-label">FECHA FINAL</label>
                                <input type="date" name="fecha_fin" id="fecha_fin" class="form-control" value="{{ $fechaFin }}" required>
                            </div>

                            <div class="col-md-3">
                                <button type="submit" class="btn btn-primary w-100">
                                    <i class="fas fa-search me-2"></i>Buscar
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            @if($tipoMovimiento !== '')
                <div class="panel panel-primary shadow-sm">
                    <div class="panel-heading">
                        {{ (string) $tipoMovimiento === '1' ? 'REPORTE DE INGRESOS' : 'REPORTE DE EGRESOS' }}
                    </div>

                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover table-sm" style="font-size:12px;">
                                <thead>
                                    <tr>
                                        <th>ITEM</th>
                                        <th>FECHA MOVIMIENTO</th>
                                        <th>SERIE-NUMERO</th>
                                        <th>ESTADO</th>
                                        <th>CODIGO</th>
                                        <th>MONTO SOLES</th>
                                        <th>MONTO DOLARES</th>
                                        <th>ACCION</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($items as $item)
                                        <tr class="{{ $item->estado === 'AN' ? 'fila-anulada' : '' }}">
                                            <td class="text-center">{{ $loop->iteration }}</td>
                                            <td class="text-center">
                                                {{ \Carbon\Carbon::parse($item->fecha_movimiento)->format('d-m-Y H:i:s') }}
                                            </td>
                                            <td class="text-center">{{ $item->serie }}-{{ $item->numero }}</td>
                                            <td class="text-center">{{ $estadoTexto($item->estado) }}</td>
                                            <td class="text-center">{{ $item->codigo }}</td>
                                            <td class="text-center">{{ number_format((float) $item->monto, 2, '.', ',') }}</td>
                                            <td class="text-center">{{ number_format((float) $item->monto_dolar, 2, '.', ',') }}</td>
                                            <td class="text-center">
                                                @if((int) $item->tipo_movimiento === 1)
                                                    <div class="acciones-reporte">
                                                        <a href="{{ route('admin.ingreso.show', $item->id) }}" class="btn btn-sm btn-outline-secondary" title="Ver detalle">
                                                            <i class="fas fa-search"></i>
                                                        </a>
                                                        <a href="{{ route('admin.ingreso.pdf', $item->id) }}" class="btn btn-sm btn-outline-danger" title="Ver PDF" target="_blank" rel="noopener noreferrer">
                                                            <i class="fas fa-file-pdf"></i>
                                                        </a>
                                                    </div>
                                                @else
                                                    <div class="acciones-reporte">
                                                        <a href="{{ route('admin.egreso.show', $item->id) }}" class="btn btn-sm btn-outline-secondary" title="Ver detalle">
                                                            <i class="fas fa-search"></i>
                                                        </a>
                                                        <a href="{{ route('admin.egreso.pdf', $item->id) }}" class="btn btn-sm btn-outline-danger" title="Ver PDF" target="_blank" rel="noopener noreferrer">
                                                            <i class="fas fa-file-pdf"></i>
                                                        </a>
                                                    </div>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center">No existen registros para el filtro seleccionado.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="5" class="text-end">TOTALES</td>
                                        <td class="text-center">{{ number_format($totalSoles, 2, '.', ',') }}</td>
                                        <td class="text-center">{{ number_format($totalDolares, 2, '.', ',') }}</td>
                                        <td></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection

