{{-- user profile modal --}}



<div class="modal bg-body fade" tabindex="-1" id="user_profile">
    <div class="modal-dialog modal-fullscreen">
        <div class="modal-content shadow-none">
            <div class="modal-header">
                <h5 class="modal-title">MY Profile</h5>


            </div>

            <div class="modal-body">


                <div class="card">


                    <div class="card-body">
                        <ul class="nav nav-tabs nav-line-tabs nav-line-tabs-2x mb-5 fs-6">
                            <li class="nav-item">
                                <a class="nav-link active" data-bs-toggle="tab" href="#kt_tab_pane_4">Personal
                                    Info</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-bs-toggle="tab" href="#kt_tab_pane_5">Company Info</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-bs-toggle="tab" href="#kt_tab_pane_6">Leaves Info</a>
                            </li>
                        </ul>

                        <div class="tab-content" id="myTabContent" style="height:350px">


                            <div class="tab-pane fade show active" id="kt_tab_pane_4" role="tabpanel">

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Full Name</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span
                                            class="fw-bold fs-6 text-gray-800">{{ ucfirst(Auth::user()->FullName) }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">User Name</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{ Auth::user()->username }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Email</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{ Auth::user()->email }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Address</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{ Auth::user()->Address }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Contact</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{ Auth::user()->Contact }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Emergency Contact</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span
                                            class="fw-bold fs-6 text-gray-800">{{ Auth::user()->EmergencyContact }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Date Of Birth</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span
                                            class="fw-bold fs-6 text-gray-800">{{ date('d F Y', strtotime(Auth::user()->DOB)) }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">NIC</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{ Auth::user()->NIC }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>




                            </div>








                            <div class="tab-pane fade" id="kt_tab_pane_5" role="tabpanel">

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Department</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span
                                            class="fw-bold fs-6 text-gray-800">{{ Auth::user()->department->DepartmentName }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Designation</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span
                                            class="fw-bold fs-6 text-gray-800">{{ Auth::user()->designation->DesignationName }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>


                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Account Number</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span
                                            class="fw-bold fs-6 text-gray-800">{{ Auth::user()->AccountNumber }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Salary</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">Rs. {{ Auth::user()->Salary }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Tax</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">
                                            @if (Auth::user()->Tax == 0) Does not
                                                fall in tax slab
                                            @else
                                                {{ Auth::user()->Tax }} @endif
                                        </span>
                                    </div>
                                    <!--end::Col-->
                                </div>




                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Date Of Joining</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span
                                            class="fw-bold fs-6 text-gray-800">{{ date('d F Y', strtotime(Auth::user()->DateOfJoining)) }}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Date Of Confirmation</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">
                                            @if (Auth::user()->ConfirmationDate != null)
                                                {{ date('d F Y', strtotime(Auth::user()->ConfirmationDate)) }}
                                            @else
                                                N/A @endif
                                        </span>
                                    </div>
                                    <!--end::Col-->
                                </div>



                                <div class="row mb-7">
                                    <!--begin::Label-->
                                    <label class="col-lg-4 fw-semibold text-muted">Is Confirmed</label>
                                    <!--end::Label-->

                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">
                                            @if (isset(Auth::user()->IsConfirmed) && Auth::user()->IsConfirmed == true)
                                                Confirmed
                                            @else
                                                Awaiting Confirmation @endif
                                        </span>
                                    </div>
                                    <!--end::Col-->
                                </div>







                            </div>




                            <div class="tab-pane fade" id="kt_tab_pane_6" role="tabpanel">

                                <div class="row mb-7  " style="margin-top: 41px !important;">

                                    <div class="col-md-6">
                                        <div class="row">
                                            <label class="col-lg-8 fw-semibold text-muted">Casual Leave</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-4">
                                                <span
                                                    class="fw-bold fs-3 badge badge-success">{{ Auth::user()->CasualLeave }}</span>
                                            </div>
                                        </div>

                                    </div>
                                    <!--begin::Label-->
                                    <div class="col-md-6">
                                        <div class="row">
                                            <label class="col-lg-8 fw-semibold text-muted">Remaining Casual
                                                Leave</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-4">
                                                <span
                                                    class="fw-bold fs-3 @if (Auth::user()->remcasual_Leave > 0) badge badge-warning @else badge badge-danger @endif text-gray-800">{{ Auth::user()->remcasual_Leave }}</span>
                                            </div>
                                        </div>

                                    </div>
                                    <!--begin::Label-->

                                    <!--end::Col-->
                                </div>

                                <div class="row mb-7">

                                    <div class="col-md-6">
                                        <div class="row">
                                            <label class="col-lg-8 fw-semibold text-muted">Sick Leave</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-4">
                                                <span
                                                    class="fw-bold fs-3 badge badge-success">{{ Auth::user()->SickLeave }}</span>
                                            </div>
                                        </div>

                                    </div>
                                    <!--begin::Label-->
                                    <div class="col-md-6">
                                        <div class="row">
                                            <label class="col-lg-8 fw-semibold text-muted">Remaining Sick Leave</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-4">
                                                <span
                                                    class="fw-bold fs-3 text-gray-800  @if (Auth::user()->remsick_Leave > 0) badge badge-warning @else badge badge-danger @endif">{{ Auth::user()->remsick_Leave }}</span>
                                            </div>
                                        </div>

                                    </div>
                                    <!--begin::Label-->

                                    <!--end::Col-->
                                </div>


                                <div class="row mb-7">


                                    <div class="col-md-6">
                                        <div class="row">
                                            <label class="col-lg-8 fw-semibold text-muted">Annual Leave</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-4">
                                                <span
                                                    class="fw-bold fs-3 badge badge-success">{{ Auth::user()->AnnualLeave }}</span>
                                            </div>

                                        </div>
                                    </div>
                                    <!--begin::Label-->
                                    <div class="col-md-6">
                                        <div class="row">
                                            <label class="col-lg-8 fw-semibold text-muted">Remaining Annual
                                                Leave</label>
                                            <!--end::Label-->

                                            <!--begin::Col-->
                                            <div class="col-lg-4">
                                                <span
                                                    class="fw-bold fs-3 text-gray-800  @if (Auth::user()->remannual_Leave > 0) badge badge-warning @else badge badge-danger @endif">{{ Auth::user()->remannual_Leave }}</span>
                                            </div>
                                        </div>

                                    </div>
                                    <!--begin::Label-->

                                    <!--end::Col-->
                                </div>

                            </div>
                        </div>
                    </div>
                </div>


            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>

            </div>
        </div>
    </div>
</div>


{{-- user profile modal --}}