@include('admin.header', [
    'title' => $certificate->exists ? 'Edit Certification' : 'Add Certification',
    'active' => 'certifications',
    'searchPlaceholder' => 'Search certificates, standards, audits...'
])

<section class="page-hero mb-3">
    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
        <div>
            <h1 class="page-title mb-2">{{ $certificate->exists ? 'Edit Certification' : 'Add Certification' }}</h1>
            <p class="mb-0 text-secondary">Renewals should be added as new records to preserve history.</p>
        </div>
        <a class="btn-outline-earth" href="{{ route('admin.certifications.index') }}"><i class="bi bi-arrow-left"></i> Back</a>
    </div>
</section>

<form class="content-card" method="POST" action="{{ $certificate->exists ? route('admin.certifications.update', $certificate) : route('admin.certifications.store') }}" enctype="multipart/form-data">
    @csrf
    @if ($certificate->exists)
        @method('PATCH')
    @endif

    <div class="card-head">
        <h2 class="card-title"><span class="title-icon"><i class="bi bi-patch-check-fill"></i></span>Certificate Details</h2>
    </div>
    <div class="card-body-pad">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label fw-bold" for="title">Title</label>
                <input class="form-control @error('title') is-invalid @enderror" id="title" name="title" value="{{ old('title', $certificate->title) }}" required>
                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold" for="certificate_type">Certificate Type</label>
                <select class="form-select @error('certificate_type') is-invalid @enderror" id="certificate_type" name="certificate_type" required>
                    <option value="">Select certificate type</option>
                    @foreach ($certificateTypes as $value => $label)
                        <option value="{{ $value }}" @selected(old('certificate_type', $certificate->certificate_type) === $value)>{{ $label }}</option>
                    @endforeach
                </select>
                @error('certificate_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold" for="certificate_number">Certificate Number</label>
                <input class="form-control @error('certificate_number') is-invalid @enderror" id="certificate_number" name="certificate_number" value="{{ old('certificate_number', $certificate->certificate_number) }}">
                @error('certificate_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold" for="sort_order">Sort Order</label>
                <input class="form-control @error('sort_order') is-invalid @enderror" id="sort_order" name="sort_order" type="number" min="0" value="{{ old('sort_order', $certificate->sort_order ?? 0) }}">
                @error('sort_order')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-bold" for="issue_date">Issue Date</label>
                <input class="form-control @error('issue_date') is-invalid @enderror" id="issue_date" name="issue_date" type="date" value="{{ old('issue_date', optional($certificate->issue_date)->format('Y-m-d')) }}">
                @error('issue_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-bold" for="valid_from">Valid From</label>
                <input class="form-control @error('valid_from') is-invalid @enderror" id="valid_from" name="valid_from" type="date" value="{{ old('valid_from', optional($certificate->valid_from)->format('Y-m-d')) }}">
                @error('valid_from')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4">
                <label class="form-label fw-bold" for="valid_until">Valid Until</label>
                <input class="form-control @error('valid_until') is-invalid @enderror" id="valid_until" name="valid_until" type="date" value="{{ old('valid_until', optional($certificate->valid_until)->format('Y-m-d')) }}">
                @error('valid_until')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12">
                <label class="form-label fw-bold" for="description">Description</label>
                <textarea class="form-control @error('description') is-invalid @enderror" id="description" name="description" rows="3">{{ old('description', $certificate->description) }}</textarea>
                @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-8">
                <label class="form-label fw-bold" for="document">PDF Document</label>
                <input class="form-control @error('document') is-invalid @enderror" id="document" name="document" type="file" accept="application/pdf" {{ $certificate->exists ? '' : 'required' }}>
                @error('document')<div class="invalid-feedback">{{ $message }}</div>@enderror
                @if ($certificate->exists)
                    <div class="small text-muted mt-2">Leave blank to keep the current PDF.</div>
                @endif
            </div>
            <div class="col-md-4">
                <label class="form-label fw-bold" for="is_active">Status</label>
                @php($selectedStatus = old('is_active', ($certificate->is_active ?? true) ? '1' : '0'))
                <select class="form-select @error('is_active') is-invalid @enderror" id="is_active" name="is_active">
                    <option value="1" @selected((string) $selectedStatus === '1')>Active</option>
                    <option value="0" @selected((string) $selectedStatus === '0')>Inactive</option>
                </select>
                @error('is_active')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="d-flex gap-2 mt-4">
            <button class="btn-earth" type="submit"><i class="bi bi-save"></i> Save Certificate</button>
            <a class="btn-outline-earth" href="{{ route('admin.certifications.index') }}">Cancel</a>
        </div>
    </div>
</form>

@include('admin.footer')