@extends('master-admin')

@section('title', 'View User')

@section('content')
<section class="py-8">
  <div class="bg-white rounded-xl shadow max-w-2xl mx-auto px-6 py-8">
    <h3 class="text-2xl font-bold text-[#3a3058] mb-6">User Details</h3>
    <dl class="divide-y divide-gray-200">
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">ID</dt>
          <dd class="text-gray-900">{{ $user->id }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Role</dt>
          <dd class="text-gray-900">
            @if($user->role_id && isset($user->role))
              {{ $user->role->name }}
            @else
              &mdash;
            @endif
          </dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Name</dt>
          <dd class="text-gray-900">{{ $user->name }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Email</dt>
          <dd class="text-gray-900">{{ $user->email }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Mobile</dt>
          <dd class="text-gray-900">{{ $user->mobile }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Phone</dt>
          <dd class="text-gray-900">{{ $user->phone }}</dd>
        </div>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Business Name</dt>
          <dd class="text-gray-900">{{ $user->business_name }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">City</dt>
          <dd class="text-gray-900">{{ $user->city }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">State</dt>
          <dd class="text-gray-900">{{ $user->state }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Pincode</dt>
          <dd class="text-gray-900">{{ $user->pincode }}</dd>
        </div>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Address 1</dt>
          <dd class="text-gray-900">{{ $user->address_1 }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Address 2</dt>
          <dd class="text-gray-900">{{ $user->address_2 }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Landmark</dt>
          <dd class="text-gray-900">{{ $user->landmark }}</dd>
        </div>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Active</dt>
          <dd class="text-gray-900">
            @if($user->is_active)
              <span class="text-green-600 font-semibold">Active</span>
            @else
              <span class="text-red-500 font-semibold">Inactive</span>
            @endif
          </dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Login Blocked</dt>
          <dd class="text-gray-900">
            @if($user->login_blocked)
              <span class="text-red-500 font-semibold">Blocked</span>
            @else
              <span class="text-green-600 font-semibold">Allowed</span>
            @endif
          </dd>
        </div>
        <div class="py-4 flex justify-between md:col-span-2">
          <dt class="font-semibold text-gray-700">Login Block Reason</dt>
          <dd class="text-gray-900">{{ $user->login_block_reason }}</dd>
        </div>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Created At</dt>
          <dd class="text-gray-900">{{ $user->created_at }}</dd>
        </div>
        <div class="py-4 flex justify-between">
          <dt class="font-semibold text-gray-700">Updated At</dt>
          <dd class="text-gray-900">{{ $user->updated_at }}</dd>
        </div>
      </div>
    </dl>
    <div class="mt-8 flex justify-end space-x-2">
      <a href="{{ route('admin.users.edit', $user->id) }}" class="inline-flex items-center px-4 py-2 text-sm font-semibold rounded-md shadow bg-yellow-500 text-[#3a3058] hover:bg-yellow-400 transition">Edit</a>
      <a href="{{ route('admin.users.index') }}" class="inline-flex items-center px-4 py-2 text-sm font-semibold rounded-md shadow bg-[#3a3058] text-white hover:bg-[#4b3d6a] transition">Back to List</a>
    </div>
  </div>
</section>
@endsection