| Path : /var/www/html/jewelry-pos/resources/views/layouts/inc/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/jewelry-pos/resources/views/layouts/inc/header.blade.php |
<header class="page-header" role="banner">
<!-- we need this logo when user switches to nav-function-top -->
<div class="page-logo">
<a href="{{ route('home') }}" class="page-logo-link press-scale-down d-flex align-items-center position-relative">
<img src="{{ $settings_->logo ? asset($settings_->logo) : asset('logo.png') }}" alt=""
aria-roledescription="logo" style="height:50px;">
<span class="page-logo-text mr-1">{{ $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 -->
@if(request()->is('pointToSale'))
@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>
@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="search">
<form class="app-forms hidden-xs-down" role="search" action="https://www.gotbootstrap.com/themes/smartadmin/4.5.0/page_search.html" autocomplete="off">
<input type="text" id="search-field" placeholder="Search for anything" class="form-control" tabindex="1">
<a href="#" onclick="return false;" class="btn-danger btn-search-close js-waves-off d-none" data-action="toggle" data-class="mobile-search-on">
<i class="fal fa-times"></i>
</a>
</form>
</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 -->
{{-- <div>
<a href="#" class="header-icon" data-toggle="dropdown" title="Account">
<i class="fal fa-cube"></i>
</a>
<div class="dropdown-menu dropdown-menu-animated w-auto h-auto">
<div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top">
<h4 class="m-0 text-center color-white">
Quick Shortcut
<small class="mb-0 opacity-80">User Applications & Addons</small>
</h4>
</div>
<div class="custom-scroll h-100">
<ul class="app-list">
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-2 icon-stack-3x color-primary-600"></i>
<i class="base-3 icon-stack-2x color-primary-700"></i>
<i class="ni ni-settings icon-stack-1x text-white fs-lg"></i>
</span>
<span class="app-list-name">
Services
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-2 icon-stack-3x color-primary-400"></i>
<i class="base-10 text-white icon-stack-1x"></i>
<i class="ni md-profile color-primary-800 icon-stack-2x"></i>
</span>
<span class="app-list-name">
Account
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-9 icon-stack-3x color-success-400"></i>
<i class="base-2 icon-stack-2x color-success-500"></i>
<i class="ni ni-shield icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Security
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-18 icon-stack-3x color-info-700"></i>
<span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">28</span>
</span>
<span class="app-list-name">
Calendar
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-7 icon-stack-3x color-info-500"></i>
<i class="base-7 icon-stack-2x color-info-700"></i>
<i class="ni ni-graph icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Stats
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-4 icon-stack-3x color-danger-500"></i>
<i class="base-4 icon-stack-1x color-danger-400"></i>
<i class="ni ni-envelope icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Messages
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-4 icon-stack-3x color-fusion-400"></i>
<i class="base-5 icon-stack-2x color-fusion-200"></i>
<i class="base-5 icon-stack-1x color-fusion-100"></i>
<i class="fal fa-keyboard icon-stack-1x color-info-50"></i>
</span>
<span class="app-list-name">
Notes
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-16 icon-stack-3x color-fusion-500"></i>
<i class="base-10 icon-stack-1x color-primary-50 opacity-30"></i>
<i class="base-10 icon-stack-1x fs-xl color-primary-50 opacity-20"></i>
<i class="fal fa-dot-circle icon-stack-1x text-white opacity-85"></i>
</span>
<span class="app-list-name">
Photos
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-19 icon-stack-3x color-primary-400"></i>
<i class="base-7 icon-stack-2x color-primary-300"></i>
<i class="base-7 icon-stack-1x fs-xxl color-primary-200"></i>
<i class="base-7 icon-stack-1x color-primary-500"></i>
<i class="fal fa-globe icon-stack-1x text-white opacity-85"></i>
</span>
<span class="app-list-name">
Maps
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-5 icon-stack-3x color-success-700 opacity-80"></i>
<i class="base-12 icon-stack-2x color-success-700 opacity-30"></i>
<i class="fal fa-comment-alt icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Chat
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-5 icon-stack-3x color-warning-600"></i>
<i class="base-7 icon-stack-2x color-warning-800 opacity-50"></i>
<i class="fal fa-phone icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Phone
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-6 icon-stack-3x color-danger-600"></i>
<i class="fal fa-chart-line icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Projects
</span>
</a>
</li>
<li class="w-100">
<a href="#" class="btn btn-default mt-4 mb-2 pr-5 pl-5"> Add more apps </a>
</li>
</ul>
</div>
</div>
</div>
<!-- app message -->
<a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-messenger">
<i class="fal fa-globe"></i>
<span class="badge badge-icon">!</span>
</a> --}}
<!-- app notification -->
<div>
<!--Wiget notification-->
{{-- Widget::run('Notifications') --}}
<!--end Wiget notification-->
{{-- <a href="#" class="header-icon" data-toggle="dropdown" title="You got 11 notifications"
style="cursor: pointer;">
<i class="fal fa-bell"></i>
<span class="badge badge-icon">11</span>
</a>
<div class="dropdown-menu dropdown-menu-animated dropdown-xl">
<div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top mb-2">
<h4 class="m-0 text-center color-white">
11 New
<small class="mb-0 opacity-80">User Notifications</small>
</h4>
</div>
<ul class="nav nav-tabs nav-tabs-clean" role="tablist">
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-messages" data-i18n="drpdwn.messages">Messages</a>
</li>
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-feeds" data-i18n="drpdwn.feeds">Feeds</a>
</li>
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-events" data-i18n="drpdwn.events">Events</a>
</li>
</ul>
<div class="tab-content tab-notification">
<div class="tab-pane active p-3 text-center">
<h5 class="mt-4 pt-4 fw-500">
<span class="d-block fa-3x pb-4 text-muted">
<i class="ni ni-arrow-up text-gradient opacity-70"></i>
</span> Select a tab above to activate
<small class="mt-3 fs-b fw-400 text-muted">
This blank page message helps protect your privacy, or you can show the first message here automatically through
<a href="#">settings page</a>
</small>
</h5>
</div>
<div class="tab-pane" id="tab-messages" role="tabpanel">
<div class="custom-scroll h-100">
<ul class="notification">
<li class="unread">
<a href="#" class="d-flex align-items-center">
<span class="status mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Melissa Ayre <span class="badge badge-primary fw-n position-absolute pos-top pos-right mt-1">INBOX</span></span>
<span class="msg-a fs-sm">Re: New security codes</span>
<span class="msg-b fs-xs">Hello again and thanks for being part...</span>
<span class="fs-nano text-muted mt-1">56 seconds ago</span>
</span>
</a>
</li>
<li class="unread">
<a href="#" class="d-flex align-items-center">
<span class="status mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Adison Lee</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">2 minutes ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Oliver Kopyuv</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">3 days ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-warning mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Dr. John Cook PhD</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">2 weeks ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<!-- <img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle" alt="Sarah McBrook" /> -->
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Sarah McBrook</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">3 weeks ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-m.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Anothony Bezyeth</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">one month ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-danger mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-j.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Lisa Hatchensen</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">one year ago</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="tab-pane" id="tab-feeds" role="tabpanel">
<div class="custom-scroll h-100">
<ul class="notification">
<li class="unread">
<div class="d-flex align-items-center show-child-on-hover">
<span class="d-flex flex-column flex-1">
<span class="name d-flex align-items-center">Administrator <span class="badge badge-success fw-n ml-1">UPDATE</span></span>
<span class="msg-a fs-sm">
System updated to version <strong>4.5.0</strong> <a href="docs_buildnotes.html">(patch notes)</a>
</span>
<span class="fs-nano text-muted mt-1">5 mins ago</span>
</span>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<div class="d-flex flex-column flex-1">
<span class="name">
Adison Lee <span class="fw-300 d-inline">replied to your video <a href="#" class="fw-400"> Cancer Drug</a> </span>
</span>
<span class="msg-a fs-sm mt-2">Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day...</span>
<span class="fs-nano text-muted mt-1">10 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-k.png" class="profile-image rounded-circle" alt="k" />-->
<div class="d-flex flex-column flex-1">
<span class="name">
Troy Norman'<span class="fw-300">s new connections</span>
</span>
<div class="fs-sm d-flex align-items-center mt-2">
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
<div data-hasmore="+3" class="rounded-circle profile-image-md mr-1">
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
</div>
</div>
<span class="fs-nano text-muted mt-1">55 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-e.png" class="profile-image-sm rounded-circle align-self-start mt-1" alt="k" />-->
<div class="d-flex flex-column flex-1">
<span class="name">Dr John Cook <span class="fw-300">sent a <span class="text-danger">new signal</span></span></span>
<span class="msg-a fs-sm mt-2">Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</span>
<span class="fs-nano text-muted mt-1">10 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<div class="d-flex flex-column flex-1">
<span class="name">Lab Images <span class="fw-300">were updated!</span></span>
<div class="fs-sm d-flex align-items-center mt-1">
<a href="#" class="mr-1 mt-1" title="Cell A-0012">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-7.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 saliva">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-8.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 blood cells">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-11.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 Membrane O.C">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-12.png'); background-size: cover;"></span>
</a>
</div>
<span class="fs-nano text-muted mt-1">55 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle align-self-start mt-1" alt="k" />-->
<div class="d-flex flex-column flex-1">
<div class="name mb-2">
Lisa Lamar<span class="fw-300"> updated project</span>
</div>
<div class="row fs-b fw-300">
<div class="col text-left">
Progress
</div>
<div class="col text-right fw-500">
45%
</div>
</div>
<div class="progress progress-sm d-flex mt-1">
<span class="progress-bar bg-primary-500 progress-bar-striped" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></span>
</div>
<span class="fs-nano text-muted mt-1">2 hrs ago</span>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-pane" id="tab-events" role="tabpanel">
<div class="d-flex flex-column h-100">
<div class="h-auto">
<table class="table table-bordered table-calendar m-0 w-100 h-100 border-0">
<tr>
<th colspan="7" class="pt-3 pb-2 pl-3 pr-3 text-center">
<div class="js-get-date h5 mb-2">[your date here]</div>
</th>
</tr>
<tr class="text-center">
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
<tr>
<td class="text-muted bg-faded">30</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td><i class="fal fa-birthday-cake mt-1 ml-1 position-absolute pos-left pos-top text-primary"></i> 6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td class="bg-primary-300 pattern-0">10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="text-muted bg-faded">1</td>
<td class="text-muted bg-faded">2</td>
<td class="text-muted bg-faded">3</td>
</tr>
</table>
</div>
<div class="flex-1 custom-scroll">
<div class="p-2">
<div class="d-flex align-items-center text-left mb-3">
<div class="width-5 fw-300 text-primary l-h-n mr-1 align-self-start fs-xxl">
15
</div>
<div class="flex-1">
<div class="d-flex flex-column">
<span class="l-h-n fs-md fw-500 opacity-70">
October 2020
</span>
<span class="l-h-n fs-nano fw-400 text-secondary">
Friday
</span>
</div>
<div class="mt-3">
<p>
<strong>2:30PM</strong> - Doctor's appointment
</p>
<p>
<strong>3:30PM</strong> - Report overview
</p>
<p>
<strong>4:30PM</strong> - Meeting with Donnah V.
</p>
<p>
<strong>5:30PM</strong> - Late Lunch
</p>
<p>
<strong>6:30PM</strong> - Report Compression
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 px-3 bg-faded d-block rounded-bottom text-right border-faded border-bottom-0 border-right-0 border-left-0">
<a href="#" class="fs-xs fw-500 ml-auto">view all notifications</a>
</div>
</div> --}}
</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="{{ 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="{{ 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">{{ __('message.hello') }},
<a href="{{route('users.show' , auth()->user()->id ?? '#')}}" title="{{__('message.show user')}}" style="color: whitesmoke">
{{auth()->user()->name ?? '#'}}
</a>
</div>
<span class="text-truncate text-truncate-md opacity-80">
<i class="fal fa-phone" aria-hidden="true"></i>
{{ auth()->user()->phone ?? '#' }}
</span>
</div>
</div>
</div>
<div class="dropdown-divider m-0"></div>
<a href="{{ route('users.edit', \Auth::user()) }}" class="dropdown-item" data-toggle="modal"
data-target="#EditProfile_modal">
<span data-i18n="drpdwn.print">{{ __('message.edit profile') }}</span>
</a>
{{-- <a href="{{ route('user.editpassowrd', \Auth::user()) }}" class="dropdown-item">
<span data-i18n="drpdwn.print">{{ __('message.change password') }}</span>
</a> --}}
{{-- data-change-password-id="{{ $user->id }}" data-form-type="admin" --}}
<button class="dropdown-item UserchangePass_modal " data-toggle="modal" data-target="#UserchangePass_modal " data-user-id="{{Auth::id()}}">
{{ __('message.change password') }}
</button>
<a href="#" class="dropdown-item" data-action="app-reset">
<span data-i18n="drpdwn.reset_layout">{{ __('message.reset layout') }}</span>
</a>
<a href="#" class="dropdown-item" data-toggle="modal" data-target=".js-modal-settings">
<span data-i18n="drpdwn.settings">{{ __('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">{{ __('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">{{ __('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">
{{ __('message.language') }}
</div>
<div class="dropdown-menu">
<a href="/lang/en" class="dropdown-item active" onclick="window.localStorage.setItem('lang' , 'en')">
<img src="{{ asset('en.png') }}" style="width:20px;">
English
</a>
<a href="/lang/kh" class="dropdown-item" onclick="window.localStorage.setItem('lang' , 'kh')">
<img src="{{ asset('kh.png') }}" style="width:20px;">
ខ្មែរ
</a>
<a href="/lang/th" class="dropdown-item" onclick="window.localStorage.setItem('lang' , 'th')">
<img src="{{ asset('th.png') }}" style="width:20px;">
ไทย
</a>
</div>
</div>
<div class="dropdown-divider m-0"></div>
<a href="{{ route('logout') }}" class="dropdown-item fw-500 pt-3 pb-3 text-danger" href="#">
{{-- <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form> --}}
<i class="fal fa-sign-out fa-lg"></i>
<span data-i18n="drpdwn.page-logout" class="logout">{{ __('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">
{{-- modal-dialog-centered--}}
<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"> {{ __('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="{{ route('user.updatePassword', $user->id) }}" method="POST" class="frm-change-password">
@method('PUT')
{{ csrf_field() }}
<div class="modal-body">
<div class="form-group">
<label class="col-md-2 control-label">{{ __('message.password') }}</label>
<div class="col-md-12">
<input class="form-control" placeholder="{{ __('message.password') }}" type="password"
name="password" required="">
@error('password')
<span class="text-danger">
<strong>{{ $message }}</strong>
</span>
@enderror
</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>
{{ __('message.save') }}
</button>
<button type="button" class="btn btn-danger waves-effect waves-themed"
data-dismiss="modal">{{ __('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">
{{-- modal-dialog-centered --}}
<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"> {{ __('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>
@if (count($errors) > 0)
<div class="alert alert-danger">
<strong>Whoops!</strong> There were some problems with your input.<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="row m-4">
<div class="col-xl-12 col-sm-12 col-md-12">
<form action="{{ route('users.update', Auth::user()->id) }}" method="POST">
@method('put')
{{ 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">{{ __('message.name') }}</label>
<div class="col-md-12">
<input class="form-control" placeholder="{{ __('message.name') }}" type="text"
name="name" value="{{ Auth::user()->name }}">
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">{{ __('message.phone') }}</label>
<div class="col-md-12">
<input class="form-control" placeholder="{{ __('message.phone') }}" type="text"
name="phone" value="{{ 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">{{ __('message.position') }}</label>
<div class="col-md-12">
<input class="form-control" placeholder="{{ __('message.position') }}"
type="text" name="position" value="{{ Auth::user()->position }}">
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">{{ __('message.gender') }}</label>
<div class="col-md-12">
<select class="form-control" name="gender" required="">
<option value="{{Auth::user()->gender}}">{{ __('message.select') }}</option>
<option value="M" @if ($user->gender == 'M') selected @endif>
{{ __('message.male') }}</option>
<option value="F" @if ($user->gender == 'F') selected @endif>
{{ __('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">{{ __('message.role') }}</label>
<div class="col-md-12">
{!! Form::select('roles[]', $roles, $userRole, ['class' => 'form-control']) !!}
</div>
</div>
<!-- <div class="form-group">
<label class="col-md-2 control-label">{{ __('message.password') }}</label>
<div class="col-md-12">
<input class="form-control" placeholder="{{ __('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>
{{ __('message.save') }}</button>
<a data-dismiss="modal" class="btn btn-danger" style="color: whitesmoke">{{ __('message.cancels') }}</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End Modal popup Edit Profile-->
</header>