@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;">
      <form action="{{ route('dashboard.users.update', $user->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="row mb-3">
          <div class="col-md-6">
            <label class="form-label">الاسم الأول</label>
            <input type="text" name="first_name" class="form-control" value="{{ old('first_name', $user->first_name) }}" required>
            @error('first_name')
              <span class="text-danger">{{ $message }}</span>
            @enderror
          </div>

          <div class="col-md-6">
            <label class="form-label">الاسم الأخير</label>
            <input type="text" name="last_name" class="form-control" value="{{ old('last_name', $user->last_name) }}" required>
            @error('last_name')
              <span class="text-danger">{{ $message }}</span>
            @enderror
          </div>
        </div>

        <div class="row mb-3">
          <div class="col-md-3">
            <label class="form-label">كود الدولة</label>
            <input type="text" name="country_code" class="form-control" value="{{ old('country_code', $user->country_code) }}" required>
            @error('country_code')
              <span class="text-danger">{{ $message }}</span>
            @enderror
          </div>

          <div class="col-md-9">
            <label class="form-label">رقم الهاتف</label>
            <input type="text" name="phone" class="form-control" value="{{ old('phone', $user->phone) }}" required>
            @error('phone')
              <span class="text-danger">{{ $message }}</span>
            @enderror
          </div>
        </div>

        <div class="mb-3">
          <label class="form-label">كلمة المرور (اتركها فارغة إن لم ترغب في التغيير)</label>
          <input type="password" name="password" class="form-control">
          @error('password')
            <span class="text-danger">{{ $message }}</span>
          @enderror
        </div>

        <div class="d-flex justify-content-end">
          <button type="submit" class="btn btn-primary">تحديث</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection