@extends('layouts.admin')

@section('page-title', 'Add Hero Quotation')

@section('content')
    <div class="container my-5">
        <h2>Add New Hero Quotation</h2>
        <a href="{{ route('hero.requestIndex') }}" class="btn btn-secondary mb-3">Back</a>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('hero.requestUpdate', $heroQuotation->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="mb-3">
                <label for="title" class="form-label">Title *</label>
                <input type="text" class="form-control" name="title" id="title" value="{{ old('title') }}" >
            </div>

            <div class="mb-3">
                <label for="description" class="form-label">Description</label>
                <textarea class="form-control" name="description" id="description"
                    rows="3">{{ old('description') }}</textarea>
            </div>

          <div class="mb-3">
                <label for="image_url" class="form-label">Image</label>

                {{-- Show old image --}}
                @if(!empty($heroQuotation->image_url))
                    <div class="mb-2">
                        <img src="{{ asset('uploads/hero_quotation/'.$heroQuotation->image_url) }}" 
                            alt="Old Image" 
                            class="img-thumbnail" 
                            style="max-width: 200px;">
                    </div>
                @endif

                <input type="file" class="form-control" name="image_url" id="image_url" accept="image/*">
            </div>


            <div class="mb-3">
                <label for="meta_title" class="form-label">Meta Title</label>
                <input type="text" class="form-control" name="meta_title" id="meta_title" value="{{ old('meta_title') }}">
            </div>

            <div class="mb-3">
                <label for="meta_description" class="form-label">Meta Description</label>
                <textarea class="form-control" name="meta_description" id="meta_description"
                    rows="2">{{ old('meta_description') }}</textarea>
            </div>

            <div class="mb-3">
                <label for="meta_keywords" class="form-label">Meta Keywords</label>
                <input type="text" class="form-control" name="meta_keywords" id="meta_keywords"
                    value="{{ old('meta_keywords') }}">
            </div>

            <button type="submit" class="btn btn-success">Create Hero Quotation</button>
        </form>
    </div>
@endsection