<header class="page-header" role="banner">
    <!-- we need this logo when user switches to nav-function-top -->
    <div class="page-logo">
        <a href="<?php echo e(route('home')); ?>" class="page-logo-link press-scale-down d-flex align-items-center position-relative">
            <img src="<?php echo e($settings_->logo ? asset($settings_->logo) : asset('logo.png')); ?>" alt=""
                aria-roledescription="logo" style="height:50px;">
            <span class="page-logo-text mr-1"><?php echo e($settings_->site_name); ?></span>
            <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
        </a>
    </div>
    <!-- DOC: nav menu layout change shortcut -->
    <?php if(request()->is('pointToSale')): ?>

    <?php else: ?>
        <div class="hidden-md-down dropdown-icon-menu position-relative">
            <a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden"
               title="Hide Navigation">
                <i class="ni ni-menu"></i>
            </a>
            <ul>
                <li>
                    <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify"
                       title="Minify Navigation">
                        <i class="ni ni-minify-nav"></i>
                    </a>
                </li>
                <li>
                    <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-fixed"
                       title="Lock Navigation">
                        <i class="ni ni-lock-nav"></i>
                    </a>
                </li>
            </ul>
        </div>
    <?php endif; ?>
    <!-- DOC: mobile button appears during mobile width -->
    <div class="hidden-lg-up">
        <a href="#" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on">
            <i class="ni ni-menu"></i>
        </a>
    </div>
    
    <div class="ml-auto d-flex z-10">
        <!-- activate app search icon (mobile) -->
        <div class="hidden-sm-up">
            <a href="#" class="header-icon" data-action="toggle" data-class="mobile-search-on"
                data-focus="search-field" title="Search">
                <i class="fal fa-search"></i>
            </a>
        </div>
        <!-- app settings -->
        <div class="hidden-md-down">
            <a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-settings">
                <i class="fal fa-cog"></i>
            </a>
        </div>
        <!-- app shortcuts -->
        
        <!-- app notification -->
        <div>
            <!--Wiget notification-->
             
            <!--end Wiget notification-->

            
        </div>
        <!-- app user menu -->
        <div>
            <a href="#" data-toggle="dropdown" title="#"
                class="header-icon d-flex align-items-center justify-content-center ml-2" style="cursor: pointer;">
                <img src="<?php echo e(asset('admin-asset/img/demo/avatars/avatar-admin.png')); ?>"
                    class="profile-image rounded-circle" alt="Dr. Codex Lantern">
                <!-- you can also add username next to the avatar with the codes below:
                <span class="ml-1 mr-1 text-truncate text-truncate-header hidden-xs-down">Me</span>
                <i class="ni ni-chevron-down hidden-xs-down"></i> -->
            </a>
            <div class="dropdown-menu dropdown-menu-animated dropdown-lg">
                <div class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
                    <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
                        <span class="mr-2">
                            <img src="<?php echo e(asset('admin-asset/img/demo/avatars/avatar-admin.png')); ?>"
                                class="rounded-circle profile-image" alt="Dr. Codex Lantern">
                        </span>
                        <div class="info-card-text">
                            <div class="fs-lg text-truncate text-truncate-lg"><?php echo e(__('message.hello')); ?>,
                                <a href="<?php echo e(route('users.show' , auth()->user()->id ?? '#')); ?>" title="<?php echo e(__('message.show user')); ?>" style="color: whitesmoke">
                                    <?php echo e(auth()->user()->name ?? '#'); ?>

                                </a>
                            </div>
                            <span class="text-truncate text-truncate-md opacity-80">
                                <i class="fal fa-phone" aria-hidden="true"></i>
                                <?php echo e(auth()->user()->phone ?? '#'); ?>

                            </span>
                        </div>
                    </div>
                </div>
                <div class="dropdown-divider m-0"></div>
                <a href="<?php echo e(route('users.edit', \Auth::user())); ?>" class="dropdown-item" data-toggle="modal"
                    data-target="#EditProfile_modal">
                    <span data-i18n="drpdwn.print"><?php echo e(__('message.edit profile')); ?></span>
                </a>
                
                
                <button class="dropdown-item UserchangePass_modal " data-toggle="modal" data-target="#UserchangePass_modal " data-user-id="<?php echo e(Auth::id()); ?>">
                    <?php echo e(__('message.change password')); ?>

                </button>
                <a href="#" class="dropdown-item" data-action="app-reset">
                    <span data-i18n="drpdwn.reset_layout"><?php echo e(__('message.reset layout')); ?></span>
                </a>
                <a href="#" class="dropdown-item" data-toggle="modal" data-target=".js-modal-settings">
                    <span data-i18n="drpdwn.settings"><?php echo e(__('message.settings')); ?></span>
                </a>
                <div class="dropdown-divider m-0"></div>
                <a href="#" class="dropdown-item" data-action="app-fullscreen">
                    <span data-i18n="drpdwn.fullscreen"><?php echo e(__('message.full screen')); ?></span>
                    <i class="float-right text-muted fw-n">F11</i>
                </a>
                <a href="#" class="dropdown-item" data-action="app-print">
                    <span data-i18n="drpdwn.print"><?php echo e(__('message.print')); ?></span>
                    <i class="float-right text-muted fw-n">Ctrl + P</i>
                </a>
                <div class="dropdown-multilevel dropdown-multilevel-left">
                    <div class="dropdown-item">
                        <?php echo e(__('message.language')); ?>

                    </div>

                    <div class="dropdown-menu">
                        <a href="/lang/en" class="dropdown-item active" onclick="window.localStorage.setItem('lang' , 'en')">
                            <img src="<?php echo e(asset('en.png')); ?>" style="width:20px;">
                            English
                        </a>
                        <a href="/lang/kh" class="dropdown-item" onclick="window.localStorage.setItem('lang' , 'kh')">
                            <img src="<?php echo e(asset('kh.png')); ?>" style="width:20px;">
                            ខ្មែរ
                        </a>
                        <a href="/lang/th" class="dropdown-item" onclick="window.localStorage.setItem('lang' , 'th')">
                            <img src="<?php echo e(asset('th.png')); ?>" style="width:20px;">
                            ไทย
                        </a>
                    </div>
                </div>

                <div class="dropdown-divider m-0"></div>
                <a href="<?php echo e(route('logout')); ?>" class="dropdown-item fw-500 pt-3 pb-3 text-danger" href="#">
                    
                    <i class="fal fa-sign-out fa-lg"></i>
                    <span data-i18n="drpdwn.page-logout" class="logout"><?php echo e(__('message.logout')); ?></span>
                </a>
            </div>
        </div>
    </div>

    <!-- Modal popup ChangePassword-->
    <div class="modal fade" id="UserchangePass_modal" tabindex="-1" role="dialog" aria-hidden="true" style="z-index: 11111111111111111111111111">

        <div class="modal-dialog modal-lg " role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title"><i class="fal fa-unlock"> <?php echo e(__('message.change password')); ?> </i></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times text-light"></i></span>
                    </button>
                </div>
                <?php
                    $user = \App\Models\User::where('id' , \Auth::user()->id)->firstOrfail();
                ?>
                <form action="<?php echo e(route('user.updatePassword', $user->id)); ?>" method="POST" class="frm-change-password">
                     <?php echo method_field('PUT'); ?>
                    <?php echo e(csrf_field()); ?>

                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-md-2 control-label"><?php echo e(__('message.password')); ?></label>
                            <div class="col-md-12">
                                <input class="form-control" placeholder="<?php echo e(__('message.password')); ?>" type="password"
                                       name="password" required="">
                                <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                <span class="text-danger">
                                      <strong><?php echo e($message); ?></strong>
                                  </span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">

                        <button type="submit" id="saveChangePw" class="btn btn-primary waves-effect waves-themed"
                                onclick="this.form.submit();this.disabled = true;">
                            <i class="fal fa-save fa-lg"></i>
                            <?php echo e(__('message.save')); ?>

                        </button>
                        <button type="button" class="btn btn-danger waves-effect waves-themed"
                                data-dismiss="modal"><?php echo e(__('message.cancel')); ?></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- End Modal popup ChangePassword-->

    <!-- Modal popup Edit Profile-->
    <div class="modal fade" id="EditProfile_modal" tabindex="-1" role="dialog" aria-hidden="true">
        
        <div class="modal-dialog modal-lg " role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title"><i class="fal fa-user"> <?php echo e(__('message.edit profile')); ?> </i></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times text-light"></i></span>
                    </button>
                </div>
                <?php if(count($errors) > 0): ?>
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li><?php echo e($error); ?></li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </div>
                <?php endif; ?>

                <div class="row m-4">
                    <div class="col-xl-12 col-sm-12 col-md-12">
                        <form action="<?php echo e(route('users.update', Auth::user()->id)); ?>" method="POST">
                            <?php echo method_field('put'); ?>
                            <?php echo e(csrf_field()); ?>

                            <div class="row">
                                <div class="col-sm-6 col-lg-6 col-xs-12">
                                    <div class="form-group ">
                                        <label class="col-md-2 control-label"><?php echo e(__('message.name')); ?></label>
                                        <div class="col-md-12">
                                            <input class="form-control" placeholder="<?php echo e(__('message.name')); ?>" type="text"
                                                   name="name" value="<?php echo e(Auth::user()->name); ?>">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-2 control-label"><?php echo e(__('message.phone')); ?></label>
                                        <div class="col-md-12">
                                            <input class="form-control" placeholder="<?php echo e(__('message.phone')); ?>" type="text"
                                                   name="phone" value="<?php echo e(Auth::user()->phone); ?>">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-6 col-xs-12">
                                    <div class="form-group">
                                        <label class="col-md-2 control-label"><?php echo e(__('message.position')); ?></label>
                                        <div class="col-md-12">
                                            <input class="form-control" placeholder="<?php echo e(__('message.position')); ?>"
                                                   type="text" name="position" value="<?php echo e(Auth::user()->position); ?>">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-2 control-label"><?php echo e(__('message.gender')); ?></label>
                                        <div class="col-md-12">
                                            <select class="form-control" name="gender" required="">
                                                <option value="<?php echo e(Auth::user()->gender); ?>"><?php echo e(__('message.select')); ?></option>
                                                <option value="M" <?php if($user->gender == 'M'): ?> selected <?php endif; ?>>
                                                    <?php echo e(__('message.male')); ?></option>
                                                <option value="F" <?php if($user->gender == 'F'): ?> selected <?php endif; ?>>
                                                    <?php echo e(__('message.female')); ?></option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php
                                    $roles = Spatie\Permission\Models\Role::pluck('name', 'name')->all();
                                    $userRole = \Auth::user()->name;
                            ?>
                            <div class="form-group mt-4">
                                <label class="col-md-2 control-label"><?php echo e(__('message.role')); ?></label>
                                <div class="col-md-12">
                                    <?php echo Form::select('roles[]', $roles, $userRole, ['class' => 'form-control']); ?>

                                </div>
                            </div>
                            <!--  <div class="form-group">
                                        <label class="col-md-2 control-label"><?php echo e(__('message.password')); ?></label>
                                        <div class="col-md-12">
                                            <input class="form-control" placeholder="<?php echo e(__('message.password')); ?>" type="password"
                                                name="password"  required >
                                        </div>
                                    </div> -->

                            <div class="col-xs-12 col-sm-12 col-md-12 text-center" style="margin-top:10px;">
                                <button type="submit" class="btn btn-primary" onclick="this.form.submit();this.disabled = true;">
                                    <i class="fal fa-save " style="font-size: 16px"></i>
                                    <?php echo e(__('message.save')); ?></button>
                                <a data-dismiss="modal" class="btn btn-danger" style="color: whitesmoke"><?php echo e(__('message.cancels')); ?></a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modal popup Edit Profile-->


</header>
<?php /**PATH /var/www/html/jewelry-pos/resources/views/layouts/inc/header.blade.php ENDPATH**/ ?>