@extends('layouts.manager')

@section('title','Адмінка — Категорія')
@section('page_title', $category->exists ? 'Редагувати категорію' : 'Додати категорію')

@push('head')
    <link rel="stylesheet" href="{{ mix('css/manager/gift-categories.css') }}">
@endpush

@section('content')

    <div class="admin-card p-3 p-md-4 gc-form">
        <form method="POST"
              action="{{ $category->exists ? route('manager.gift-categories.update', $category) : route('manager.gift-categories.store') }}">
            @csrf
            @if($category->exists)
                @method('PUT')
            @endif

            <div class="form-group">
                <label>Назва</label>
                <input name="title"
                       class="form-control"
                       value="{{ old('title', $category->title) }}"
                       required>
                @error('title')
                <div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>

            <div class="form-group d-flex align-items-center">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox"
                           class="custom-control-input"
                           id="is_active"
                           name="is_active"
                           value="1"
                            {{ old('is_active', $category->exists ? $category->is_active : true) ? 'checked' : '' }}>
                    <label class="custom-control-label" for="is_active">Активна</label>
                </div>
                @error('is_active')
                <div class="text-danger small mt-1 ml-3">{{ $message }}</div>@enderror
            </div>

            <div class="mt-2 text-muted small">
                <b>Примітка:</b> <code>slug</code> і <code>порядок</code> генеруються автоматично.
            </div>

            <div class="d-flex gap-2 mt-3">
                <button class="btn btn-success">Зберегти</button>
                <a href="{{ route('manager.gift-categories.index') }}" class="btn btn-light">Назад</a>
            </div>
        </form>
    </div>

@endsection