@extends('backoffice.dashboard')

@section('title', 'عرض الرسالة')

@section('content')
@if(Auth::check())
<div class="container-fluid dashboard-inner-body-container">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="block-card dashboard-card mb-4 px-0 shadow-sm rounded-3 border-0">
                <div class="block-card-header px-4 border-bottom-0 pb-0 d-flex justify-content-between align-items-center">
                    <h2 class="widget-title m-0">عرض الرسالة #{{ $contact->id }}</h2>

                    <div>
                  </div>
                </div>

                <div class="block-card-body">
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <strong>الاسم:</strong>
                            <div class="mb-2">{{ $contact->name }}</div>
                        </div>
                        <div class="col-md-6">
                            <strong>البريد الإلكتروني:</strong>
                            <div class="mb-2">{{ $contact->email }}</div>
                        </div>
                        <div class="col-md-4">
                            <strong>الهاتف:</strong>
                            <div class="mb-2">{{ $contact->phone ?? '—' }}</div>
                        </div>
                        <div class="col-md-4">
                            <strong>الموضوع:</strong>
                            <div class="mb-2">{{ $contact->subject ?? '—' }}</div>
                        </div>
                        <div class="col-md-4">
                            <strong>مقروء:</strong>
                            <div class="mb-2">{{ $contact->is_read ? 'نعم' : 'لا' }}</div>
                        </div>
                    </div>

                    <div class="mb-4">
                        <strong>الرسالة:</strong>
                        <div class="card mt-2 p-3" style="white-space: pre-wrap;">{{ $contact->message }}</div>
                    </div>

                    <div class="text-end">
                        <small class="text-muted">مرسلة في: {{ optional($contact->created_at)->format('Y-m-d H:i') }}</small>
                    </div>
                </div>

                <div class="block-card-footer mt-3 mb-3 text-center">
                    <a href="{{ route('contacts.index') }}" class="btn bg-rgb-primary1 font-weight-medium">
                        <i class="la la-arrow-left mr-1"></i> العودة
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- reuse confirmAction -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
function confirmAction(message, url = null, form = null) {
    Swal.fire({
        title: 'تأكيد',
        text: message,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#28a745',
        cancelButtonColor: '#d33',
        confirmButtonText: 'نعم',
        cancelButtonText: 'إلغاء'
    }).then((result) => {
        if (result.isConfirmed) {
            if (url) {
                window.location.href = url;
            } else if (form) {
                form.submit();
            }
        }
    });
    return false;
}
</script>

@else
<script>window.location.href = "{{ route('admin') }}";</script>
@endif

@endsection