@extends('layouts.master')

@section('content')

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

    <div class="flex justify-between mb-6">

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

            Certificate Designer

        </h1>

        <a href="{{ route('certificate-templates.create') }}"
           class="bg-blue-600 text-white px-4 py-2 rounded">

            Add Template

        </a>

    </div>

    <div class="bg-white shadow rounded">

        <table class="w-full">

            <thead class="bg-gray-100">

                <tr>

                    <th class="p-3">ID</th>
                    <th class="p-3">Template Name</th>
                    <th class="p-3">Status</th>
                    <th class="p-3">Action</th>

                </tr>

            </thead>

            <tbody>

                @foreach($templates as $template)

                <tr class="border-b">

                    <td class="p-3">
                        {{ $template->id }}
                    </td>

                    <td class="p-3">
                        {{ $template->template_name }}
                    </td>

                    <td class="p-3">

                        @if($template->is_active)

                            Active

                        @else

                            Inactive

                        @endif

                    </td>

                    <td class="p-3">

                        <a href="{{ route('certificate-templates.edit',$template->id) }}"
                           class="bg-green-600 text-white px-3 py-1 rounded">

                            Design

                        </a>

                    </td>

                </tr>

                @endforeach

            </tbody>

        </table>

    </div>

</div>

@endsection