@extends('layouts.admin')

@section('title', 'Add Category')

@section('content')
    <section class="dashboard-head">
        <div>
            <span class="eyebrow">Catalog</span>
            <h1>Add Category</h1>
        </div>
        <a class="button ghost" href="{{ route('admin.categories.index') }}">Back</a>
    </section>

    <section class="panel form-panel">
        <form method="POST" action="{{ route('admin.categories.store') }}" class="admin-form" enctype="multipart/form-data">
            @csrf

            <label>
                <span>Name</span>
                <input name="name" value="{{ old('name') }}" required>
            </label>

            <label>
                <span>Description</span>
                <textarea name="description" rows="4">{{ old('description') }}</textarea>
            </label>

            <section class="settings-card">
                <div class="settings-card-head">
                    <div>
                        <span class="eyebrow">SEO</span>
                        <h2>Search Metadata</h2>
                    </div>
                </div>
                <label>
                    <span>Meta Title</span>
                    <input name="meta_title" value="{{ old('meta_title') }}">
                </label>
                <label>
                    <span>Meta Description</span>
                    <textarea name="meta_description" rows="3">{{ old('meta_description') }}</textarea>
                </label>
                <label>
                    <span>OG Image</span>
                    <input name="og_image" type="file" accept="image/jpeg,image/png,image/webp">
                </label>
            </section>

            <label class="checkbox-label">
                <input name="is_active" type="checkbox" value="1" checked>
                <span>Active</span>
            </label>

            @if ($errors->any())
                <p class="form-error">{{ $errors->first() }}</p>
            @endif

            <button class="button primary" type="submit">Save category</button>
        </form>
    </section>
@endsection