@extends('admin.layouts.app')

@section('title', isset($aboutSection->id) ? 'Haqqımızda blokunu dəyiş' : 'Yeni haqqımızda bloku')

@section('content')
<div class="admin-header-row">
    <div>
        <h1 class="admin-title">{{ isset($aboutSection->id) ? 'Haqqımızda blokunu dəyiş' : 'Yeni haqqımızda bloku' }}</h1>
        <p class="admin-subtitle">Başlıq, mətn və şəkil əlavə edin. Bloklar saytda sıra ilə görünəcək.</p>
    </div>
    <a href="{{ route('admin.about-sections.index') }}" class="admin-btn admin-btn-secondary">Siyahıya qayıt</a>
</div>

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

    <div class="admin-form-grid">
        <div class="admin-form-group">
            <label>Kiçik başlıq</label>
            <input type="text" name="eyebrow" class="admin-form-control" value="{{ old('eyebrow', $aboutSection->eyebrow) }}" placeholder="Məsələn: Şirkət haqqında">
        </div>
        <div class="admin-form-group">
            <label>Başlıq *</label>
            <input type="text" name="title" class="admin-form-control" required value="{{ old('title', $aboutSection->title) }}">
        </div>
    </div>

    <div class="admin-form-group">
        <label>Mətn *</label>
        <textarea name="body" rows="8" class="admin-form-control" required>{{ old('body', $aboutSection->body) }}</textarea>
    </div>

    <details class="admin-card" style="margin:18px 0;padding:18px">
        <summary>İngilis və rus dilində mətnlər</summary>
        <div class="admin-form-grid" style="margin-top:16px">
            <div class="admin-form-group">
                <label>Kiçik başlıq EN</label>
                <input type="text" name="eyebrow_en" class="admin-form-control" value="{{ old('eyebrow_en', $aboutSection->eyebrow_en) }}">
            </div>
            <div class="admin-form-group">
                <label>Kiçik başlıq RU</label>
                <input type="text" name="eyebrow_ru" class="admin-form-control" value="{{ old('eyebrow_ru', $aboutSection->eyebrow_ru) }}">
            </div>
            <div class="admin-form-group">
                <label>Başlıq EN</label>
                <input type="text" name="title_en" class="admin-form-control" value="{{ old('title_en', $aboutSection->title_en) }}">
            </div>
            <div class="admin-form-group">
                <label>Başlıq RU</label>
                <input type="text" name="title_ru" class="admin-form-control" value="{{ old('title_ru', $aboutSection->title_ru) }}">
            </div>
        </div>
        <div class="admin-form-grid">
            <div class="admin-form-group">
                <label>Mətn EN</label>
                <textarea name="body_en" rows="6" class="admin-form-control">{{ old('body_en', $aboutSection->body_en) }}</textarea>
            </div>
            <div class="admin-form-group">
                <label>Mətn RU</label>
                <textarea name="body_ru" rows="6" class="admin-form-control">{{ old('body_ru', $aboutSection->body_ru) }}</textarea>
            </div>
        </div>
    </details>

    <div class="admin-form-grid">
        <div class="admin-form-group">
            <label>Şəkil</label>
            <input type="file" name="image_file" accept="image/*" class="admin-form-control">
            @if($aboutSection->image)
                <img src="{{ asset('images/' . $aboutSection->image) }}" class="admin-image-preview" alt="">
            @endif
        </div>
        <div class="admin-form-group">
            <label>Görünüş</label>
            <select name="layout" class="admin-form-control" required>
                <option value="image_right" {{ old('layout', $aboutSection->layout) === 'image_right' ? 'selected' : '' }}>Şəkil sağda</option>
                <option value="image_left" {{ old('layout', $aboutSection->layout) === 'image_left' ? 'selected' : '' }}>Şəkil solda</option>
                <option value="center" {{ old('layout', $aboutSection->layout) === 'center' ? 'selected' : '' }}>Mətn mərkəzdə</option>
            </select>
        </div>
        <div class="admin-form-group">
            <label>Sıra</label>
            <input type="number" min="0" name="sort_order" class="admin-form-control" value="{{ old('sort_order', $aboutSection->sort_order ?? 0) }}">
        </div>
        <div class="admin-form-group">
            <label>
                <input type="hidden" name="is_active" value="0">
                <input type="checkbox" name="is_active" value="1" {{ old('is_active', $aboutSection->is_active) ? 'checked' : '' }}>
                Saytda görünsün
            </label>
        </div>
    </div>

    <button type="submit" class="admin-btn admin-btn-primary">Yadda saxla</button>
</form>
@endsection