@extends('layouts.app', ['title' => __('Blog Management')])

@section('content')
@include('restorants.partials.header', ['title' => __('Create Blog')])

<style>
    .select2 {
        width: 100% !important;
    }
</style>

<div class="container-fluid mt--7">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card bg-secondary shadow">
                <div class="card-header bg-white border-0">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">{{ __('Blog Management') }}</h3>
                        </div>
                        <div class="col-4 text-right">
                            <a href="{{ route('admin.blogs.index') }}"
                                class="btn btn-sm btn-primary">{{ __('Back to list') }}</a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <h6 class="heading-small text-muted mb-4">{{ __('Blog Information') }}</h6>

                    <div class="pl-lg-4">
                        <form method="POST"
                            action="{{ isset($blog) ? route('admin.blogs.update', $blog->id) : route('admin.blogs.store') }}"
                            enctype="multipart/form-data">
                            @csrf

                            @if(isset($blog))
                            @method('PUT')
                            @endif

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label class="form-control-label">{{ __('Blog Title') }}</label>
                                    <input type="text"
                                        name="title"
                                        class="form-control {{ $errors->has('title') ? 'is-invalid' : '' }}"
                                        placeholder="Enter blog title"
                                        value="{{ old('title', $blog->title ?? '') }}"
                                        required>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-control-label">{{ __('Status') }}</label>
                                    <select name="status" class="form-control" required>
                                        <option value="" disabled>Select Status</option>
                                        <option value="published"
                                            {{ old('status', $blog->status ?? '') === 'published' ? 'selected' : '' }}>
                                            Published
                                        </option>
                                        <option value="draft"
                                            {{ old('status', $blog->status ?? '') === 'draft' ? 'selected' : '' }}>
                                            Draft
                                        </option>
                                    </select>
                                </div>
                            </div>

                            {{-- Short Description --}}
                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <label class="form-control-label">{{ __('Short Description') }}</label>
                                    <textarea name="short_description"
                                        class="form-control"
                                        rows="3"
                                        placeholder="Short description for listing">{{ old('short_description', $blog->short_description ?? '') }}</textarea>
                                </div>
                            </div>

                            {{-- Blog Content --}}
                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <label class="form-control-label">{{ __('Blog Content') }}</label>
                                    <textarea name="content"
                                        class="form-control {{ $errors->has('content') ? 'is-invalid' : '' }}"
                                        rows="8"
                                        required>{{ old('content', $blog->content ?? '') }}</textarea>
                                </div>
                            </div>

                            {{-- Featured Image --}}
                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <label class="form-control-label">{{ __('Featured Image') }}</label>
                                    <input type="file" name="featured_image" class="form-control">

                                    @if(isset($blog) && $blog->featured_image)
                                    <img src="{{ asset('blogs/' . $blog->featured_image) }}"
                                        class="img-thumbnail mt-2"
                                        width="150">
                                    @endif
                                </div>
                            </div>

                            {{-- SEO --}}
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label class="form-control-label">{{ __('Meta Title') }}</label>
                                    <input type="text"
                                        name="meta_title"
                                        class="form-control"
                                        value="{{ old('meta_title', $blog->meta_title ?? '') }}">
                                </div>

                                <div class="col-md-6">
                                    <label class="form-control-label">{{ __('Meta Keywords') }}</label>
                                    <input type="text"
                                        name="meta_keywords"
                                        class="form-control"
                                        value="{{ old('meta_keywords', $blog->meta_keywords ?? '') }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <label class="form-control-label">{{ __('Meta Description') }}</label>
                                    <textarea name="meta_description"
                                        class="form-control"
                                        rows="2">{{ old('meta_description', $blog->meta_description ?? '') }}</textarea>
                                </div>
                            </div>

                            <div class="text-end">
                                <button type="submit" class="btn btn-primary mt-4">
                                    {{ isset($blog) ? __('Update Blog') : __('Save Blog') }}
                                </button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('layouts.footers.auth')
@endsection