{{-- admin/pages/settings/hero.blade.php --}}
@extends('admin.layouts.app')
@section('title','Hero Section')
@section('page-title','Hero Section')
@section('content')
@if($hero)
<form method="POST" action="{{ route('admin.hero.save') }}">
    @csrf
    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card-admin p-4">
                <div class="fw-700 mb-3" style="font-size:.88rem">Hero Content</div>
                <div class="mb-3"><label class="form-label">Eyebrow Text <span style="font-size:.73rem;color:#94a3b8">(small text above heading)</span></label><input type="text" name="eyebrow" class="form-control" value="{{ $hero->eyebrow }}"></div>
                <div class="mb-3"><label class="form-label">Main Heading *</label><input type="text" name="heading" class="form-control" value="{{ $hero->heading }}" required></div>
                <div class="mb-3"><label class="form-label">Sub-heading / Description</label><textarea name="subheading" class="form-control" rows="3">{{ $hero->subheading }}</textarea></div>
                <div class="mb-3"><label class="form-label">Support Line <span style="font-size:.73rem;color:#94a3b8">(italic line below buttons)</span></label><input type="text" name="support_line" class="form-control" value="{{ $hero->support_line }}"></div>
                <div class="row g-3">
                    <div class="col-md-6"><label class="form-label">Primary Button Text</label><input type="text" name="primary_btn_text" class="form-control" value="{{ $hero->primary_btn_text }}"></div>
                    <div class="col-md-6"><label class="form-label">Primary Button URL</label><input type="text" name="primary_btn_url" class="form-control" value="{{ $hero->primary_btn_url }}"></div>
                    <div class="col-md-6"><label class="form-label">Secondary Button Text</label><input type="text" name="secondary_btn_text" class="form-control" value="{{ $hero->secondary_btn_text }}"></div>
                    <div class="col-md-6"><label class="form-label">Secondary Button URL</label><input type="text" name="secondary_btn_url" class="form-control" value="{{ $hero->secondary_btn_url }}"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card-admin p-4">
                <button type="submit" class="btn btn-admin w-100">Save Hero Section</button>
            </div>
        </div>
    </div>
</form>
@endif
@endsection
