@extends('admin.layouts.app')

@section('title', isset($category) ? 'Kateqoriyanı dəyiş' : 'Yeni kateqoriya')

@section('content')
<div class="admin-header-row">
    <div>
        <h1 class="admin-title">{{ isset($category) ? 'Kateqoriyanı dəyiş' : 'Yeni kateqoriya əlavə et' }}</h1>
        <p class="admin-page-description">Kateqoriya məhsulları qruplaşdırır. İstəsəniz onu başqa kateqoriyanın altında alt kateqoriya kimi göstərə bilərsiniz.</p>
    </div>
    <a href="{{ route('admin.categories.index') }}" class="admin-btn admin-btn-secondary">Geri qayıt</a>
</div>

<form method="POST" action="{{ isset($category) ? route('admin.categories.update', $category) : route('admin.categories.store') }}" enctype="multipart/form-data" class="simple-admin-form">
    @csrf
    @if(isset($category)) @method('PUT') @endif

    <div class="admin-card">
        <div class="simple-admin-heading">
            <span>1</span>
            <div>
                <h2>Bu nə kateqoriyadır?</h2>
                <p>Əsas kateqoriya ayrıca görünür. Alt kateqoriya isə seçdiyiniz əsas kateqoriyanın altında çıxır.</p>
            </div>
        </div>

        <div class="admin-form-group">
            <label>Harada görünsün?</label>
            <select name="parent_id" class="admin-form-control">
                <option value="">Əsas kateqoriya kimi yarat</option>
                @foreach($parents as $parent)
                    <option value="{{ $parent->id }}" {{ old('parent_id', $category->parent_id ?? request('parent')) == $parent->id ? 'selected' : '' }}>
                        “{{ $parent->name }}” kateqoriyasının altında alt kateqoriya
                    </option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="admin-card">
        <div class="simple-admin-heading">
            <span>2</span>
            <div>
                <h2>Ad və qısa məlumat</h2>
                <p>Əsas lazım olan yalnız Azərbaycan dilində addır.</p>
            </div>
        </div>

        <div class="admin-form-group">
            <label>Kateqoriya adı *</label>
            <input name="name" class="admin-form-control" required value="{{ old('name', $category->name ?? '') }}" placeholder="Məsələn: Çaydanlar">
        </div>

        <div class="admin-form-group">
            <label>Qısa açıqlama</label>
            <textarea name="description" rows="3" class="admin-form-control" placeholder="İstəyə bağlıdır">{{ old('description', $category->description ?? '') }}</textarea>
        </div>

        <details class="admin-details">
            <summary>İngilis və rus dilində ad yazmaq istəyirəm</summary>
            <div class="admin-details__content admin-form-grid">
                <div class="admin-form-group">
                    <label>Ad (EN)</label>
                    <input name="name_en" class="admin-form-control" value="{{ old('name_en', $category->name_en ?? '') }}">
                </div>
                <div class="admin-form-group">
                    <label>Ad (RU)</label>
                    <input name="name_ru" class="admin-form-control" value="{{ old('name_ru', $category->name_ru ?? '') }}">
                </div>
            </div>
        </details>
    </div>

    <div class="admin-card">
        <div class="simple-admin-heading">
            <span>3</span>
            <div>
                <h2>Şəkil və görünüş</h2>
                <p>Şəkil istəyə bağlıdır. Menyuda görünsün seçimi aktiv olsa, saytın menyusunda görünəcək.</p>
            </div>
        </div>

        <div class="admin-form-group">
            <label>Şəkil</label>
            <input type="file" name="image_file" accept="image/*" class="admin-form-control">
            @if(isset($category) && $category->image)
                <img src="{{ asset('images/' . $category->image) }}" class="admin-image-preview" alt="">
            @endif
        </div>

        <div class="admin-form-grid">
            <div class="admin-form-group">
                <label>Sıra nömrəsi</label>
                <input type="number" name="sort_order" class="admin-form-control" value="{{ old('sort_order', $category->sort_order ?? 0) }}">
            </div>
            <div class="admin-form-group slider-editor__checks">
                <label class="admin-form-check">
                    <input type="checkbox" name="show_in_menu" value="1" {{ old('show_in_menu', $category->show_in_menu ?? true) ? 'checked' : '' }}>
                    <span>Sayt menyusunda görünsün</span>
                </label>
            </div>
        </div>

        <details class="admin-details">
            <summary>SEO ayarları lazımdırsa aç</summary>
            <div class="admin-details__content">
                <div class="admin-form-group">
                    <label>SEO başlıq</label>
                    <input name="meta_title" class="admin-form-control" value="{{ old('meta_title', $category->meta_title ?? '') }}">
                </div>
                <div class="admin-form-group">
                    <label>SEO açıqlama</label>
                    <textarea name="meta_description" class="admin-form-control">{{ old('meta_description', $category->meta_description ?? '') }}</textarea>
                </div>
            </div>
        </details>
    </div>

    <div class="slider-editor__actions">
        <button class="admin-btn admin-btn-primary">Yadda saxla</button>
        <a href="{{ route('admin.categories.index') }}" class="admin-btn admin-btn-secondary">Ləğv et</a>
    </div>
</form>
@endsection