@extends('layouts.admin')

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

@section('content')
    <section class="dashboard-head">
        <div>
            <span class="eyebrow">Catalog</span>
            <h1>Edit 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.update', $category) }}" class="admin-form" enctype="multipart/form-data">
            @csrf
            @method('PATCH')

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

            <label>
                <span>Description</span>
                <textarea name="description" rows="4">{{ old('description', $category->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', $category->meta_title) }}">
                </label>
                <label>
                    <span>Meta Description</span>
                    <textarea name="meta_description" rows="3">{{ old('meta_description', $category->meta_description) }}</textarea>
                </label>
                <label>
                    <span>OG Image</span>
                    <input name="og_image" type="file" accept="image/jpeg,image/png,image/webp">
                </label>
                @if ($category->ogImageUrl())
                    <div class="settings-preview">
                        <img src="{{ $category->ogImageUrl() }}" alt="{{ $category->name }} OG image">
                        <span>Current OG image</span>
                    </div>
                @endif
            </section>

            <label class="checkbox-label">
                <input name="is_active" type="checkbox" value="1" @checked(old('is_active', $category->is_active))>
                <span>Active</span>
            </label>

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

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