@extends('layouts.app')

@section('title', 'Estado del Reporte')

@section('content')
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm border-0">
                <div class="card-header bg-light text-dark py-3 border-bottom">
                    <h2 class="h5 mb-0"><i class="fas fa-chart-line me-2 text-muted"></i>Estado del Reporte Contable</h2>
                </div>

                <div class="card-body">
                    @if($status === 'not_found')
                    <div class="alert alert-danger" role="alert">
                        <i class="fas fa-exclamation-circle me-2"></i> El reporte solicitado no existe.
                    </div>

                    @elseif($status === 'processing')
                    <div class="alert alert-warning d-flex align-items-center" role="alert">
                        <i class="fas fa-spinner fa-spin me-2"></i> Procesando reporte, por favor espere...
                    </div>

                    <div class="progress mb-4" style="height: 8px;">
                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-warning"
                            role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
                        </div>
                    </div>

                    <script>
                        setTimeout(() => {
                            window.location.reload();
                        }, 3000);
                    </script>

                    @elseif($status === 'done')
                    <div class="alert alert-success" role="alert">
                        <i class="fas fa-check-circle me-2"></i> Reporte generado correctamente.
                    </div>

                    {{-- Información del período --}}
                    @if(isset($result['periodo']))
                    <div class="mb-4">
                        <h6 class="text-muted"><i class="fas fa-calendar-alt me-2"></i>Período:</h6>
                        <p class="fs-5 text-primary mb-0">{{ $result['periodo'] }}</p>
                    </div>
                    @endif

                    {{-- Tabla de cuentas --}}
                    @if(isset($result['cuentas']) && $result['cuentas']->count() > 0)
                    <div class="table-responsive mb-4">
                        <table class="table table-sm table-hover align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th>Código</th>
                                    <th>Nombre</th>
                                    <th>Grupo</th>
                                    <th class="text-end">Débito</th>
                                    <th class="text-end">Crédito</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($result['cuentas'] as $row)
                                <tr>
                                    <td><span class="text-muted">{{ $row->code }}</span></td>
                                    <td>{{ $row->name }}</td>
                                    <td><span class="badge bg-light text-dark">Grupo {{ $row->group }}</span></td>
                                    <td class="text-end">$ {{ number_format($row->total_debit ?? 0, 0, ',', '.') }}</td>
                                    <td class="text-end">$ {{ number_format($row->total_credit ?? 0, 0, ',', '.') }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif
                    @if(isset($result['resultados']) && count($result['resultados']) > 0)
                    <div class="table-responsive mb-4">
                        <table class="table table-sm table-hover align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th>Código</th>
                                    <th>Nombre</th>
                                    <th>Grupo</th>
                                    <th>Tipo</th>
                                    <th class="text-end">Débito</th>
                                    <th class="text-end">Crédito</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($result['resultados'] as $row)
                                <tr>
                                    <td><span class="text-muted">{{ $row->code }}</span></td>
                                    <td>{{ $row->name }}</td>
                                    <td><span class="badge bg-light text-dark">Grupo {{ $row->group }}</span></td>
                                    <td><span class="badge bg-secondary">{{ $row->type }}</span></td>
                                    <td class="text-end">$ {{ number_format($row->total_debit ?? 0, 0, ',', '.') }}</td>
                                    <td class="text-end">$ {{ number_format($row->total_credit ?? 0, 0, ',', '.') }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif
                    {{-- Movimientos --}}
                    @if(isset($result['movimientos']) && count($result['movimientos']) > 0)
                    <div class="table-responsive mb-4">
                        <table class="table table-sm table-hover align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th>Fecha</th>
                                    <th>Documento</th>
                                    <th>Soporte</th>
                                    <th>Tercero</th>
                                    <th class="text-end">Débito</th>
                                    <th class="text-end">Crédito</th>
                                    <th class="text-end">Saldo</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($result['movimientos'] as $row)
                                <tr>
                                    <td>{{ \Carbon\Carbon::parse($row['fecha'])->format('d/m/Y H:i') }}</td>
                                    <td>{{ $row['documento'] }}</td>
                                    <td>{{ $row['soporte'] ?? '-' }}</td>
                                    <td>{{ $row['tercero'] }}</td>
                                    <td class="text-end">$ {{ number_format($row['debito'], 0, ',', '.') }}</td>
                                    <td class="text-end">$ {{ number_format($row['credito'], 0, ',', '.') }}</td>
                                    <td class="text-end fw-bold">$ {{ number_format($row['saldo'], 0, ',', '.') }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif

                    {{-- Utilidad neta --}}
                    @if(isset($result['utilidad_neta']))
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-body text-center">
                            <h6 class="mb-2"><i class="fas fa-balance-scale me-2"></i> Utilidad Neta</h6>
                            <h4 class="{{ $result['utilidad_neta'] >= 0 ? 'text-success' : 'text-danger' }}">
                                $ {{ number_format($result['utilidad_neta'], 0, ',', '.') }}
                            </h4>
                        </div>
                    </div>
                    @endif
                    {{-- Totales --}}
                    @if(isset($result['totales']))
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-body">
                            <h6 class="mb-3 text-muted"><i class="fas fa-calculator me-2"></i>Totales del Balance</h6>
                            <div class="row text-center">
                                <div class="col-md-3 mb-2">
                                    <span class="d-block fw-bold">Activo</span>
                                    <span class="text-success">$ {{ number_format($result['totales']['activo_total'], 0, ',', '.') }}</span>
                                </div>
                                <div class="col-md-3 mb-2">
                                    <span class="d-block fw-bold">Pasivo</span>
                                    <span class="text-danger">$ {{ number_format($result['totales']['pasivo_total'], 0, ',', '.') }}</span>
                                </div>
                                <div class="col-md-3 mb-2">
                                    <span class="d-block fw-bold">Patrimonio</span>
                                    <span class="text-info">$ {{ number_format($result['totales']['patrimonio_total'], 0, ',', '.') }}</span>
                                </div>
                                <div class="col-md-3 mb-2">
                                    <span class="d-block fw-bold">Pasivo + Patrimonio</span>
                                    <span class="text-primary">$ {{ number_format($result['totales']['pasivo_mas_patrimonio'], 0, ',', '.') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    {{-- Ecuación --}}
                    @if(isset($result['formato']))
                    <div class="card border-0 shadow-sm">
                        <div class="card-body text-center">
                            <h6 class="text-muted"><i class="fas fa-equals me-2"></i>Ecuación de resultados</h6>
                            <h5 class="text-info">{{ $result['formato'] }}</h5>
                            <small class="text-muted">Principio fundamental de la contabilidad</small>
                        </div>
                    </div>
                    @endif
                    @endif
                </div>

                <div class="card-footer bg-light py-2 d-flex justify-content-between">
                    <small class="text-muted"><i class="fas fa-sync-alt me-1"></i>Actualizado: {{ now()->format('d/m/Y H:i') }}</small>
                    <div>
                        <a href="{{ route('reports.export', ['task_key' => $task_key]) }}" class="btn btn-sm btn-outline-secondary">
                            <i class="fas fa-download me-1"></i> Exportar
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .card {
        border-radius: 10px;
    }

    .badge {
        font-size: 0.75rem;
    }
</style>
@endsection