@extends('admin.layouts.app')
@section('content')

<form action="{{ route('admin.certificates.index') }}" method="GET">
    <div class="row mb-3">
        <div class="col-md-4">
            <select name="promoter_id" class="select2 form-control" data-placeholder="Select Promoter">
                <option></option>
                @foreach ($promoters as $promoter)
                <option value="{{ $promoter->id }}" @selected(request()->promoter_id == $promoter->id)>{{ $promoter->first_name }} {{ $promoter->last_name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-2">
            <button type="submit" class="btn btn-primary">Filter</button>
            @if(request()->has('promoter_id'))
            <a href="{{ route('admin.certificates.index') }}" class="btn btn-secondary">Reset</a>
            @endif
        </div>
    </div>
</form>

@if(isset($certificates))
<div class="row">
    <h4 class="mb-4"><i class="fa-solid fa-certificate text-primary"></i> Certificates</h2>
        @forelse ($certificates as $certificate)
        <div class="col-md-4 mb-4">
            <div class="card shadow-sm" style="height: 100%;">
                <img src="{{ asset($certificate->image->path ?? 'images/default.png') }}" class="card-img-top" alt="{{ $certificate->name }}">
                <div class="card-body d-flex flex-column">
                    <h5 class="card-title text-capitalize">
                        {{ $certificate->name }}
                        <small class="text-info">{{ $certificate->created_at->format('d/M/Y') }}</small>
                    </h5>
                    <p class="card-text">Download your certificate by clicking the button below.</p>
                    <a href="{{ asset($certificate->path) }}" class="btn btn-primary mt-auto" download>
                        Download
                        <i class="fa-solid fa-download mx-2"></i>
                    </a>
                </div>
            </div>
        </div>
        @empty
        <div class="col-12">
            <div class="alert alert-info" role="alert">
                You have no certificates available.
            </div>
        </div>
        @endforelse
        <div class="col-12 text-end">
            <nav aria-label="Page navigation example">
                <ul class="pagination justify-content-center">
                    {{ $certificates->links('vendor.pagination.bootstrap-4') }}
                </ul>
            </nav>
        </div>
</div>
@endif

@endsection