@if (session()->has('success'))
<div class="alert text-white bg-success" role="alert">
    <div class="iq-alert-text">{{ session('success') }}</div>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <x-heroicon-o-x-mark class="w-5 h-5" />
    </button>
</div>
@endif

<div class="card-header d-flex justify-content-between">
    <div class="iq-header-title">
        <h4 class="card-title">Profile</h4>
    </div>
</div>
<div class="card-body">
    <div class="form-group row align-items-center">
        <div class="col-md-12">
            <img class="crm-profile-pic rounded-circle avatar-100" src="{{  auth()->user()->photo ? asset('storage/profile/'. auth()->user()->photo) : asset('assets/images/user/1.png') }}" alt="profile-pic">
        </div>
    </div>
    <div class=" row align-items-center">
        <div class="form-group col-md-12">
            <label for="fname">Full Name</label>
            <input type="text" class="form-control bg-white" id="fname" value="{{  auth()->user()->name }}" readonly>
        </div>
        <div class="form-group col-md-6">
            <label for="uname">Username</label>
            <input type="text" class="form-control bg-white" id="uname" value="{{  auth()->user()->username }}" readonly>
        </div>
        <div class="form-group col-md-6">
            <label for="email">Email</label>
            <input type="text" class="form-control bg-white" id="email" value="{{  auth()->user()->email }}" readonly>
        </div>
        <div class="form-group col-md-6">
            <label for="job_description">Job Description</label>
            <input type="text" class="form-control bg-white" id="job_description" value="{{  auth()->user()->job_description ?? '' }}" readonly>
        </div>
        <div class="form-group col-md-6">
            <label for="location">Location</label>
            <input type="text" class="form-control bg-white" id="location" value="{{  auth()->user()->location ?? 'Unknown' }}" readonly>
        </div>
    </div>
</div>