@extends('layouts.master')

@section('content')
<div style="max-width: 800px; margin: 0 auto;">
    <h3 style="font-weight: 800; margin-bottom: 5px;">إعدادات الشهادة</h3>
    <p style="color: #666;">تعديل نصوص ومحتوى شهادة الموزع المعتمد</p>
    <hr>

    @include('layouts.errors')
    <div id="flash">
        @if(session('flash_notification'))
            @foreach(session('flash_notification') as $msg)
                <div class="alert alert-{{ $msg->level }}">{{ $msg->message }}</div>
            @endforeach
        @endif
    </div>

    <form method="POST" action="/admin/certificate-settings/update">
        @csrf

        <div style="background: #f8f8f8; border: 2px solid #c9a84c; padding: 20px; margin-bottom: 20px;">
            <h5 style="color: #c9a84c; font-weight: 700; margin-bottom: 15px;">العنوان والبادج</h5>

            <div style="margin-bottom: 12px;">
                <label style="font-weight: 600; font-size: 0.9em;">اسم الشركة / الموقع (أعلى الشهادة):</label>
                <input type="text" name="cert_company_name" class="form-control" value="{{ $settings['cert_company_name'] ?? '' }}" placeholder="سكريبت كلمات الأغاني">
            </div>

            <div style="margin-bottom: 12px;">
                <label style="font-weight: 600; font-size: 0.9em;">نص البادج (الشارة):</label>
                <input type="text" name="cert_badge_text" class="form-control" value="{{ $settings['cert_badge_text'] ?? '' }}" placeholder="AUTHORIZED RESELLER" style="direction: ltr;">
            </div>

            <div style="margin-bottom: 12px;">
                <label style="font-weight: 600; font-size: 0.9em;">العنوان الرئيسي:</label>
                <input type="text" name="cert_title" class="form-control" value="{{ $settings['cert_title'] ?? '' }}" placeholder="شهادة موزع معتمد">
            </div>

            <div style="margin-bottom: 12px;">
                <label style="font-weight: 600; font-size: 0.9em;">العنوان الفرعي:</label>
                <input type="text" name="cert_subtitle" class="form-control" value="{{ $settings['cert_subtitle'] ?? '' }}" placeholder="Authorized Reseller Certificate" style="direction: ltr;">
            </div>
        </div>

        <div style="background: #f8f8f8; border: 2px solid #c9a84c; padding: 20px; margin-bottom: 20px;">
            <h5 style="color: #c9a84c; font-weight: 700; margin-bottom: 15px;">محتوى الشهادة</h5>

            <div style="margin-bottom: 12px;">
                <label style="font-weight: 600; font-size: 0.9em;">نص التقديم (فوق الاسم):</label>
                <input type="text" name="cert_presented_text" class="form-control" value="{{ $settings['cert_presented_text'] ?? '' }}" placeholder="تشهد هذه الوثيقة أن">
            </div>

            <div style="margin-bottom: 12px;">
                <label style="font-weight: 600; font-size: 0.9em;">وصف الشهادة:</label>
                <textarea name="cert_description" class="form-control" rows="3" placeholder="موزع معتمد ومرخّص لإعادة بيع وتوزيع المنتج...">{{ $settings['cert_description'] ?? '' }}</textarea>
            </div>
        </div>

        <div style="background: #f8f8f8; border: 2px solid #c9a84c; padding: 20px; margin-bottom: 20px;">
            <h5 style="color: #c9a84c; font-weight: 700; margin-bottom: 15px;">الختم والتوقيع</h5>

            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
                <div>
                    <label style="font-weight: 600; font-size: 0.9em;">نص الختم (السطر 1):</label>
                    <input type="text" name="cert_seal_text_1" class="form-control" value="{{ $settings['cert_seal_text_1'] ?? '' }}" placeholder="معتمد">
                </div>
                <div>
                    <label style="font-weight: 600; font-size: 0.9em;">نص الختم (السطر 2):</label>
                    <input type="text" name="cert_seal_text_2" class="form-control" value="{{ $settings['cert_seal_text_2'] ?? '' }}" placeholder="VERIFIED" style="direction: ltr;">
                </div>
            </div>

            <div style="margin-top: 12px;">
                <label style="font-weight: 600; font-size: 0.9em;">عنوان التوقيع:</label>
                <input type="text" name="cert_signature_label" class="form-control" value="{{ $settings['cert_signature_label'] ?? '' }}" placeholder="التوقيع والختم">
            </div>
        </div>

        <button type="submit" class="btn btn-primary btn-block" style="background: #c9a84c; border-color: #c9a84c; padding: 12px; font-size: 1.05em; font-weight: 700;">حفظ إعدادات الشهادة</button>
    </form>

    <div style="text-align: center; margin-top: 15px;">
        <a href="/admin/licenses" class="btn btn-secondary">رجوع للتراخيص</a>
    </div>
</div>
@endsection
