@extends('admin.layout')

@section('header_actions')
    <a href="{{ route('admin.users.index') }}" class="btn btn-secondary btn-sm">
        <i class="bi bi-arrow-left"></i> Back
    </a>
@endsection

@section('content')
    <div class="card mb-4">
        <div class="card-header">
            <h3 class="card-title mb-0">User Details</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped mb-0">
                    <tbody>
                        <tr>
                            <th style="width: 200px;">Name</th>
                            <td>{{ $user->name }}</td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>{{ $user->email }}</td>
                        </tr>
                        <tr>
                            <th>Mobile</th>
                            <td>{{ $user->mobile_no ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Phone</th>
                            <td>{{ $user->phone_no ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Role</th>
                            <td><span class="badge text-bg-primary">{{ $user->role ?? '-' }}</span></td>
                        </tr>
                        <tr>
                            <th>Status</th>
                            <td>
                                <span class="badge text-bg-{{ $user->is_active ? 'success' : 'warning' }}">
                                    {{ $user->is_active ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Actions -->
    <div class="card">
        <div class="card-body text-center">
            <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i> Edit</a>
        </div>
    </div>
@endsection