@extends('backEnd.layouts.master')
@section('title', 'Warning & Order CTA Section')

@section('css')
<style>@verbatim
    .card { border: none; box-shadow: 0 0 20px rgba(18,38,63,.03); border-radius: 12px; }
    .form-label { font-weight: 600; font-size: 13px; color: #636e72; margin-bottom: 6px; }
    .form-control { border-radius: 8px; padding: 10px 12px; }
    .section-badge { background: #e8f5e9; color: #2e7d32; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
@endverbatim</style>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row mb-3 mt-3">
        <div class="col-12">
            <h4 class="page-title mb-1 fw-bold">Warning & Order CTA Section</h4>
            <span class="section-badge">Landing Page — সাবধান ও অর্ডার করুন ব্লক</span>
        </div>
    </div>

    <form action="{{ route('landing.warning-order-cta.update') }}" method="POST">
        @csrf
        <div class="row g-4">
            {{-- Left: Warning Block --}}
            <div class="col-lg-6">
                <div class="card h-100">
                    <div class="card-body">
                        <h6 class="fw-bold mb-4 border-bottom pb-2">সাবধান! নকল থেকে দূরে থাকুন</h6>
                        <div class="mb-3">
                            <label class="form-label">Title</label>
                            <input type="text" name="warning_title" class="form-control"
                                value="{{ old('warning_title', $gs->warning_title ?? 'সাবধান! নকল থেকে দূরে থাকুন...') }}"
                                placeholder="সাবধান! নকল থেকে দূরে থাকুন...">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Point ১</label>
                            <input type="text" name="warning_point_1" class="form-control"
                                value="{{ old('warning_point_1', $gs->warning_point_1 ?? 'সস্তা দামে নকল প্রোডাক্ট কিনে প্রতারিত হবেন না।') }}"
                                placeholder="সস্তা দামে নকল প্রোডাক্ট কিনে প্রতারিত হবেন না।">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Point ২</label>
                            <input type="text" name="warning_point_2" class="form-control"
                                value="{{ old('warning_point_2', $gs->warning_point_2 ?? 'নকল প্রোডাক্টে আপনার বড় ধরনের ক্ষতি হতে পারে।') }}"
                                placeholder="নকল প্রোডাক্টে আপনার বড় ধরনের ক্ষতি হতে পারে।">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Point ৩</label>
                            <input type="text" name="warning_point_3" class="form-control"
                                value="{{ old('warning_point_3', $gs->warning_point_3 ?? 'অরিজিনাল প্রোডাক্ট স্ক্যান করে বুঝে নিন।') }}"
                                placeholder="অরিজিনাল প্রোডাক্ট স্ক্যান করে বুঝে নিন।">
                        </div>
                    </div>
                </div>
            </div>

            {{-- Right: Order CTA Block --}}
            <div class="col-lg-6">
                <div class="card h-100">
                    <div class="card-body">
                        <h6 class="fw-bold mb-4 border-bottom pb-2">এখনই অর্ডার করুন!</h6>
                        <div class="mb-3">
                            <label class="form-label">Badge Text</label>
                            <input type="text" name="order_cta_badge" class="form-control"
                                value="{{ old('order_cta_badge', $gs->order_cta_badge ?? 'লিমিটেড স্টক') }}"
                                placeholder="লিমিটেড স্টক">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Title</label>
                            <input type="text" name="order_cta_title" class="form-control"
                                value="{{ old('order_cta_title', $gs->order_cta_title ?? 'এখনই অর্ডার করুন!') }}"
                                placeholder="এখনই অর্ডার করুন!">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Subtitle</label>
                            <input type="text" name="order_cta_subtitle" class="form-control"
                                value="{{ old('order_cta_subtitle', $gs->order_cta_subtitle ?? 'অরিজিনাল প্রোডাক্ট পেতে আজই অর্ডার করুন') }}"
                                placeholder="অরিজিনাল প্রোডাক্ট পেতে আজই অর্ডার করুন">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Point ১</label>
                            <input type="text" name="order_cta_point_1" class="form-control"
                                value="{{ old('order_cta_point_1', $gs->order_cta_point_1 ?? 'সম্পূর্ণ ক্যাশ অন ডেলিভারি (আগে টাকা দিতে হবে না)') }}"
                                placeholder="সম্পূর্ণ ক্যাশ অন ডেলিভারি (আগে টাকা দিতে হবে না)">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Point ২</label>
                            <input type="text" name="order_cta_point_2" class="form-control"
                                value="{{ old('order_cta_point_2', $gs->order_cta_point_2 ?? '১০০% গোপনীয়তা বজায় রেখে ডেলিভারি করা হয়।') }}"
                                placeholder="১০০% গোপনীয়তা বজায় রেখে ডেলিভারি করা হয়।">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-4">
            <button type="submit" class="btn btn-primary rounded-pill px-5">
                <i class="fe-save me-1"></i> Save Changes
            </button>
        </div>
    </form>
</div>
@endsection
