@extends('layouts.app')
@section('content')
<style>
.gx-rp{max-width:1180px;margin:25px auto}.gx-rp-card{background:#fff;border:1px solid #ddd;box-shadow:0 7px 25px rgba(0,0,0,.08);padding:25px}.gx-rp h2{font-weight:900}.gx-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gx-opt{border:1px solid #ddd;padding:10px;font-size:12px;background:#fafafa}@media(max-width:800px){.gx-options{grid-template-columns:1fr 1fr}}
</style>
<div class="container-fluid">
<div class="gx-rp">
<div class="gx-rp-card">
    <h2>RELATÓRIO PERSONALIZADO DE EVENTO</h2>
    <p class="text-muted">Monte um documento completo do evento, com identificação de usuários, ações, estatísticas e linha do tempo.</p>
    <form method="GET" action="{{ route('admin.event-reports.show') }}">
        <div class="row g-3">
            <div class="col-md-6"><label class="form-label fw-bold">Evento / partida</label><select name="event_id" class="form-select"><option value="">Todos / selecionar por período</option>@foreach($events as $event) @php($label=$event['title']??$event['name']??('#'.($event['id']??'?'))) <option value="{{ $event['id'] }}">#{{ $event['id'] }} - {{ $label }} | {{ $event['training_type']??$event['mode']??'' }}</option>@endforeach</select></div>
            <div class="col-md-6"><label class="form-label fw-bold">Nome do documento</label><input name="event_name" class="form-control" placeholder="Ex.: Season 1 - Relatório oficial"></div>
            <div class="col-md-3"><label class="form-label fw-bold">Data inicial</label><input type="date" name="date_from" class="form-control"></div>
            <div class="col-md-3"><label class="form-label fw-bold">Data final</label><input type="date" name="date_to" class="form-control"></div>
        </div>
        <hr>
        <div class="fw-bold mb-2">CONTEÚDO DO DOCUMENTO</div>
        <div class="gx-options">
            @foreach(['Resumo geral','Partidas','Jogadores','Quem fez o quê','Ready-check','Anti-Cheat','TeamSpeak','Vetos','Resultados','Ações administrativas','Linha do tempo','Observações'] as $op)
                <label class="gx-opt"><input type="checkbox" checked disabled> {{ $op }}</label>
            @endforeach
        </div>
        <div class="mt-4 d-flex gap-2"><button class="btn btn-dark btn-lg">Gerar documento</button><a href="{{ url('/admin') }}" class="btn btn-outline-secondary btn-lg">Voltar</a></div>
    </form>
</div>
</div>
</div>
@endsection