@extends('layouts.admin')

@section('title', 'Laporan Pengaduan')
@section('page_title', 'Laporan Pengaduan')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="/admin">Dashboard</a></li>
    <li class="breadcrumb-item active">Laporan</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">Filter Data</h3>
        <div class="card-tools">
            <button type="button" class="btn btn-success btn-sm" onclick="exportExcel()">
                <i class="fas fa-file-excel"></i> Download Excel
            </button>
        </div>
    </div>
    <div class="card-body">
        <form id="filterForm" method="GET" action="/admin/laporan">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Kategori</label>
                        <select name="kategori" class="form-control">
                            <option value="">Semua Kategori</option>
                            @foreach($categories as $cat)
                                <option value="{{ $cat->nama }}" {{ request('kategori') == $cat->nama ? 'selected' : '' }}>
                                    {{ $cat->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label>Status</label>
                        <select name="status" class="form-control">
                            <option value="">Semua</option>
                            <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                            <option value="proses" {{ request('status') == 'proses' ? 'selected' : '' }}>Diproses</option>
                            <option value="selesai" {{ request('status') == 'selesai' ? 'selected' : '' }}>Selesai</option>
                            <option value="tolak" {{ request('status') == 'tolak' ? 'selected' : '' }}>Ditolak</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label>Dari Tanggal</label>
                        <input type="date" name="dari" class="form-control" value="{{ request('dari') }}">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label>Sampai Tanggal</label>
                        <input type="date" name="sampai" class="form-control" value="{{ request('sampai') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Cari</label>
                        <div class="input-group">
                            <input type="text" name="cari" class="form-control" placeholder="Nama / deskripsi..." value="{{ request('cari') }}">
                            <div class="input-group-append">
                                <button class="btn btn-primary" type="submit">
                                    <i class="fas fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3 class="card-title">
            Data Pengaduan
            <span class="badge badge-primary ml-2">{{ $data->count() }} record</span>
        </h3>
    </div>
    <div class="card-body table-responsive p-0">
        <table class="table table-hover table-striped">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Nama</th>
                    <th>Tanggal</th>
                    <th>Kategori</th>
                    <th>Deskripsi</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($data as $i => $item)
                <tr>
                    <td>{{ $i + 1 }}</td>
                    <td>{{ $item->nama }}</td>
                    <td>{{ date('d-m-Y H:i', strtotime($item->created_at)) }}</td>
                    <td>{{ $item->kategori }}</td>
                    <td>{{ Str::limit($item->deskripsi, 80) }}</td>
                    <td>
                        <span class="badge badge-{{ $item->status == 'pending' ? 'warning' : ($item->status == 'proses' ? 'info' : ($item->status == 'selesai' ? 'success' : 'danger')) }}">
                            {{ ucfirst($item->status) }}
                        </span>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center text-muted py-4">Tidak ada data</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection

@push('js')
<script>
function exportExcel() {
    var params = new URLSearchParams(new FormData(document.getElementById('filterForm'))).toString();
    window.location.href = '/admin/laporan/export-excel?' + params;
}
</script>
@endpush