@extends('dashboard.layouts.base')

@section('content')
<style>
.card-header::after { content: none !important; }
</style>

<div class="col-12">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center" style="direction: rtl;">
      <h3 class="card-title mb-0">بيانات الرسالة</h3>
      <a href="{{ route('dashboard.contact_us.index') }}" class="btn btn-secondary">العودة</a>
    </div>

    <div class="card-body" style="direction: rtl;">
      <div class="row mb-3">
        <div class="col-md-6">
          <h5>الاسم:</h5>
          <p>{{ $contact->name }}</p>
        </div>
        <div class="col-md-6">
          <h5>البريد الإلكتروني:</h5>
          <p>{{ $contact->email }}</p>
        </div>
      </div>

      <div class="row mb-3">
        <div class="col-md-6">
          <h5>كود الدولة:</h5>
          <p>{{ $contact->country_code }}</p>
        </div>
        <div class="col-md-6">
          <h5>رقم الهاتف:</h5>
          <p>{{ $contact->phone }}</p>
        </div>
      </div>

      <div class="row mb-3">
        <div class="col-md-12">
          <h5>الرسالة:</h5>
          <p>{{ $contact->message }}</p>
        </div>
      </div>

      <div class="row mb-3">
        <div class="col-md-6">
          <h5>تاريخ الإرسال:</h5>
          <p>{{ $contact->created_at->format('Y-m-d H:i') }}</p>
        </div>
      </div>

    </div>
  </div>
</div>
@endsection