@extends('admin.layouts.app')

@php
    $isEdit = $category->exists;
@endphp

@section('title', ($isEdit ? __('admin.categories.edit') : __('admin.categories.create')) . ' — ' . __('admin.brand.name'))
@section('page_title', $isEdit ? __('admin.categories.edit') : __('admin.categories.create'))

@section('content')
    <x-admin.page-header :title="$isEdit ? __('admin.categories.edit') : __('admin.categories.create')">
        <x-slot:actions>
            <a href="{{ route('admin.categories.index') }}" class="btn-secondary">{{ __('admin.actions.back_to_list') }}</a>
        </x-slot:actions>
    </x-admin.page-header>

    <div class="card form-card">
        <form method="POST" action="{{ $isEdit ? route('admin.categories.update', $category) : route('admin.categories.store') }}">
            @csrf
            @if ($isEdit) @method('PUT') @endif

            <div class="form-grid">
                <x-admin.form-input name="name" :label="__('admin.categories.fields.name')" :value="$category->name" required />

                <x-admin.form-select name="type" :label="__('admin.categories.fields.type')"
                    :options="collect($types)->mapWithKeys(fn($t) => [$t => __('admin.categories.types.' . $t)])->toArray()"
                    :selected="$category->type" required />

                <x-admin.form-select name="parent_id" :label="__('admin.categories.fields.parent')"
                    :options="$parents->pluck('name', 'id')->toArray()"
                    :selected="$category->parent_id" :placeholder="__('admin.categories.no_parent')" />

                <x-admin.form-toggle name="is_active" :label="__('admin.fields.status')" :checked="$category->is_active ?? true" />
            </div>

            <div class="form-actions">
                <a href="{{ route('admin.categories.index') }}" class="btn-secondary">{{ __('admin.actions.cancel') }}</a>
                <button type="submit" class="btn-primary">{{ $isEdit ? __('admin.actions.save') : __('admin.actions.create') }}</button>
            </div>
        </form>
    </div>
@endsection