{{-- trsqsl/_partials/certificate_section.blade.php
    Certificate template upload/display section.
    Used by: trsqsl/show.blade.php
--}}
@php use Illuminate\Support\Facades\Storage; @endphp
<div class="container-fluid pb-4">
    <div class="card shadow-sm border-0">
        <div class="card-header bg-white border-bottom d-flex align-items-center justify-content-between py-3 px-4">
            <div class="d-flex align-items-center gap-2">
                <i class="fas fa-certificate text-warning"></i>
                <h6 class="mb-0 font-weight-bolder">Template Sertifikat</h6>
            </div>
            @if ($list->certificate_path)
                <span class="badge bg-success badge-sm px-3">
                    <i class="fas fa-check-circle me-1"></i>Sudah Diunggah
                </span>
            @else
                <span class="badge bg-secondary badge-sm px-3">Belum Ada Template</span>
            @endif
        </div>
        <div class="card-body p-4">
            @if ($list->certificate_path)
                <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 p-3 border-radius-lg mb-3"
                     style="background:#f0fdf4; border:1px solid #a7f3d0;">
                    <div class="d-flex align-items-center gap-3">
                        @php
                            $certExt  = strtolower(pathinfo($list->certificate_path, PATHINFO_EXTENSION));
                            $certIcon = $certExt === 'pdf' ? 'fas fa-file-pdf text-danger' : 'fas fa-file-image text-info';
                        @endphp
                        <i class="{{ $certIcon }}" style="font-size:2rem;"></i>
                        <div>
                            <p class="text-sm font-weight-bold text-dark mb-0">
                                {{ basename($list->certificate_path) }}
                            </p>
                            <p class="text-xxs text-secondary mb-0 text-uppercase">{{ $certExt }}</p>
                        </div>
                    </div>
                    <div class="d-flex gap-2">
                        <a href="{{ Storage::url($list->certificate_path) }}" target="_blank"
                           class="btn btn-sm btn-outline-info mb-0">
                            <i class="fas fa-eye me-1"></i>Lihat
                        </a>
                        <form method="POST"
                              action="{{ url('trsqsl/certificate/delete/' . encrypt($list->id)) }}"
                              onsubmit="return confirm('Hapus template sertifikat ini?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-outline-danger mb-0">
                                <i class="fas fa-trash me-1"></i>Hapus
                            </button>
                        </form>
                    </div>
                </div>
                <p class="text-xs text-secondary mb-3">
                    <i class="fas fa-info-circle me-1"></i>
                    Template ini akan digunakan sebagai latar belakang sertifikat peserta. Unggah ulang untuk mengganti.
                </p>
            @else
                <p class="text-sm text-secondary mb-3">
                    <i class="fas fa-info-circle me-1"></i>
                    Belum ada template sertifikat. Unggah file gambar (JPG/PNG) atau PDF sebagai latar belakang sertifikat peserta.
                </p>
            @endif

            <form method="POST"
                  action="{{ url('trsqsl/certificate/' . encrypt($list->id)) }}"
                  enctype="multipart/form-data">
                @csrf
                <div class="d-flex align-items-end gap-3 flex-wrap">
                    <div class="flex-grow-1">
                        <label class="text-xxs font-weight-bolder text-uppercase text-secondary mb-1 d-block">
                            {{ $list->certificate_path ? 'Ganti Template' : 'Unggah Template' }}
                        </label>
                        <input type="file" name="certificate_file" class="form-control form-control-sm"
                               accept=".pdf,.jpg,.jpeg,.png" required>
                        <p class="text-xxs text-secondary mt-1 mb-0">Format: JPG, PNG, PDF. Maks. 5 MB.</p>
                    </div>
                    <button type="submit" class="btn btn-sm bg-gradient-warning text-white mb-0">
                        <i class="fas fa-upload me-1"></i>
                        {{ $list->certificate_path ? 'Ganti' : 'Unggah' }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>