@extends('layouts.app')
@section('title', 'إعدادات العقد')
@section('content')

<div class="card shadow-sm border-0 mb-4" style="border-radius: 16px;">
    <div class="card-header bg-white border-bottom pt-4 pb-3 px-4">
        <h5 class="fw-bold mb-0 text-dark"><i class="fa-solid fa-file-contract text-primary ms-1"></i> إعدادات العقد</h5>
    </div>
    <div class="card-body p-4">
        <form action="{{ route('settings.contracts') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="row mb-4">
                <div class="col-md-6">
                    <label class="form-label fw-bold">بنود العقد (عربي)</label>
                    <textarea name="contract_terms" class="form-control bg-light border-0" rows="6" dir="rtl" placeholder="أدخل بنود العقد باللغة العربية...">{{ $settings['contract_terms'] ?? '' }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold">بنود العقد (إنجليزي) / Contract Terms</label>
                    <textarea name="contract_terms_en" class="form-control bg-light border-0" rows="6" dir="ltr" placeholder="Enter contract terms in English...">{{ $settings['contract_terms_en'] ?? '' }}</textarea>
                </div>
            </div>

            <div class="row mb-4">
                <div class="col-md-6">
                    <label class="form-label fw-bold">التعهد (عربي)</label>
                    <textarea name="contract_undertaking_ar" class="form-control bg-light border-0" rows="4" dir="rtl" placeholder="أدخل نص التعهد باللغة العربية...">{{ $settings['contract_undertaking_ar'] ?? '' }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold">التعهد (إنجليزي) / Undertaking</label>
                    <textarea name="contract_undertaking_en" class="form-control bg-light border-0" rows="4" dir="ltr" placeholder="Enter undertaking text in English...">{{ $settings['contract_undertaking_en'] ?? '' }}</textarea>
                </div>
            </div>

            <div class="row mb-4 align-items-center">
                <div class="col-md-6">
                    <label class="form-label fw-bold">شعار العقد (Logo)</label>
                    <input type="file" name="contract_logo" class="form-control bg-light border-0" accept="image/*">
                    <div class="form-text text-muted">الصيغ المسموحة: JPG, PNG, GIF. الحد الأقصى: 2 ميجابايت.</div>
                </div>
                <div class="col-md-6 text-center">
                    @if(isset($settings['contract_logo']) && !empty($settings['contract_logo']))
                        <div class="p-3 border rounded bg-light d-inline-block">
                            <img src="{{ asset($settings['contract_logo']) }}" alt="Contract Logo" style="max-height: 100px; max-width: 100%;">
                        </div>
                    @else
                        <div class="text-muted small p-3 border rounded bg-light d-inline-block">لا يوجد شعار حالياً</div>
                    @endif
                </div>
            </div>

            <hr>

            <div class="d-flex justify-content-end">
                <button type="submit" class="btn btn-primary px-5 rounded-pill fw-bold shadow-sm">
                    <i class="fa-solid fa-floppy-disk ms-1"></i> حفظ الإعدادات
                </button>
            </div>
        </form>
    </div>
</div>

@endsection