@extends('sistema.layout')
@section('titulo', 'Relatório de Empréstimos')
@section('conteudo')

<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3">
                <i class="fa-solid fa-hand-holding-hand me-2"></i>
                Relatório Consolidado de Empréstimos
            </h1>
        </div>
    </div>

    <!-- Filtros -->
    <div class="row mb-3">
        <div class="col-12">
            <form method="GET" class="row g-2">
                <div class="col-md-3">
                    <select name="status" class="form-select form-select-sm">
                        <option value="">Todos os Status</option>
                        <option value="ativo" {{ request('status') === 'ativo' ? 'selected' : '' }}>Ativo</option>
                        <option value="devolvido" {{ request('status') === 'devolvido' ? 'selected' : '' }}>Devolvido</option>
                        <option value="em_atraso" {{ request('status') === 'em_atraso' ? 'selected' : '' }}>Em Atraso</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <input type="date" name="data_inicio" class="form-control form-control-sm" value="{{ request('data_inicio') }}">
                </div>
                <div class="col-md-2">
                    <input type="date" name="data_fim" class="form-control form-control-sm" value="{{ request('data_fim') }}">
                </div>
                <div class="col-md-5">
                    <button type="submit" class="btn btn-primary btn-sm">Pesquisar</button>
                    <a href="{{ route('relatorios.emprestimos') }}" class="btn btn-outline-secondary btn-sm">Limpar</a>
                </div>
            </form>
        </div>
    </div>

    <!-- Abas -->
    <div class="row">
        <div class="col-12">
            <ul class="nav nav-tabs mb-3" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" href="#livros" data-bs-toggle="tab">
                        <i class="fa-solid fa-book me-1"></i> Livros
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#museu" data-bs-toggle="tab">
                        <i class="fa-solid fa-museum me-1"></i> Museu
                    </a>
                </li>
            </ul>

            <div class="tab-content">
                <!-- Empréstimos de Livros -->
                <div class="tab-pane fade show active" id="livros">
                    <div class="card">
                        <div class="table-responsive">
                            <table class="table table-sm table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Livro</th>
                                        <th>Usuário</th>
                                        <th style="width: 12%">Data Empréstimo</th>
                                        <th style="width: 12%">Data Devolução</th>
                                        <th style="width: 10%">Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($emprestimosLivros as $emp)
                                        <tr>
                                            <td>{{ $emp->livro?->titulo ?? '—' }}</td>
                                            <td>{{ $emp->usuario?->name ?? '—' }}</td>
                                            <td>{{ $emp->data_emprestimo?->format('d/m/Y') ?? '—' }}</td>
                                            <td>{{ $emp->data_devolucao?->format('d/m/Y') ?? '—' }}</td>
                                            <td>
                                                <span class="badge bg-{{ $emp->status === 'devolvido' ? 'success' : 'warning' }}">
                                                    {{ ucfirst($emp->status) }}
                                                </span>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted py-3">Nenhum empréstimo</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- Empréstimos de Museu -->
                <div class="tab-pane fade" id="museu">
                    <div class="card">
                        <div class="table-responsive">
                            <table class="table table-sm table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Item</th>
                                        <th>Usuário</th>
                                        <th style="width: 12%">Data Empréstimo</th>
                                        <th style="width: 12%">Data Devolução</th>
                                        <th style="width: 10%">Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($emprestimosMuseu as $emp)
                                        <tr>
                                            <td>{{ $emp->item?->nome ?? '—' }}</td>
                                            <td>{{ $emp->usuario?->name ?? '—' }}</td>
                                            <td>{{ $emp->data_emprestimo?->format('d/m/Y') ?? '—' }}</td>
                                            <td>{{ $emp->data_devolucao_prevista?->format('d/m/Y') ?? '—' }}</td>
                                            <td>
                                                <span class="badge bg-{{ $emp->status === 'ativo' ? 'warning' : 'success' }}">
                                                    {{ ucfirst($emp->status) }}
                                                </span>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted py-3">Nenhum empréstimo</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection