<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.user.layout','data' => ['title' => ''.e(auth()->user()->lastname.' '.auth()->user()->firstname).'  | Profile &#8212; '.e(config('settings.site_name')).'']] + (isset($attributes) ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('user.layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => ''.e(auth()->user()->lastname.' '.auth()->user()->firstname).'  | Profile &#8212; '.e(config('settings.site_name')).'']); ?>
    <div class="nk-block">
        <div class="card card-bordered">
            <div class="card-aside-wrap">
                <div class="card-inner card-inner-lg">
                    <div class="nk-block-head nk-block-head-lg">
                        <div class="nk-block-between">
                            <div class="nk-block-head-content">
                                <h4 class="nk-block-title">Personal Information</h4>
                                <div class="nk-block-des">
                                    <p>Basic info, like your name and address, that you use on <?php echo e(config('settings.site_name')); ?>.</p>
                                </div>
                            </div>
                            <div class="nk-block-head-content align-self-start d-lg-none">
                                <a href="#" class="toggle btn btn-icon btn-trigger mt-n1" data-target="userAside"><em class="icon ni ni-menu-alt-r"></em></a>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->
                    <div class="nk-block">
                        <div class="nk-data data-list">
                            <div class="data-head">
                                <h6 class="overline-title">Basics</h6>
                            </div>
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit">
                                <div class="data-col">
                                    <span class="data-label">First Name</span>
                                    <span class="data-value firstname"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit">
                                <div class="data-col">
                                    <span class="data-label">Last Name</span>
                                    <span class="data-value lastname"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item">
                                <div class="data-col">
                                    <span class="data-label">Username</span>
                                    <span class="data-value"><?php echo e(auth()->user()->username); ?></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more disable"><em class="icon ni ni-lock-alt"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item">
                                <div class="data-col">
                                    <span class="data-label">Email</span>
                                    <span class="data-value"><?php echo e(auth()->user()->email); ?></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more disable"><em class="icon ni ni-lock-alt"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit">
                                <div class="data-col">
                                    <span class="data-label">Gender</span>
                                    <span class="data-value"><?php echo e(auth()->user()->gender); ?></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit">
                                <div class="data-col">
                                    <span class="data-label">Phone Number</span>
                                    <span class="data-value text-soft phone"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit">
                                <div class="data-col">
                                    <span class="data-label">Work/Employment</span>
                                    <span class="data-value"><?php echo e(auth()->user()->occupation); ?></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit" data-tab-target="#address">
                                <div class="data-col">
                                    <span class="data-label">Date of Birth</span>
                                    <span class="data-value"><?php echo e(auth()->user()->date_of_birth); ?></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit">
                                <div class="data-col">
                                    <span class="data-label">Contact Address</span>
                                    <span class="data-value address"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                        </div><!-- data-list -->
                        <div class="nk-data data-list">
                            <div class="data-head">
                                <h6 class="overline-title">Next of Kin</h6>
                            </div>
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit" data-tab-target="#nextofkin">
                                <div class="data-col">
                                    <span class="data-label">Name</span>
                                    <span class="data-value nextname"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit" data-tab-target="#nextofkin">
                                <div class="data-col">
                                    <span class="data-label">Phone Number</span>
                                    <span class="data-value nextphone"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit" data-tab-target="#nextofkin">
                                <div class="data-col">
                                    <span class="data-label">Email</span>
                                    <span class="data-value nextemail"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                            <div class="data-item" data-toggle="modal" data-target="#profile-edit" data-tab-target="#nextofkin">
                                <div class="data-col">
                                    <span class="data-label">Address</span>
                                    <span class="data-value nextaddress"></span>
                                </div>
                                <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                            </div><!-- data-item -->
                        </div><!-- data-list -->
                    </div><!-- .nk-block -->
                </div>
                <div class="card-aside card-aside-left user-aside toggle-slide toggle-slide-left toggle-break-lg" data-content="userAside" data-toggle-screen="lg" data-toggle-overlay="true">
                    <div class="card-inner-group" data-simplebar>
                        <div class="card-inner">
                            <div class="user-card">
                                <div class="user-avatar bg-primary">
                                    <span class="profile-picture change-profile-photo"> </span>
                                </div>
                                <div class="user-info">
                                    <span class="lead-text"><?php echo e(auth()->user()->lastname.' '.auth()->user()->firstname); ?></span>
                                    <span class="sub-text"><?php echo e(auth()->user()->email); ?></span>
                                </div>
                                <div class="user-action">
                                    <div class="dropdown">
                                        <a class="btn btn-icon btn-trigger mr-n2" data-toggle="dropdown" href="#"><em class="icon ni ni-more-v"></em></a>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <ul class="link-list-opt no-bdr">
                                                <li><a href="#" class="change-photo"><em class="icon ni ni-camera-fill"></em><span>Change Photo</span></a></li>
                                                <input type="file" id="propic" accept = 'image/jpeg , image/jpg, image/gif, image/png' style="display: none;"  />
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- .user-card -->
                        </div><!-- .card-inner -->
                        <div class="card-inner">
                            <div class="user-account-info py-0">
                                <h6 class="overline-title-alt">Account Number</h6>
                                <div class="user-balance"><?php echo e(auth()->user()->account->account_number); ?> </div>
                                <div class="user-balance-sub"><?php echo e(getUserAccountType()); ?> Account</div>
                            </div>
                        </div><!-- .card-inner -->
                        <div class="card-inner p-0">
                            <ul class="link-list-menu">
                                <li><a href="#" data-toggle="modal" data-target="#change-password"><em class="icon ni ni-shield-star-fill"></em><span>Password Change</span></a></li>
                            </ul>
                        </div>
                        <div class="card-inner p-0">
                            <ul class="link-list-menu">
                                <li><a href="#" data-toggle="modal" data-target="#change-pin"><em class="icon ni ni-lock-alt-fill"></em><span>Change Pin</span></a></li>
                            </ul>
                        </div>

                    </div><!-- .card-inner-group -->
                </div><!-- card-aside -->
            </div><!-- .card-aside-wrap -->
        </div><!-- .card -->
    </div><!-- .nk-block -->

    <!-- @@ Profile Edit Modal -->
    <div class="modal fade" tabindex="-1" role="dialog" id="profile-edit">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                <div class="modal-body modal-body-lg">
                    <h5 class="title">Update Profile</h5>
                    <ul class="nk-nav nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#personal">Personal</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#nextofkin">Next of Kin</a>
                        </li>
                    </ul><!-- .nav-tabs -->
                    <div class="tab-content">
                        <div class="tab-pane active" id="personal">
                            <form id="profile-formData" method="POST">
                                <?php echo csrf_field(); ?>
                                <div class="row gy-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="lastname">Last Name</label>
                                            <input type="text" class="form-control " name="lastname" id="lastname" placeholder="Enter Full name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="firstname">First Name</label>
                                            <input type="text" class="form-control " name="firstname" id="firstname" placeholder="Enter display name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="firstname">Middle Name <small>(optional)</small></label>
                                            <input type="text" class="form-control " name="middlename" value="<?php echo e(auth()->user()->middlename); ?>" placeholder="Enter other name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="phone-no">Phone Number</label>
                                            <input type="text" class="form-control " name="phone_number" value="<?php echo e(auth()->user()->phone_number); ?>" placeholder="Phone Number">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="date_of_birth">Date of Birth</label>
                                            <input type="text" class="form-control  date-picker" value="<?php echo e(auth()->user()->date_of_birth); ?>" name="date_of_birth" id="dob"  data-date-format="yyyy-mm-dd" placeholder="Enter your name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="address">Address</label>
                                            <input type="text" class="form-control " name="address" id="address"  placeholder="Enter your address">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="state">State</label>
                                            <input type="text" class="form-control " name="state" id="state"  placeholder="Enter your address">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">Country</label>
                                            <select class="form-select form-control-lg" data-search="on" name="country" id="country" data-placeholder="--Select Country--" required>
                                                <?php $__currentLoopData = all_countries(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $country): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <option value="<?php echo e(strtoupper($key)); ?>" <?php if(strtolower(auth()->user()->country) == $key): ?> selected <?php endif; ?>><?php echo e($country); ?></option>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                            <li>
                                                <button class="btn btn-lg btn-primary">Update Profile</button>
                                            </li>
                                            <li>
                                                <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </form>
                        </div><!-- .tab-pane -->
                        <div class="tab-pane" id="nextofkin">
                            <form id="nextofkin-formData" method="POST">
                                <?php echo csrf_field(); ?>
                                <div class="row gy-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="next_of_kin_name">Next of kin Name</label>
                                            <input type="text" class="form-control form-control-lg" id="nextname" name="next_of_kin_name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="next_of_kin_address">Next of kin Address</label>
                                            <input type="text" class="form-control form-control-lg" id="nextaddress" name="next_of_kin_address">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="next_of_kin_email">Next of kin Email</label>
                                            <input type="text" class="form-control form-control-lg" id="nextemail" name="next_of_kin_email">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="next_of_kin_phone">Next of kin Phone</label>
                                            <input type="text" class="form-control form-control-lg" id="nextphone" name="next_of_kin_phone">
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                            <li>
                                                <button class="btn btn-lg btn-primary next-confirm">
                                                    <span>Update</span>
                                                    <span class="spinner-border spinner-border-sm hide next-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                                </button>
                                            </li>
                                            <li>
                                                <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </form>
                        </div><!-- .tab-pane -->
                    </div><!-- .tab-content -->
                </div><!-- .modal-body -->
            </div><!-- .modal-content -->
        </div><!-- .modal-dialog -->
    </div><!-- .modal -->

    
    <?php echo $__env->make('user.modals.change_password', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('user.modals.change_pin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php $__env->startSection('page-level-js'); ?>
        <script src="/assets/user/profile.js?ver=<?php echo e(rand(1,9999)); ?>"></script>
    <?php $__env->stopSection(); ?>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>

<?php /**PATH /home/fivemill/secure.fivemillionmiles.net/resources/views/user/my-profile.blade.php ENDPATH**/ ?>