@extends('Admin.layout')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h3>Profile</h3>
    </div>
    <div>
        <a href="{{ route('edit_profile') }}">
            <button class="btn btn-primary">Edit Profile</button>
        </a>
    </div>
</div>

<div class="card p-5">

    <div class="row g-4">

        <div class="col-lg-3 col-md-4">

            <div class="card shadow-sm border-0 text-center">

                <div class="card-body">

                    <img src="{{ $user->image ? asset('storage/' . $user->image) : asset('assets/images/user.png') }}"
                        alt="Profile"
                        class="rounded-circle mb-2"
                        width="90"
                        height="90">

                    <h5 class="mb-2">
                        {{ $user->name ?? 'N/A' }}
                    </h5>

                    <span class="badge {{ $user->is_active ? 'bg-warning' : 'bg-danger' }} text-white mb-2">
                        {{ $user->is_active ? 'Active Member' : 'Inactive Member' }}
                    </span>

                    <div>
                        <span class="badge bg-warning bg-opacity-25 text-warning px-3 py-2">
                            User ID : {{ $user->admin_id }}
                        </span>
                    </div>

                </div>

            </div>

        </div>

        <div class="col-lg-9 col-md-8">

            <div class="row g-3">

                <div class="col-md-6">

                    <label class="form-label">
                        Name
                    </label>

                    <input type="text"
                        class="form-control"
                        value="{{ $user->name }}" readonly>

                </div>

                <div class="col-md-6">

                    <label class="form-label">
                        Admin ID
                    </label>

                    <input type="text"
                        class="form-control bg-light"
                        value="{{ $user->admin_id ?? 'N/A' }}"
                        readonly>

                </div>

                <div class="col-md-6">

                    <label class="form-label">
                        Mobile Number
                    </label>

                    <input type="text"
                        class="form-control"
                        value="{{ $user->mobile_number ?? 'N/A' }}" readonly>

                </div>

                <div class="col-md-6">

                    <label class="form-label">
                        Email ID
                    </label>

                    <input type="email"
                        class="form-control"
                        value="{{ $user->email }}" readonly>

                </div>

                <div class="col-md-6">

                    <label class="form-label">
                        Date-of-Birth
                    </label>

                    <input type="text"
                        class="form-control"
                        value="{{ $user->date_of_birth ? \Carbon\Carbon::parse($user->date_of_birth)->format('d-m-Y') : 'N/A' }}" readonly>

                </div>

                <div class="col-md-6">

                    <label class="form-label">
                        Gender
                    </label>

                    <input type="text"
                        class="form-control"
                        value="{{ ucfirst($user->gender ?? 'N/A') }}" readonly>

                </div>

            </div>

        </div>

    </div>

    <div class="row g-3 mt-3">

        <div class="col-md-6">

            <label class="form-label">
                Country
            </label>

            <input type="text"
                class="form-control"
                value="{{ $user->country ?? 'N/A' }}" readonly>

        </div>

        <div class="col-md-6">

            <label class="form-label">
                State
            </label>

            <input type="text"
                class="form-control"
                value="{{ $user->state ?? 'N/A' }}" readonly>

        </div>

        <div class="col-md-6">

            <label class="form-label">
                Address
            </label>

            <textarea class="form-control"
                rows="4" readonly>{{ $user->address ?? 'N/A' }}</textarea>

        </div>

        <div class="col-md-6">

            <div class="row g-3">

                <div class="col-12">

                    <label class="form-label">
                        Pincode
                    </label>

                    <input type="text"
                        class="form-control"
                        value="{{ $user->pincode ?? 'N/A' }}" readonly>

                </div>

                <div class="col-12">

                    <label class="form-label">
                        Account Status
                    </label>

                    <input type="text"
                        class="form-control bg-light"
                        value="{{ $user->is_active ? 'Active' : 'Inactive' }}" readonly>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection