@extends('admin.layouts.app')

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

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

@section('content')
    <x-admin.page-header :title="$isEdit ? __('admin.blogs.edit') : __('admin.blogs.create')">
        <x-slot:actions>
            <a href="{{ route('admin.blogs.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.blogs.update', $blog) : route('admin.blogs.store') }}" enctype="multipart/form-data">
            @csrf
            @if ($isEdit) @method('PUT') @endif

            <div class="form-grid">
                <x-admin.form-input name="title" :label="__('admin.blogs.fields.title')" :value="$blog->title" required class="form-field-wide" />
                <x-admin.form-select name="category_id" :label="__('admin.blogs.fields.category')"
                    :options="$categories->pluck('name','id')->toArray()" :selected="$blog->category_id" required :placeholder="__('admin.filters.none')" />
                <x-admin.form-image name="image" :label="__('admin.blogs.fields.image')" :currentPath="$blog->image_path" :required="! $isEdit" />
                <div class="form-field-full">
                    <x-admin.form-textarea name="content" :label="__('admin.blogs.fields.content')" :value="$blog->content" required :rows="10" />
                </div>
                <x-admin.form-toggle name="is_active" :label="__('admin.fields.status')" :checked="$blog->is_active ?? true" />
            </div>

            <div class="form-actions">
                <a href="{{ route('admin.blogs.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