File: /home/workzeni/agency-erp-05.workzenix.com/resources/views/layouts/includes/header.blade.php
<header class="pc-header">
<div class="header-wrapper"> <!-- [Mobile Media Block] start -->
<div class="me-auto pc-mob-drp">
<ul class="list-unstyled">
<!-- ======= Menu collapse Icon ===== -->
<li class="pc-h-item pc-sidebar-collapse">
<a href="#" class="pc-head-link ms-0" id="sidebar-hide">
<i class="ti ti-menu-2"></i>
</a>
</li>
<li class="pc-h-item pc-sidebar-popup">
<a href="#" class="pc-head-link ms-0" id="mobile-collapse">
<i class="ti ti-menu-2"></i>
</a>
</li>
<li class="dropdown pc-h-item d-inline-flex d-md-none">
<a class="pc-head-link dropdown-toggle arrow-none m-0" data-bs-toggle="dropdown" href="#"
role="button" aria-haspopup="false" aria-expanded="false">
<i class="ti ti-search"></i>
</a>
<div class="dropdown-menu pc-h-dropdown drp-search">
<form class="px-3">
<div class="form-group mb-0 d-flex align-items-center">
<i data-feather="search"></i>
<input type="search" class="form-control border-0 shadow-none"
placeholder="Search here. . .">
</div>
</form>
</div>
</li>
<li class="pc-h-item d-none d-md-inline-flex">
<form class="header-search">
<i data-feather="search" class="icon-search"></i>
<input type="search" class="form-control" placeholder="Search here. . .">
</form>
</li>
</ul>
</div>
<!-- [Mobile Media Block end] -->
<div class="ms-auto">
<ul class="list-unstyled">
{{-- Time Display --}}
{{-- <li class="pc-h-item me-2 clock ">
<div class="d-flex currency-info">
<div class="clock-section me-2 ms-2">
<p class="clock-timer clock-day" aria-label="Day">
<span>Mon</span>
</p>
</div><span>:</span>
<div class="clock-section me-2 ms-2">
<p class="clock-timer clock-hours" aria-label="Hours">
<span>12</span>
</p>
</div><span> :</span>
<div class="clock-section me-2 ms-2">
<p class="clock-timer clock-minutes" aria-label="Minutes">
<span>34</span>
</p>
</div><span> :</span>
<div class="clock-section me-2 ms-2">
<p class="clock-timer clock-seconds" aria-label="Seconds">
<span>56</span>
</p>
</div>
</div>
</li> --}}
{{-- BDT Account Balance --}}
<li class="pc-h-item currency-balance bdt-balance">
<div class="currency-info text-black">
BDT: <span id="bdt-value">0.00 </span> |
SAR: <span id="sar-value">0.00 </span>
</div>
</li>
<li class="dropdown pc-h-item">
<a class="pc-head-link dropdown-toggle arrow-none me-0" data-bs-toggle="dropdown" href="#"
role="button" aria-haspopup="false" aria-expanded="false">
<i class="ti ti-mail"></i>
</a>
<div class="dropdown-menu dropdown-notification dropdown-menu-end pc-h-dropdown">
<div class="dropdown-header d-flex align-items-center justify-content-between">
<h5 class="m-0">Message</h5>
<a href="#!" class="pc-head-link bg-transparent"><i
class="ti ti-x text-danger"></i></a>
</div>
<div class="dropdown-divider"></div>
<div class="dropdown-header px-0 text-wrap header-notification-scroll position-relative"
style="max-height: calc(100vh - 215px)">
<div class="list-group list-group-flush w-100">
<a class="list-group-item list-group-item-action">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="{{ asset('admin/assets/images/user/avatar-2.jpg') }}"
alt="user-image" class="user-avtar">
</div>
<div class="flex-grow-1 ms-1">
<span class="float-end text-muted">3:00 AM</span>
<p class="text-body mb-1">It's <b>Cristina danny's</b> birthday today.
</p>
<span class="text-muted">2 min ago</span>
</div>
</div>
</a>
<a class="list-group-item list-group-item-action">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="{{ asset('admin/assets/images/user/avatar-1.jpg') }}"
alt="user-image" class="user-avtar">
</div>
<div class="flex-grow-1 ms-1">
<span class="float-end text-muted">6:00 PM</span>
<p class="text-body mb-1"><b>Aida Burg</b> commented your post.</p>
<span class="text-muted">5 August</span>
</div>
</div>
</a>
<a class="list-group-item list-group-item-action">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="{{ asset('admin/assets/images/user/avatar-3.jpg') }}"
alt="user-image" class="user-avtar">
</div>
<div class="flex-grow-1 ms-1">
<span class="float-end text-muted">2:45 PM</span>
<p class="text-body mb-1"><b>There was a failure to your setup.</b></p>
<span class="text-muted">7 hours ago</span>
</div>
</div>
</a>
<a class="list-group-item list-group-item-action">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="{{ asset('admin/assets/images/user/avatar-4.jpg') }}"
alt="user-image" class="user-avtar">
</div>
<div class="flex-grow-1 ms-1">
<span class="float-end text-muted">9:10 PM</span>
<p class="text-body mb-1"><b>Cristina Danny </b> invited to join <b>
Meeting.</b></p>
<span class="text-muted">Daily scrum meeting time</span>
</div>
</div>
</a>
</div>
</div>
<div class="dropdown-divider"></div>
<div class="text-center py-2">
<a href="#!" class="link-primary">View all</a>
</div>
</div>
</li>
<li class="dropdown pc-h-item header-user-profile">
<a class="pc-head-link dropdown-toggle arrow-none me-0" data-bs-toggle="dropdown" href="#"
role="button" aria-haspopup="false" data-bs-auto-close="outside" aria-expanded="false">
<img src="{{ asset('admin/assets/images/user/avatar-2.jpg') }}" alt="user-image"
class="user-avtar">
<span>{{ auth()->user()->name }}</span>
</a>
<div class="dropdown-menu dropdown-user-profile dropdown-menu-end pc-h-dropdown">
<div class="dropdown-header">
<div class="d-flex mb-1">
<div class="flex-shrink-0">
<img src="{{ asset('admin/assets/images/user/avatar-2.jpg') }}" alt="user-image"
class="user-avtar wid-35">
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-1">{{ auth()->user()->name }}</h6>
<span>
@php
$role = auth()->user()->role;
@endphp
@switch($role)
@case(1)
<span>Admin</span>
@break
@case(2)
<span>Manager</span>
@break
@case(3)
<span>Editor</span>
@break
@case(4)
<span>Agency</span>
@break
@default
<span>Unknown Role</span>
@endswitch
</span>
</div>
<form method="POST" action="{{ route('logout') }}">
@csrf
<button type="submit" class="pc-head-link bg-transparent border-0"
style="background: none;">
<i class="ti ti-power text-danger"></i>
</button>
</form>
{{-- <a href="" class="pc-head-link bg-transparent"><i
class="ti ti-power text-danger"></i>
</a> --}}
</div>
</div>
<ul class="nav drp-tabs nav-fill nav-tabs" id="mydrpTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="drp-t1" data-bs-toggle="tab"
data-bs-target="#drp-tab-1" type="button" role="tab"
aria-controls="drp-tab-1" aria-selected="true"><i class="ti ti-user"></i>
Profile</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="drp-t2" data-bs-toggle="tab"
data-bs-target="#drp-tab-2" type="button" role="tab"
aria-controls="drp-tab-2" aria-selected="false"><i class="ti ti-settings"></i>
Setting</button>
</li>
</ul>
<div class="tab-content" id="mysrpTabContent">
<div class="tab-pane fade show active" id="drp-tab-1" role="tabpanel"
aria-labelledby="drp-t1" tabindex="0">
<a href="#!" class="dropdown-item">
<i class="ti ti-edit-circle"></i>
<span>Edit Profile</span>
</a>
<a href="#!" class="dropdown-item">
<i class="ti ti-user"></i>
<span>View Profile</span>
</a>
@php
$user = auth()->user();
@endphp
@if (in_array($user->role, [1, 4]))
<a href="{{ route('agency.manage_profile', $user->company_id) }}"
class="dropdown-item">
<i class="ti ti-clipboard-list"></i>
<span>Agency Profile</span>
</a>
@endif
<a href="#!" class="dropdown-item">
<i class="ti ti-wallet"></i>
<span>Billing</span>
</a>
<form method="POST" action="{{ route('logout') }}">
@csrf
<button type="submit" class="dropdown-item border-0" style="background: none;">
<i class="ti ti-power text-danger"></i>
<span>Logout</span>
</button>
</form>
{{-- <a href="#!" class="dropdown-item">
<i class="ti ti-power"></i>
</a> --}}
</div>
<div class="tab-pane fade" id="drp-tab-2" role="tabpanel" aria-labelledby="drp-t2"
tabindex="0">
<a href="#!" class="dropdown-item">
<i class="ti ti-help"></i>
<span>Support</span>
</a>
<a href="#!" class="dropdown-item">
<i class="ti ti-user"></i>
<span>Account Settings</span>
</a>
<a href="#!" class="dropdown-item">
<i class="ti ti-lock"></i>
<span>Privacy Center</span>
</a>
<a href="#!" class="dropdown-item">
<i class="ti ti-messages"></i>
<span>Feedback</span>
</a>
<a href="#!" class="dropdown-item">
<i class="ti ti-list"></i>
<span>History</span>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</header>
@section('scripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
let previousBdt = 0;
let previousSar = 0;
function fetchCurrencyBalance() {
$.ajax({
url: "{{ route('currency.balance') }}",
method: "GET",
dataType: "json",
success: function(data) {
if (data && typeof data.bdt_acct !== 'undefined' && typeof data.sar_acct !== 'undefined') {
updateCurrency("#bdt-value", data.bdt_acct, previousBdt);
updateCurrency("#sar-value", data.sar_acct, previousSar);
previousBdt = parseFloat(data.bdt_acct);
previousSar = parseFloat(data.sar_acct);
} else {
console.warn("Unexpected response format:", data);
}
},
error: function(xhr, status, error) {
console.error("Failed to fetch currency data:", status, error);
}
});
}
function updateCurrency(selector, newValue, oldValue) {
const el = $(selector);
newValue = parseFloat(newValue).toFixed(2);
if (newValue > oldValue) {
el.addClass('currency-up').removeClass('currency-down');
} else if (newValue < oldValue) {
el.addClass('currency-down').removeClass('currency-up');
} else {
el.removeClass('currency-up currency-down');
}
el.text(newValue);
// Remove color after short time
setTimeout(() => {
el.removeClass('currency-up currency-down');
}, 1000);
}
// Initial fetch
fetchCurrencyBalance();
// Fetch every 5 seconds
setInterval(fetchCurrencyBalance, 5000);
</script>
@endsection