@extends('layouts.main')

@section('title', $title)

@section('content')
    <div class="row justify-content-center">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <x-buttons.back-small name="event-category" :route="route('event-category.index')" />
                    {{ $title }}
                </div>
                <form action="{{ $formAction }}" method="POST">
                    @csrf
                    @if(!$isFormCreate)
                        @method('PUT')
                    @endif
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <x-forms.input-text name="code" :label="__('validation.attributes.code')" :value="$category->code ?? null" />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-text name="name" :label="__('validation.attributes.name')" :value="$category->name ?? null" required />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-text name="slug" :label="__('validation.attributes.slug')" :value="$category->slug ?? null" />
                            </div>
                            <div class="col-md-12">
                                <x-forms.input-text name="description" :label="__('validation.attributes.description')" :value="$category->description ?? null" />
                            </div>
                            <div class="col-md-3">
                                <x-forms.input-switch name="is_active" value="1" :label="__('validation.attributes.status')" :checked="old('is_active', $category->is_active ?? true)" />
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-12">
                                <div class="float-end">
                                    <x-buttons.submit-save />
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection