@extends('layouts.master')

@section('content')

<div class="container mx-auto px-4 py-6">

    <div class="max-w-3xl mx-auto bg-white shadow rounded p-6">

        <h1 class="text-3xl font-bold mb-6">

            Create Certificate Template

        </h1>

        <form method="POST"
              action="{{ route('certificate-templates.store') }}"
              enctype="multipart/form-data">

            @csrf

            <div class="mb-4">

                <label>

                    Template Name

                </label>

                <input type="text"
                       name="template_name"
                       class="w-full border rounded p-2">

            </div>

            <div class="mb-4">

                <label>

                    Background Image

                </label>

                <input type="file"
                       name="background_image"
                       class="w-full border rounded p-2">

            </div>

            <button type="submit"
                    class="bg-blue-600 text-white px-5 py-2 rounded">

                Save Template

            </button>

        </form>

    </div>

</div>

@endsection