@extends('layouts.user_type.auth')
@section('header_title', ($category->exists ?? false) ? __('ویرایش دسته بندی وبلاگ') : __('افزودن دسته بندی وبلاگ'))

@section('content')
    @php($isEdit = $category->exists)

    <div class="row">
        <div class="col-lg-12">
            <div class="card admin-card">
                <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-3">
                    <div class="admin-card-title">
                        <h4 class="card-title mb-1">{{ $isEdit ? __('ویرایش دسته بندی') : __('افزودن دسته بندی') }}</h4>
                        <small class="text-muted">{{ __('دسته بندی های قابل استفاده در مقاله های وبلاگ') }}</small>
                    </div>
                    <a href="{{ localized_route('admin.blog-categories.index') }}" class="btn btn-outline-secondary">{{ __('بازگشت') }}</a>
                </div>

                <div class="card-body">
                    @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif

                    @if($errors->any())
                        <div class="alert alert-danger">
                            @foreach($errors->all() as $error)
                                <div>{{ $error }}</div>
                            @endforeach
                        </div>
                    @endif

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

                        <div class="mb-3">
                            <label for="category-title">{{ __('نام دسته بندی') }}</label>
                            <input id="category-title" type="text" name="title" value="{{ old('title', $category->title) }}" class="form-control" required>
                        </div>

                        <div class="mb-3">
                            <label for="category-title-en">{{ __('نام انگلیسی') }}</label>
                            <input id="category-title-en" type="text" name="title_en" value="{{ old('title_en', $category->title_en) }}" class="form-control">
                            <small class="text-muted d-block mt-2">{{ __('اگر خالی باشد از نام اصلی استفاده می‌شود.') }}</small>
                        </div>

                        <div class="mb-3">
                            <label for="category-parent">{{ __('دسته بندی والد') }}</label>
                            <select id="category-parent" name="parent" class="form-select">
                                <option value="0">{{ __('بدون والد، دسته اصلی') }}</option>
                                @foreach($parentOptions as $parentOption)
                                    <option value="{{ $parentOption->id }}" @selected((int) old('parent', $category->parent ?? 0) === $parentOption->id)>
                                        {{ str_repeat('— ', $parentOption->depth) }}{{ $parentOption->localized_title }}
                                    </option>
                                @endforeach
                            </select>
                            <small class="text-muted d-block mt-2">{{ __('برای ساخت دسته بندی درختی، والد را از لیست انتخاب کنید.') }}</small>
                        </div>

                        <div class="mb-3">
                            <label for="category-description">{{ __('توضیحات') }}</label>
                            <textarea id="category-description" name="description" rows="6" class="form-control">{{ old('description', $category->description) }}</textarea>
                        </div>

                        <div class="mb-3">
                            <button type="submit" class="btn btn-primary">{{ $isEdit ? __('ذخیره تغییرات') : __('ثبت دسته بندی') }}</button>
                            <a href="{{ localized_route('admin.blog-categories.index') }}" class="btn btn-danger">{{ __('انصراف') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection