@extends('layouts.app')

@section('title', 'Raporlar')

@section('content')
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">
        <i class="bi bi-file-earmark-text me-2 text-primary"></i>
        Raporlar
    </h1>
    @can('report.create')
        <a href="{{ route('reports.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle me-1"></i>
            Yeni Rapor
        </a>
    @endcan
</div>

<div class="card mb-4">
    <div class="card-body">
        <form method="GET" action="{{ route('reports.index') }}" class="row g-3">
            <div class="col-md-3">
                <label class="form-label">Arama</label>
                <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="Başlık/açıklama">
            </div>
            <div class="col-md-3">
                <label class="form-label">Tür</label>
                <select name="type" class="form-select">
                    <option value="">Tümü</option>
                    @foreach(($types ?? []) as $type)
                        <option value="{{ $type }}" @selected(request('type')===$type)>{{ ucfirst($type) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Durum</label>
                <select name="status" class="form-select">
                    <option value="">Tümü</option>
                    @foreach(($statuses ?? []) as $status)
                        <option value="{{ $status }}" @selected(request('status')===$status)>{{ ucfirst($status) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Proje</label>
                <select name="project_id" class="form-select">
                    <option value="">Tümü</option>
                    @foreach(($projects ?? []) as $project)
                        <option value="{{ $project->id }}" @selected(request('project_id')==$project->id)>{{ $project->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 d-flex justify-content-end">
                <button class="btn btn-outline-primary me-2" type="submit"><i class="bi bi-search"></i> Filtrele</button>
                <a href="{{ route('reports.index') }}" class="btn btn-outline-secondary"><i class="bi bi-x-circle"></i> Temizle</a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body">
        @if(isset($reports) && $reports->count())
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Başlık</th>
                            <th>Tür</th>
                            <th>Durum</th>
                            <th>Proje</th>
                            <th>Oluşturan</th>
                            <th>Tarih</th>
                            <th>İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($reports as $report)
                        <tr>
                            <td>{{ $report->title }}</td>
                            <td>{{ strtoupper($report->type) }}</td>
                            <td><span class="badge bg-secondary">{{ $report->status }}</span></td>
                            <td>{{ optional($report->emissionProject)->name }}</td>
                            <td>{{ optional($report->creator)->name }}</td>
                            <td>{{ $report->created_at?->format('d.m.Y') }}</td>
                            <td>
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ route('reports.show', $report) }}" class="btn btn-outline-primary" title="Görüntüle"><i class="bi bi-eye"></i></a>
                                    @can('report.download')
                                        @if($report->file_path)
                                            <a href="{{ asset('storage/'.$report->file_path) }}" class="btn btn-outline-success" title="PDF İndir"><i class="bi bi-download"></i></a>
                                        @endif
                                        <a href="{{ route('reports.generate-pdf', $report) }}" class="btn btn-outline-secondary" title="PDF Yeniden Oluştur"><i class="bi bi-arrow-repeat"></i></a>
                                    @endcan
                                    @can('report.delete')
                                    <form method="POST" action="{{ route('reports.destroy', $report) }}" onsubmit="return confirm('Silmek istiyor musunuz?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-outline-danger" title="Sil"><i class="bi bi-trash"></i></button>
                                    </form>
                                    @endcan
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="d-flex justify-content-center mt-3">
                {{ $reports->links() }}
            </div>
        @else
            <div class="text-center py-5">
                <i class="bi bi-file-earmark-text display-4 text-muted"></i>
                <p class="mt-3 text-muted">Henüz rapor bulunmuyor.</p>
                @can('report.create')
                <a href="{{ route('reports.create') }}" class="btn btn-primary">
                    <i class="bi bi-plus-circle me-1"></i> İlk Raporu Oluştur
                </a>
                @endcan
            </div>
        @endif
    </div>
</div>
@endsection