@extends('admin.layouts.master')

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

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">رسالة من {{ $message->name }}</h5>
        <a href="{{ route('admin.contact-messages.index') }}" class="btn btn-secondary">عودة للقائمة</a>
    </div>
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-md-6 mb-3">
                <strong>الاسم:</strong> {{ $message->name }}
            </div>
            <div class="col-md-6 mb-3">
                <strong>البريد الإلكتروني:</strong> {{ $message->email }}
            </div>
            @if($message->phone)
            <div class="col-md-6 mb-3">
                <strong>رقم الهاتف:</strong> {{ $message->phone }}
            </div>
            @endif
            <div class="col-md-6 mb-3">
                <strong>الخدمة المطلوبة:</strong> {{ $message->service ?? 'غير محددة' }}
            </div>
            <div class="col-md-6 mb-3">
                <strong>تاريخ الإرسال:</strong> {{ $message->created_at->format('Y-m-d H:i:s') }}
            </div>
        </div>
        <hr>
        <div>
            <strong>نص الرسالة:</strong>
            <p class="mt-3">{{ $message->message }}</p>
        </div>
    </div>
</div>
@endsection