@extends('layouts.app')

@section('page-title', isset($certificate) ? 'Edit-Certificate' : 'Add Certificate')

@section('content')
<div class="container">
    <h2 class="mb-4">{{ isset($certificate) ? 'Edit' : 'Add' }} Certificate</h2>

    <form action="{{ isset($certificate) ? route('certificates.update', $certificate->id) : route('certificates.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="mb-3">
            <label class="form-label">Description</label>
            <textarea name="description" class="form-control" rows="5">{{ $certificate->description ?? '' }}</textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Image</label>
            <input type="file" name="image" class="form-control">
            @if(isset($certificate) && $certificate->image)
                <img src="{{ asset('uploads/certificates/'.$certificate->image) }}" style="max-width:150px;" class="mt-2">
            @endif
        </div>

        <div class="mb-3">
            <label class="form-label">Order No</label>
            <input type="number" name="order_no" class="form-control" value="{{ $certificate->order_no ?? 0 }}">
        </div>

        <button type="submit" class="n-btn">{{ isset($certificate) ? 'Update' : 'Create' }}</button>
    </form>
</div>
@endsection