@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.users.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>{{ $user->first_name }}</p>
        </div>
        <div class="col-md-6">
          <h5>الاسم الأخير:</h5>
          <p>{{ $user->last_name }}</p>
        </div>
      </div>

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

      <div class="row mb-3">
        <div class="col-md-6">
          <h5>تم التحقق من الهاتف:</h5>
          <span class="badge bg-{{ $user->is_phone_verified ? 'success' : 'danger' }}">
            {{ $user->is_phone_verified ? 'نعم' : 'لا' }}
          </span>
        </div>
        {{-- <div class="col-md-6">
          <h5>تم التحقق من OTP:</h5>
          <span class="badge bg-{{ $user->otp_verified ? 'success' : 'danger' }}">
            {{ $user->otp_verified ? 'نعم' : 'لا' }}
          </span>
        </div> --}}
        <div class="col-md-6">
          <h5>حالة الحظر:</h5>
          <span class="badge bg-{{ $user->is_blocked ? 'danger' : 'success' }}">
            {{ $user->is_blocked ? 'محظور' : 'نشط' }}
          </span>
        </div>
      </div>

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

      <div class="row">
        <div class="col-12 d-flex justify-content-end">
          {{-- <a href="{{ route('dashboard.users.edit', $user->id) }}" class="btn btn-info me-2">تعديل</a> --}}

          {{-- @if($user->is_blocked)
            <form action="{{ route('dashboard.users.unblock', $user->id) }}" method="POST" style="display:inline-block;">
              @csrf
              <button type="submit" class="btn btn-success">إلغاء الحظر</button>
            </form>
          @else
            <form action="{{ route('dashboard.users.block', $user->id) }}" method="POST" style="display:inline-block;">
              @csrf
              <button type="submit" class="btn btn-danger">حظر المستخدم</button>
            </form>
          @endif --}}
        </div>
      </div>
    </div>
  </div>
</div>
@endsection