ifnex/04_Laravel/storage/panel-dump2.html
Kazem Alghasi 91984dbde3 feat(ui): redesign admin dashboard with layered grid and custom branding
Implement a comprehensive overhaul of the Filament admin dashboard,
introducing a structured 12-column responsive grid layout and enhanced
visual identity.

Key changes include:
- Redesigned Dashboard layout with a 4-layer progressive disclosure
  architecture (KPIs, Exchange Rates, Data Tables, and Trends).
- Introduced custom IFNEX design tokens via CSS, including branded
  stat cards, status badges, and improved sidebar typography.
- Enhanced FinanceOverviewWidget with real-time trend analysis and
  sparkline-ready data structures.
- Refactored RecentShipments and RecentTransactions widgets to use
  custom Blade templates for a more polished, consistent UI.
- Integrated brand assets including the company logo and custom
  authentication pages.
- Added global number formatting helpers and integrated them into
  financial widgets.
- Updated AdminPanelProvider to support custom login pages and
  brand-specific header/footer hooks.
2026-10-03 11:08:50 +03:30

3297 lines
175 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html
lang="fa"
dir="rtl"
class="fi min-h-screen"
>
<head>
<!-- فونت وزیرمتن برای فارسی -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
/* ─── تنظیمات پایه RTL ─── */
html {
direction: rtl;
font-family: 'Vazirmatn', 'IranYekan', Tahoma, sans-serif !important;
}
body {
font-family: 'Vazirmatn', 'IranYekan', Tahoma, sans-serif !important;
}
/* ─── Sidebar استایل سفارشی ─── */
.fi-sidebar {
background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%) !important;
}
.fi-sidebar-item a {
transition: all 0.25s cubic-bezier(.4,0,.2,1);
}
.fi-sidebar-item-active > a {
background: rgba(245, 158, 11, 0.15) !important;
border-right: 3px solid #f59e0b !important;
}
.fi-sidebar-item-active > a .fi-sidebar-item-label {
color: #f59e0b !important;
font-weight: 700;
}
.fi-sidebar-item-active > a .fi-icon {
color: #f59e0b !important;
}
/* ─── دکمه‌ها ─── */
.fi-btn.fi-btn-color-primary {
box-shadow: 0 8px 20px rgba(245, 158, 11, 0.35);
}
/* ─── کارت‌های Stat ─── */
.fi-wi-stats-overview-stat {
border-radius: 16px !important;
border: 1px solid #e5e7eb;
}
/* ─── Logo استایل ─── */
.fi-brand {
font-family: 'Vazirmatn', sans-serif;
font-weight: 900;
letter-spacing: -0.5px;
}
.fi-brand-name {
font-family: 'Vazirmatn', sans-serif !important;
font-weight: 900 !important;
}
/* ─── اعداد فارسی ─── */
.fi-wi-stats-overview-stat-value,
.fi-tables-column-type-numeric {
font-family: 'Vazirmatn', sans-serif !important;
}
/* ─── Dark Mode بهبودها ─── */
.dark .fi-sidebar {
background: linear-gradient(180deg, #0f172a 0%, #1a1a2e 100%) !important;
}
.dark .fi-sidebar-item-active > a {
background: rgba(245, 158, 11, 0.2) !important;
}
/* ─── Notifications badge ─── */
.fi-badge {
font-family: 'Vazirmatn', sans-serif !important;
}
/* ─── Tables RTL fix ─── */
.fi-ta-ctn {
direction: rtl;
}
.fi-ta-header-heading {
font-family: 'Vazirmatn', sans-serif;
font-weight: 700;
}
/* ─── Forms RTL ─── */
.fi-input-wrp {
direction: rtl;
}
.fi-input-wrp-input {
text-align: right;
}
/* ─── Login Page بهبود ─── */
.fi-auth-layout {
background: linear-gradient(135deg, #1a0a00 0%, #3d1a00 30%, #7c3100 60%, #d97706 85%, #f59e0b 100%);
}
.fi-auth-card {
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.97) !important;
border-radius: 20px !important;
box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25) !important;
}
.fi-login-heading {
font-family: 'Vazirmatn', sans-serif;
font-weight: 800;
color: #111827;
}
/* ─── Scrollbar سفارشی ─── */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
background: #f59e0b;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #d97706;
}
/* ─── Page transitions ─── */
.fi-section {
transition: all 0.3s ease;
}
/* ─── Fix برای اعداد فارسی ─── */
.fi-wi-stats-overview-stat-description,
.fi-wi-stats-overview-stat-label {
font-family: 'Vazirmatn', sans-serif;
}
/* ─── Stats card hover ─── */
.fi-wi-stats-overview-stat:hover {
transform: translateY(-4px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
/* ─── Badge colors ─── */
.fi-badge.fi-badge-color-success {
background: #d1fae5 !important;
color: #065f46 !important;
}
.fi-badge.fi-badge-color-danger {
background: #fee2e2 !important;
color: #991b1b !important;
}
.fi-badge.fi-badge-color-warning {
background: #fef3c7 !important;
color: #92400e !important;
}
/* ─── فشرده‌سازی جداول فیلمنت (فونت کوچک‌تر + padding کمتر) ─── */
.fi-ta-text,
.fi-ta-text-content {
font-size: 0.8125rem !important; /* 13px به‌جای 14px پیش‌فرض */
line-height: 1.4 !important;
}
.fi-ta-header-heading {
font-size: 0.75rem !important; /* سرست 12px */
font-weight: 600 !important;
}
.fi-ta-cell,
.fi-ta-header-cell {
padding: 0.5rem 0.625rem !important; /* فشرده‌تر */
}
.fi-ta-text-wrap {
gap: 0.125rem !important;
}
/* ─── عناوین گروه‌های سایدبار: سفید روی پس‌زمینه تیره ─── */
.fi-sidebar-group-label {
color: #e2e8f0 !important;
font-weight: 600 !important;
}
.fi-sidebar-group-icon {
color: #cbd5e1 !important;
}
.fi-sidebar-group-collapse-button {
color: #cbd5e1 !important;
}
.fi-sidebar-group-button:hover .fi-sidebar-group-label,
.fi-sidebar-group-button:hover .fi-sidebar-group-icon,
.fi-sidebar-group-button:hover .fi-sidebar-group-collapse-button {
color: #f59e0b !important;
}
/* ─── دکمه بستن/باز کردن همه منوها ─── */
.ifnex-sidebar-collapse-all {
display: block;
width: calc(100% - 16px);
margin: 4px 8px 8px;
padding: 7px 10px;
font-size: 11.5px;
font-family: inherit;
color: #cbd5e1;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 8px;
cursor: pointer;
text-align: center;
transition: all .2s;
}
.ifnex-sidebar-collapse-all:hover {
background: rgba(245, 158, 11, .15);
border-color: rgba(245, 158, 11, .35);
color: #f59e0b;
}
/* ─── IFNEX Dashboard redesign — card / badge / trend design tokens ─── */
/* Base card: rounded-2xl, soft multi-layer shadow, 1px gray-200 border */
.ifnex-card-shadow,
.ifnex-card {
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.08),
0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
/* Stat card base — used by StatsOverviewWidget cards */
.fi-wi-stats-overview-stat.ifnex-stat-card {
border-radius: 16px !important;
border: 1px solid #e5e7eb !important;
padding: 1.25rem !important;
background: #FAF9F6 !important;
}
.dark .fi-wi-stats-overview-stat.ifnex-stat-card {
background: rgb(30 41 59) !important;
border-color: rgb(51 65 85) !important;
}
.ifnex-stat-card {
border-radius: 16px !important;
border: 1px solid #e5e7eb !important;
padding: 1.25rem !important;
background: #FAF9F6 !important;
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.08),
0 1px 2px rgba(0, 0, 0, 0.04) !important;
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.ifnex-stat-card:hover {
transform: translateY(-2px);
box-shadow:
0 10px 25px rgba(0, 0, 0, 0.10),
0 4px 6px rgba(0, 0, 0, 0.05) !important;
}
/* Stat icon — colored soft circle (40×40), centered heroicon */
.ifnex-stat-icon {
width: 40px;
height: 40px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ifnex-stat-icon-amber { background: #fef3c7; color: #d97706; }
.ifnex-stat-icon-green { background: #d1fae5; color: #059669; }
.ifnex-stat-icon-red { background: #fee2e2; color: #dc2626; }
.ifnex-stat-icon-blue { background: #dbeafe; color: #2563eb; }
.ifnex-stat-icon-gray { background: #f1f5f9; color: #475569; }
.dark .ifnex-stat-icon-amber { background: rgba(245,158,11,.18); color: #fbbf24; }
.dark .ifnex-stat-icon-green { background: rgba(16,185,129,.18); color: #34d399; }
.dark .ifnex-stat-icon-red { background: rgba(239,68,68,.18); color: #f87171; }
.dark .ifnex-stat-icon-blue { background: rgba(59,130,246,.18); color: #60a5fa; }
.dark .ifnex-stat-icon-gray { background: rgba(148,163,184,.18); color: #cbd5e1; }
/* Big number typography */
.ifnex-stat-number {
font-family: 'Vazirmatn', sans-serif !important;
font-size: 28px;
line-height: 1.2;
font-weight: 800;
color: #111827;
letter-spacing: -0.5px;
}
.dark .ifnex-stat-number { color: #f9fafb; }
/* Stat label */
.ifnex-stat-label {
font-family: 'Vazirmatn', sans-serif !important;
font-size: 12px;
font-weight: 500;
color: #6b7280;
}
.dark .ifnex-stat-label { color: #9ca3af; }
/* Trend indicators */
.ifnex-stat-trend-up {
color: #10b981;
font-weight: 600;
font-size: 12px;
}
.ifnex-stat-trend-down {
color: #ef4444;
font-weight: 600;
font-size: 12px;
}
.ifnex-stat-trend-flat {
color: #9ca3af;
font-weight: 600;
font-size: 12px;
}
/* ─── Brand status badges ─── */
.ifnex-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 0.125rem 0.625rem;
border-radius: 9999px;
font-size: 11.5px;
font-weight: 600;
line-height: 1.4;
white-space: nowrap;
}
.ifnex-badge-success { background: #d1fae5; color: #047857; }
.ifnex-badge-warning { background: #fef3c7; color: #b45309; }
.ifnex-badge-danger { background: #fee2e2; color: #b91c1c; }
.ifnex-badge-info { background: #dbeafe; color: #1d4ed8; }
.ifnex-badge-gray { background: #f1f5f9; color: #475569; }
.dark .ifnex-badge-success { background: rgba(16,185,129,.18); color: #6ee7b7; }
.dark .ifnex-badge-warning { background: rgba(245,158,11,.18); color: #fcd34d; }
.dark .ifnex-badge-danger { background: rgba(239,68,68,.18); color: #fca5a5; }
.dark .ifnex-badge-info { background: rgba(59,130,246,.18); color: #93c5fd; }
.dark .ifnex-badge-gray { background: rgba(148,163,184,.18); color: #cbd5e1; }
/* ─── Table row hover (Layer 3 tables) ─── */
.ifnex-table-row-hover:hover {
background-color: #fffbeb !important;
}
.dark .ifnex-table-row-hover:hover {
background-color: rgba(245, 158, 11, 0.08) !important;
}
/* Compact table cells + headers used by ifnex widgets */
.ifnex-th {
padding: 0.625rem 0.75rem;
font-size: 11.5px;
font-weight: 600;
text-transform: none;
}
.ifnex-td {
padding: 0.625rem 0.75rem;
vertical-align: middle;
}
/* Inline link (e.g. "مشاهده همه ←") */
.ifnex-link-inline {
display: inline-flex;
align-items: center;
gap: 2px;
}
/* ─── Stat card icon color tinting for IFNEX KPIs ─── */
.fi-wi-stats-overview-stat .fi-icon,
.fi-stat-icon {
border-radius: 12px !important;
}
</style>
<script>
/* ─── گروه‌های سایدبار: پیش‌فرض بسته + کلیک روی عنوان + دکمه بستن/باز کردن همه ───
از استور بومی Alpine فیلامنت (sidebar.collapsedGroups) استفاده می‌کند؛
بنابراین وضعیت هر گروه در localStorage فیلامنت حفظ می‌شود. */
(function () {
function groupLabels() {
return Array.from(document.querySelectorAll('.fi-sidebar-group-label'))
.map(function (el) { return el.textContent.trim(); })
.filter(Boolean);
}
function collapseAll(store) {
groupLabels().forEach(function (label) { store.collapseGroup(label); });
}
function expandAll(store) {
groupLabels().forEach(function (label) {
if (store.groupIsCollapsed(label)) store.toggleCollapsedGroup(label);
});
}
// بار اول برای هر مرورگر: همه منوها بسته باشند؛ بعد از آن انتخاب کاربر محترم است
function initDefaultCollapsed() {
if (!window.Alpine) return;
var store = window.Alpine.store('sidebar');
if (!store || typeof store.collapseGroup !== 'function') return;
if (!localStorage.getItem('ifnex-sidebar-default-collapsed')) {
collapseAll(store);
localStorage.setItem('ifnex-sidebar-default-collapsed', '1');
}
}
// کلیک روی ردیف عنوان گروه = باز/بسته کردن گروه (علاوه بر دکمه فلش)
document.addEventListener('click', function (e) {
var btn = e.target.closest('.fi-sidebar-group-button');
if (!btn || e.target.closest('.fi-sidebar-group-collapse-button')) return;
if (!window.Alpine) return;
var store = window.Alpine.store('sidebar');
if (!store) return;
var labelEl = btn.querySelector('.fi-sidebar-group-label');
// در حالت جمع‌شدهٔ کناری (فقط آیکون)، عنوان مخفی است — نادیده بگیر
if (!labelEl || labelEl.offsetParent === null) return;
var label = labelEl.textContent.trim();
if (label) store.toggleCollapsedGroup(label);
});
// دکمه «بستن/باز کردن همه» بالای سایدبار
function injectToggle() {
if (!document.querySelector('.fi-main-sidebar') || document.querySelector('.ifnex-sidebar-collapse-all')) return;
var nav = document.querySelector('.fi-main-sidebar .fi-sidebar-nav');
if (!nav) return;
var b = document.createElement('button');
b.type = 'button';
b.className = 'ifnex-sidebar-collapse-all';
b.textContent = 'بستن همه منوها ⌃';
b.dataset.mode = 'collapse';
b.addEventListener('click', function () {
if (!window.Alpine) return;
var store = window.Alpine.store('sidebar');
if (!store) return;
if (b.dataset.mode === 'collapse') {
collapseAll(store);
b.textContent = 'باز کردن همه منوها ⌄';
b.dataset.mode = 'expand';
} else {
expandAll(store);
b.textContent = 'بستن همه منوها ⌃';
b.dataset.mode = 'collapse';
}
});
nav.insertBefore(b, nav.firstChild);
}
function boot() { initDefaultCollapsed(); injectToggle(); }
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
// SPA: بعد از هر ناوبری لایووایر، اگر سایدبار تازه رندر شده دکمه را تزریق کن
document.addEventListener('livewire:navigated', injectToggle);
})();
</script>
<meta charset="utf-8" />
<meta name="csrf-token" content="Zb4ImY478lr9LGrZ16JFhpkNE9OFHoMaCkFwjD3q" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>
داشبورد مالی - IFNEX Logistics
</title>
<style>
[x-cloak=''],
[x-cloak='x-cloak'],
[x-cloak='1'] {
display: none !important;
}
@media (max-width: 1023px) {
[x-cloak='-lg'] {
display: none !important;
}
}
@media (min-width: 1024px) {
[x-cloak='lg'] {
display: none !important;
}
}
</style>
<link
href="http://localhost/css/filament/forms/forms.css?v=3.3.54.0"
rel="stylesheet"
data-navigate-track
/>
<link
href="http://localhost/css/filament/support/support.css?v=3.3.54.0"
rel="stylesheet"
data-navigate-track
/>
<style>
:root {
--danger-50:254, 242, 242; --danger-100:254, 226, 226; --danger-200:254, 202, 202; --danger-300:252, 165, 165; --danger-400:248, 113, 113; --danger-500:239, 68, 68; --danger-600:220, 38, 38; --danger-700:185, 28, 28; --danger-800:153, 27, 27; --danger-900:127, 29, 29; --danger-950:69, 10, 10; --gray-50:248, 250, 252; --gray-100:241, 245, 249; --gray-200:226, 232, 240; --gray-300:203, 213, 225; --gray-400:148, 163, 184; --gray-500:100, 116, 139; --gray-600:71, 85, 105; --gray-700:51, 65, 85; --gray-800:30, 41, 59; --gray-900:26, 26, 46; --gray-950:15, 23, 42; --info-50:239, 246, 255; --info-100:219, 234, 254; --info-200:191, 219, 254; --info-300:147, 197, 253; --info-400:96, 165, 250; --info-500:59, 130, 246; --info-600:37, 99, 235; --info-700:29, 78, 216; --info-800:30, 64, 175; --info-900:30, 58, 138; --info-950:23, 37, 84; --primary-50:255, 251, 235; --primary-100:254, 243, 199; --primary-200:253, 230, 138; --primary-300:252, 211, 77; --primary-400:251, 191, 36; --primary-500:245, 158, 11; --primary-600:217, 119, 6; --primary-700:180, 83, 9; --primary-800:146, 64, 14; --primary-900:120, 53, 15; --primary-950:69, 26, 3; --success-50:236, 253, 245; --success-100:209, 250, 229; --success-200:167, 243, 208; --success-300:110, 231, 183; --success-400:52, 211, 153; --success-500:16, 185, 129; --success-600:5, 150, 105; --success-700:4, 120, 87; --success-800:6, 95, 70; --success-900:6, 78, 59; --success-950:2, 44, 34; --warning-50:255, 251, 235; --warning-100:254, 243, 199; --warning-200:253, 230, 138; --warning-300:252, 211, 77; --warning-400:251, 191, 36; --warning-500:245, 158, 11; --warning-600:217, 119, 6; --warning-700:180, 83, 9; --warning-800:146, 64, 14; --warning-900:120, 53, 15; --warning-950:69, 26, 3; }
</style>
<link
href="http://localhost/css/filament/filament/app.css?v=3.3.54.0"
rel="stylesheet"
data-navigate-track
/>
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=vazirmatn:400,500,600,700&display=swap" rel="stylesheet" />
<style>
:root {
--font-family: 'Vazirmatn';
--sidebar-width: 20rem;
--collapsed-sidebar-width: 4.5rem;
--default-theme-mode: system;
}
</style>
<script>
const loadDarkMode = () => {
window.theme = localStorage.getItem('theme') ?? 'system'
if (
window.theme === 'dark' ||
(window.theme === 'system' &&
window.matchMedia('(prefers-color-scheme: dark)')
.matches)
) {
document.documentElement.classList.add('dark')
}
}
loadDarkMode()
document.addEventListener('livewire:navigated', loadDarkMode)
</script>
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
</head>
<body
class="fi-body fi-panel-admin min-h-screen bg-gray-50 font-normal text-gray-950 antialiased dark:bg-gray-950 dark:text-white"
>
<div
class="fi-layout flex min-h-screen w-full flex-row-reverse overflow-x-clip"
>
<div
x-data="{}"
x-bind:class="{
'fi-main-ctn-sidebar-open': $store.sidebar.isOpen,
}"
x-bind:style="'display: flex; opacity:1;'"
class="fi-main-ctn w-screen flex-1 flex-col h-full opacity-0 transition-all"
>
<div
class="fi-topbar sticky top-0 z-20 overflow-x-clip"
>
<nav
class="flex h-16 items-center gap-x-4 bg-white px-4 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 md:px-6 lg:px-8"
>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-topbar-open-sidebar-btn lg:hidden" title="باز کردن نوار کناری" type="button" wire:loading.attr="disabled" x-cloak="x-cloak" x-data="{}" x-on:click="$store.sidebar.open()" x-show="! $store.sidebar.isOpen"
>
<span class="sr-only">
باز کردن نوار کناری
</span>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
</svg>
</button>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-topbar-close-sidebar-btn lg:hidden" title="بستن نوار کناری" type="button" wire:loading.attr="disabled" x-cloak="x-cloak" x-data="{}" x-on:click="$store.sidebar.close()" x-show="$store.sidebar.isOpen"
>
<span class="sr-only">
بستن نوار کناری
</span>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>
</button>
<div
x-persist="topbar.end.panel-admin"
class="ms-auto flex items-center gap-x-4"
>
<div wire:snapshot="{&quot;data&quot;:{&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;TAOUmN0znPe85me2HwOX&quot;,&quot;name&quot;:&quot;filament.livewire.database-notifications&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;7945912718891ba4476c022310346d254580e13968425fc21642bda2658d015e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;databaseNotificationsSent&quot;,&quot;notificationClosed&quot;,&quot;markedNotificationAsRead&quot;,&quot;markedNotificationAsUnread&quot;]}" wire:id="TAOUmN0znPe85me2HwOX" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6IjlKOTUyMHdqMWxwTk55eFA2VmdPIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoicGFuZWwiLCJtZXRob2QiOiJHRVQiLCJyZWxlYXNlIjoiYS1hLWEifSwiY2hlY2tzdW0iOiI0N2RiOWJhYjE4YzFjYmFhZmVjMzBjYTIyOGI4OTU0MzE5MTRkMzZhNWY5NzM1NGEzNTE5MmI2MjIzN2YzNWU1In0=&#039;)"></div>
<div
x-data="{
toggle: function (event) {
$refs.panel?.toggle(event)
},
open: function (event) {
$refs.panel?.open(event)
},
close: function (event) {
$refs.panel?.close(event)
},
}"
class="fi-dropdown fi-user-menu"
>
<div
x-on:click="toggle"
class="fi-dropdown-trigger flex cursor-pointer"
>
<button
aria-label="منوی کاربر"
type="button"
class="shrink-0"
>
<img
class="fi-avatar object-cover object-center fi-circular rounded-full h-8 w-8 fi-user-avatar" src="https://ui-avatars.com/api/?name=%D9%85+%DA%A9&amp;color=FFFFFF&amp;background=0f172a" alt="filament-panels::layout.avatar.alt"
/>
</button>
</div>
<div
x-cloak
x-float.placement.bottom-end.flip.teleport.offset="{ offset: 8, }"
x-ref="panel"
x-transition:enter-start="opacity-0"
x-transition:leave-end="opacity-0"
class="fi-dropdown-panel absolute z-10 w-screen divide-y divide-gray-100 rounded-lg bg-white shadow-lg ring-1 ring-gray-950/5 transition dark:divide-white/5 dark:bg-gray-900 dark:ring-white/10 !max-w-[14rem]"
style=""
>
<div
class="fi-dropdown-header flex w-full gap-2 p-3 text-sm fi-dropdown-header-color-gray fi-color-gray"
>
<svg class="fi-dropdown-header-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-5.5-2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM10 12a5.99 5.99 0 0 0-4.793 2.39A6.483 6.483 0 0 0 10 16.5a6.483 6.483 0 0 0 4.793-2.11A5.99 5.99 0 0 0 10 12Z" clip-rule="evenodd"/>
</svg>
<span
class="fi-dropdown-header-label flex-1 truncate text-start text-gray-700 dark:text-gray-200"
style=""
>
مدیر کاظم
</span>
</div>
<div class="fi-dropdown-list p-1">
<div
x-data="{ theme: null }"
x-init="
$watch('theme', () => {
$dispatch('theme-changed', theme)
})
theme = localStorage.getItem('theme') || 'system' "
class="fi-theme-switcher grid grid-flow-col gap-x-1"
>
<button
aria-label="حالت روشن"
type="button"
x-on:click="(theme = 'light') && close()"
x-tooltip="{
content: '\u062d\u0627\u0644\u062a \u0631\u0648\u0634\u0646',
theme: $store.theme,
}"
class="fi-theme-switcher-btn flex justify-center rounded-md p-2 outline-none transition duration-75 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
x-bind:class="
theme === 'light' ? 'fi-active bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400'
: 'text-gray-400 hover:text-gray-500 focus-visible:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:text-gray-400'
"
>
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
</svg></button>
<button
aria-label="حالت تیره"
type="button"
x-on:click="(theme = 'dark') && close()"
x-tooltip="{
content: '\u062d\u0627\u0644\u062a \u062a\u06cc\u0631\u0647',
theme: $store.theme,
}"
class="fi-theme-switcher-btn flex justify-center rounded-md p-2 outline-none transition duration-75 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
x-bind:class="
theme === 'dark' ? 'fi-active bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400'
: 'text-gray-400 hover:text-gray-500 focus-visible:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:text-gray-400'
"
>
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
</svg></button>
<button
aria-label="حالت سیستم"
type="button"
x-on:click="(theme = 'system') && close()"
x-tooltip="{
content: '\u062d\u0627\u0644\u062a \u0633\u06cc\u0633\u062a\u0645',
theme: $store.theme,
}"
class="fi-theme-switcher-btn flex justify-center rounded-md p-2 outline-none transition duration-75 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
x-bind:class="
theme === 'system' ? 'fi-active bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400'
: 'text-gray-400 hover:text-gray-500 focus-visible:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:text-gray-400'
"
>
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd"/>
</svg></button>
</div>
</div>
<div class="fi-dropdown-list p-1">
<form
action="http://localhost/panel/logout" method="post"
>
<input type="hidden" name="_token" value="Zb4ImY478lr9LGrZ16JFhpkNE9OFHoMaCkFwjD3q" autocomplete="off">
<button
type="submit"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<svg class="fi-dropdown-list-item-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M3 4.25A2.25 2.25 0 0 1 5.25 2h5.5A2.25 2.25 0 0 1 13 4.25v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 0-.75-.75h-5.5a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75h5.5a.75.75 0 0 0 .75-.75v-2a.75.75 0 0 1 1.5 0v2A2.25 2.25 0 0 1 10.75 18h-5.5A2.25 2.25 0 0 1 3 15.75V4.25Z" clip-rule="evenodd"/>
<path fill-rule="evenodd" d="M19 10a.75.75 0 0 0-.75-.75H8.704l1.048-.943a.75.75 0 1 0-1.004-1.114l-2.5 2.25a.75.75 0 0 0 0 1.114l2.5 2.25a.75.75 0 1 0 1.004-1.114l-1.048-.943h9.546A.75.75 0 0 0 19 10Z" clip-rule="evenodd"/>
</svg>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
خروج
</span>
</button>
</form>
</div>
</div>
</div>
</div>
</nav>
</div>
<main
class="fi-main mx-auto h-full w-full px-4 md:px-6 lg:px-8 max-w-7xl"
>
<div wire:snapshot="{&quot;data&quot;:{&quot;mountedActions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedActionsArguments&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedActionsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;defaultAction&quot;:null,&quot;defaultActionArguments&quot;:null,&quot;componentFileAttachments&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;areFormStateUpdateHooksDisabledForTesting&quot;:false,&quot;mountedFormComponentActions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedFormComponentActionsArguments&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedFormComponentActionsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedFormComponentActionsComponents&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedInfolistActions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedInfolistActionsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedInfolistActionsComponent&quot;:null,&quot;mountedInfolistActionsInfolist&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;Cx7maIj9z26Y5nYXvjAq&quot;,&quot;name&quot;:&quot;app.filament.pages.dashboard&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;App\\Filament\\Widgets\\TransactionChartWidget-0&quot;:[&quot;div&quot;,&quot;KIwJ4wJXMwB615qHkkcT&quot;],&quot;App\\Filament\\Widgets\\ExchangeRateWidget-1&quot;:[&quot;div&quot;,&quot;puf3WG3uZ8EOaQL4aXLg&quot;],&quot;App\\Filament\\Widgets\\RecentShipmentsWidget-2&quot;:[&quot;div&quot;,&quot;DraMUuQjxacm0vW1dY6T&quot;],&quot;App\\Filament\\Widgets\\RecentTransactionsWidget-3&quot;:[&quot;div&quot;,&quot;fHmPsQDPNhgSFjQWikAB&quot;],&quot;App\\Filament\\Widgets\\FinanceOverviewWidget-0&quot;:[&quot;div&quot;,&quot;XY420Bna9J2Luw6ohaeP&quot;],&quot;App\\Filament\\Widgets\\DashboardInfoWidget-1&quot;:[&quot;div&quot;,&quot;5D2dVkQDX052KHXFA4zY&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;81ce98dbe7c71a4d73359a9ac78c881ed6c4355dd41d2eff81920de2c2de66cf&quot;}" wire:effects="{&quot;url&quot;:{&quot;defaultAction&quot;:{&quot;as&quot;:&quot;action&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;defaultActionArguments&quot;:{&quot;as&quot;:&quot;actionArguments&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="Cx7maIj9z26Y5nYXvjAq"
class="fi-page fi-dashboard-page"
>
<section
class="flex flex-col gap-y-8 py-8"
>
<!--[if BLOCK]><![endif]-->
<header
class="fi-header flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
>
<div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<h1
class="fi-header-heading text-2xl font-bold tracking-tight text-gray-950 dark:text-white sm:text-3xl"
>
داشبورد مالی
</h1>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<div
class="flex shrink-0 items-center gap-3"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</header>
<!--[if ENDBLOCK]><![endif]-->
<div
class=""
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
class="grid flex-1 auto-cols-fr gap-y-8"
>
<!--[if BLOCK]><![endif]--> <div
style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(12, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-wi gap-6 fi-page-header-widgets"
>
<!--[if BLOCK]><![endif]-->
<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;XY420Bna9J2Luw6ohaeP&quot;,&quot;name&quot;:&quot;app.filament.widgets.finance-overview-widget&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;f2bb4fefd3b7884adb40824ca2b839b31b8f9294938a252ef2010a64f5a809a3&quot;}" wire:effects="[]" wire:id="XY420Bna9J2Luw6ohaeP"
style="--col-span-default: span 10 / span 10;" class="col-[--col-span-default] fi-wi-widget fi-wi-stats-overview grid gap-y-4"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
wire:poll.30s
class="fi-wi-stats-overview-stats-ctn grid gap-6 md:grid-cols-2 xl:grid-cols-4"
>
<!--[if BLOCK]><![endif]--> <a
href="http://localhost/panel/shipments" wire:navigate
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
سفارشات در انتظار
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۸
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm fi-color-custom text-custom-600 dark:text-custom-400 fi-color-warning"
style="--c-400:var(--warning-400);--c-600:var(--warning-600);"
>
۰ در انتظار تأیید، ۸ آماده پرداخت
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--warning-500);" class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-13a.75.75 0 0 0-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-3.25V5Z" clip-rule="evenodd"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]-->
<div x-data="{ statsOverviewStatChart: function () {} }">
<div
x-load="visible"
x-load-src="http://localhost/js/filament/widgets/components/stats-overview/stat/chart.js?v=3.3.54.0"
x-data="statsOverviewStatChart({
dataChecksum: 'b64c52315e4f287ec1ae65a16eac93cf',
labels: JSON.parse('[0,1,2,3,4,5,6]'),
values: JSON.parse('[0,0,0,1,1,0,0]'),
})"
class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl fi-color-custom fi-color-warning"
style="--c-50:var(--warning-50);--c-400:var(--warning-400);--c-500:var(--warning-500);"
>
<canvas x-ref="canvas" class="h-6"></canvas>
<span
x-ref="backgroundColorElement"
class="text-custom-50 dark:text-custom-400/10"
></span>
<span
x-ref="borderColorElement"
class="text-custom-500 dark:text-custom-400"
></span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]--></a>
<a
href="http://localhost/panel/wallet-transactions" wire:navigate
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
درآمد امروز
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۰ ریال
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm text-gray-500 dark:text-gray-400 fi-color-gray"
style=""
>
بدون تغییر نسبت به دیروز
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z" clip-rule="evenodd"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]-->
<div x-data="{ statsOverviewStatChart: function () {} }">
<div
x-load="visible"
x-load-src="http://localhost/js/filament/widgets/components/stats-overview/stat/chart.js?v=3.3.54.0"
x-data="statsOverviewStatChart({
dataChecksum: 'c4e1fb8df213ab65db96ccfc82df2af7',
labels: JSON.parse('[0,1,2,3,4,5,6]'),
values: JSON.parse('[0,0,0,0,0,0,0]'),
})"
class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl fi-color-gray"
style=""
>
<canvas x-ref="canvas" class="h-6"></canvas>
<span
x-ref="backgroundColorElement"
class="text-gray-100 dark:text-gray-800"
></span>
<span
x-ref="borderColorElement"
class="text-gray-400"
></span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]--></a>
<a
href="http://localhost/panel/shipments" wire:navigate
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
پرداخت‌های معوق
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۶.۰۲ میلیارد ریال
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm fi-color-custom text-custom-600 dark:text-custom-400 fi-color-danger"
style="--c-400:var(--danger-400);--c-600:var(--danger-600);"
>
۸ سفارش در انتظار پرداخت — بدون تغییر
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--danger-500);" class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z" clip-rule="evenodd"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]-->
<div x-data="{ statsOverviewStatChart: function () {} }">
<div
x-load="visible"
x-load-src="http://localhost/js/filament/widgets/components/stats-overview/stat/chart.js?v=3.3.54.0"
x-data="statsOverviewStatChart({
dataChecksum: 'b64c52315e4f287ec1ae65a16eac93cf',
labels: JSON.parse('[0,1,2,3,4,5,6]'),
values: JSON.parse('[0,0,0,1,1,0,0]'),
})"
class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl fi-color-custom fi-color-danger"
style="--c-50:var(--danger-50);--c-400:var(--danger-400);--c-500:var(--danger-500);"
>
<canvas x-ref="canvas" class="h-6"></canvas>
<span
x-ref="backgroundColorElement"
class="text-custom-50 dark:text-custom-400/10"
></span>
<span
x-ref="borderColorElement"
class="text-custom-500 dark:text-custom-400"
></span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]--></a>
<a
href="http://localhost/panel/wallets" wire:navigate
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 12a2.25 2.25 0 0 0-2.25-2.25H15a3 3 0 1 1-6 0H5.25A2.25 2.25 0 0 0 3 12m18 0v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 9m18 0V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v3"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
موجودی کیف پول‌ها
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۱.۰۲ میلیارد ریال
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm fi-color-custom text-custom-600 dark:text-custom-400 fi-color-info"
style="--c-400:var(--info-400);--c-600:var(--info-600);"
>
۴ کیف پول فعال
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--info-500);" class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path d="M1 4.25a3.733 3.733 0 0 1 2.25-.75h13.5c.844 0 1.623.279 2.25.75A2.25 2.25 0 0 0 16.75 2H3.25A2.25 2.25 0 0 0 1 4.25ZM1 7.25a3.733 3.733 0 0 1 2.25-.75h13.5c.844 0 1.623.279 2.25.75A2.25 2.25 0 0 0 16.75 5H3.25A2.25 2.25 0 0 0 1 7.25ZM7 8a1 1 0 0 1 1 1 2 2 0 1 0 4 0 1 1 0 0 1 1-1h3.75A2.25 2.25 0 0 1 19 10.25v5.5A2.25 2.25 0 0 1 16.75 18H3.25A2.25 2.25 0 0 1 1 15.75v-5.5A2.25 2.25 0 0 1 3.25 8H7Z"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]-->
<div x-data="{ statsOverviewStatChart: function () {} }">
<div
x-load="visible"
x-load-src="http://localhost/js/filament/widgets/components/stats-overview/stat/chart.js?v=3.3.54.0"
x-data="statsOverviewStatChart({
dataChecksum: 'c4e1fb8df213ab65db96ccfc82df2af7',
labels: JSON.parse('[0,1,2,3,4,5,6]'),
values: JSON.parse('[0,0,0,0,0,0,0]'),
})"
class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl fi-color-custom fi-color-info"
style="--c-50:var(--info-50);--c-400:var(--info-400);--c-500:var(--info-500);"
>
<canvas x-ref="canvas" class="h-6"></canvas>
<span
x-ref="backgroundColorElement"
class="text-custom-50 dark:text-custom-400/10"
></span>
<span
x-ref="borderColorElement"
class="text-custom-500 dark:text-custom-400"
></span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]--></a>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;5D2dVkQDX052KHXFA4zY&quot;,&quot;name&quot;:&quot;app.filament.widgets.dashboard-info-widget&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;ca3ad159e4c10e0edbd9088c96f7c1a0504bd9ac79a2d21604e0a6805ea85b9e&quot;}" wire:effects="[]" wire:id="5D2dVkQDX052KHXFA4zY"
style="--col-span-default: span 2 / span 2;" class="col-[--col-span-default] fi-wi-widget"
>
<div class="bg-gradient-to-br from-amber-50 to-orange-50 rounded-xl p-6 border border-amber-200 dark:from-gray-800 dark:to-gray-900 dark:border-gray-700">
<div class="flex items-center gap-3 mb-4">
<div class="w-12 h-12 bg-amber-500 rounded-xl flex items-center justify-center text-white">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"/>
</svg> </div>
<div>
<div class="text-xs text-gray-500 dark:text-gray-400">امروز</div>
<div class="text-sm font-bold text-gray-800 dark:text-white">10:28</div>
</div>
</div>
<div class="space-y-2">
<div class="flex items-center gap-2">
<span class="text-xs text-gray-500 dark:text-gray-400 w-16">📅 شمسی:</span>
<span class="font-bold text-amber-700 dark:text-amber-400">شنبه، 11 مهر 1405</span>
</div>
<div class="flex items-center gap-2">
<span class="text-xs text-gray-500 dark:text-gray-400 w-16">🌍 میلادی:</span>
<span class="text-sm text-gray-700 dark:text-gray-300 capitalize">Saturday, 3 October 2026</span>
</div>
</div>
<div class="mt-4 pt-4 border-t border-amber-200 dark:border-gray-700">
<div class="text-xs text-gray-500 dark:text-gray-400">خوش آمدید</div>
<div class="font-bold text-gray-800 dark:text-white">مدیر کاظم</div>
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(12, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-wi gap-6"
>
<!--[if BLOCK]><![endif]-->
<div wire:snapshot="{&quot;data&quot;:{&quot;dataChecksum&quot;:null,&quot;filter&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;KIwJ4wJXMwB615qHkkcT&quot;,&quot;name&quot;:&quot;app.filament.widgets.transaction-chart-widget&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;8ad01a7f44b63a259e35dde9709fa982f6b6c66e4dcc3f4d5bfa8d7441f0725a&quot;}" wire:effects="[]" wire:id="KIwJ4wJXMwB615qHkkcT" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6IndvSU9oUDBYUkFHaTZWU2Y0dEN4IiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoicGFuZWwiLCJtZXRob2QiOiJHRVQiLCJyZWxlYXNlIjoiYS1hLWEifSwiY2hlY2tzdW0iOiI3ZmQzYjgyNmY5MWExZWU1YTNjZjk3NzY5OGJmOWI4NTRhZGU3ZDU4ZDE3MTg3MTY2MTVkZjMwNjhhMjg3N2ViIn0=&#039;)"
style="--col-span-default: span 8 / span 8;" class="col-[--col-span-default] fi-loading-section"
>
<section
x-data="{
isCollapsed: false ,
}"
class="fi-section rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 animate-pulse" style="height: 8rem;"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
class="fi-section-content-ctn"
>
<div
class="fi-section-content p-6"
>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</section>
</div>
<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;puf3WG3uZ8EOaQL4aXLg&quot;,&quot;name&quot;:&quot;app.filament.widgets.exchange-rate-widget&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;642ae2e26a52e06f74a56921f4b7e03f5aa7dbe33bac4c7afbc8062eba06a3bd&quot;}" wire:effects="[]" wire:id="puf3WG3uZ8EOaQL4aXLg"
style="--col-span-default: span 4 / span 4;" class="col-[--col-span-default] fi-wi-widget fi-wi-stats-overview grid gap-y-4"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
wire:poll.5s
class="fi-wi-stats-overview-stats-ctn grid gap-6 md:grid-cols-2 xl:grid-cols-4"
>
<!--[if BLOCK]><![endif]--> <div
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
نرخ درهم (AED)
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۴۱۵ هزار ریال
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm fi-color-custom text-custom-600 dark:text-custom-400 fi-color-success"
style="--c-400:var(--success-400);--c-600:var(--success-600);"
>
↓ ۳.۷۲% — سیستم
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--success-500);" class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M1.22 5.222a.75.75 0 0 1 1.06 0L7 9.942l3.768-3.769a.75.75 0 0 1 1.113.058 20.908 20.908 0 0 1 3.813 7.254l1.574-2.727a.75.75 0 0 1 1.3.75l-2.475 4.286a.75.75 0 0 1-1.025.275l-4.287-2.475a.75.75 0 0 1 .75-1.3l2.71 1.565a19.422 19.422 0 0 0-3.013-6.024L7.53 11.533a.75.75 0 0 1-1.06 0l-5.25-5.25a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]-->
<div x-data="{ statsOverviewStatChart: function () {} }">
<div
x-load="visible"
x-load-src="http://localhost/js/filament/widgets/components/stats-overview/stat/chart.js?v=3.3.54.0"
x-data="statsOverviewStatChart({
dataChecksum: 'e3c060942e1a286a5a5d790c9d33123d',
labels: JSON.parse('[0,1,2,3]'),
values: JSON.parse('[\u0022364009.18\u0022,\u0022460000.00\u0022,\u0022430543.68\u0022,\u0022414523.08\u0022]'),
})"
class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl fi-color-custom fi-color-success"
style="--c-50:var(--success-50);--c-400:var(--success-400);--c-500:var(--success-500);"
>
<canvas x-ref="canvas" class="h-6"></canvas>
<span
x-ref="backgroundColorElement"
class="text-custom-50 dark:text-custom-400/10"
></span>
<span
x-ref="borderColorElement"
class="text-custom-500 dark:text-custom-400"
></span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]--></div>
<div
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
نرخ دلار (USD)
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۳۸۷ هزار ریال
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm fi-color-custom text-custom-600 dark:text-custom-400 fi-color-danger"
style="--c-400:var(--danger-400);--c-600:var(--danger-600);"
>
↑ ۱۳.۸۸% — سیستم
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--danger-500);" class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M12.577 4.878a.75.75 0 0 1 .919-.53l4.78 1.281a.75.75 0 0 1 .531.919l-1.281 4.78a.75.75 0 0 1-1.449-.387l.81-3.022a19.407 19.407 0 0 0-5.594 5.203.75.75 0 0 1-1.139.093L7 10.06l-4.72 4.72a.75.75 0 0 1-1.06-1.061l5.25-5.25a.75.75 0 0 1 1.06 0l3.074 3.073a20.923 20.923 0 0 1 5.545-4.931l-3.042-.815a.75.75 0 0 1-.53-.919Z" clip-rule="evenodd"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]-->
<div x-data="{ statsOverviewStatChart: function () {} }">
<div
x-load="visible"
x-load-src="http://localhost/js/filament/widgets/components/stats-overview/stat/chart.js?v=3.3.54.0"
x-data="statsOverviewStatChart({
dataChecksum: '34b7a7521a891b5c27dd266d0c88f8b4',
labels: JSON.parse('[0]'),
values: JSON.parse('[\u0022387404.75\u0022]'),
})"
class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl fi-color-custom fi-color-danger"
style="--c-50:var(--danger-50);--c-400:var(--danger-400);--c-500:var(--danger-500);"
>
<canvas x-ref="canvas" class="h-6"></canvas>
<span
x-ref="backgroundColorElement"
class="text-custom-50 dark:text-custom-400/10"
></span>
<span
x-ref="borderColorElement"
class="text-custom-500 dark:text-custom-400"
></span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]--></div>
<div
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
تغییرات امروز
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۰
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm fi-color-custom text-custom-600 dark:text-custom-400 fi-color-info"
style="--c-400:var(--info-400);--c-600:var(--info-600);"
>
تغییرات نرخ ثبت‌شده در امروز
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--info-500);" class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39Zm1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219Z" clip-rule="evenodd"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
<div
class="fi-wi-stats-overview-stat relative rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-2">
<div class="flex items-center gap-x-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg class="fi-wi-stats-overview-stat-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-label text-sm font-medium text-gray-500 dark:text-gray-400"
>
در انتظار تأیید
</span>
</div>
<div
class="fi-wi-stats-overview-stat-value text-3xl font-semibold tracking-tight text-gray-950 dark:text-white"
>
۰
</div>
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-x-1">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span
class="fi-wi-stats-overview-stat-description text-sm fi-color-custom text-custom-600 dark:text-custom-400 fi-color-warning"
style="--c-400:var(--warning-400);--c-600:var(--warning-600);"
>
نرخ‌های پیشنهادی API — منتظر تأیید مدیر
</span>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--warning-500);" class="fi-wi-stats-overview-stat-description-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-13a.75.75 0 0 0-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-3.25V5Z" clip-rule="evenodd"/>
</svg><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;DraMUuQjxacm0vW1dY6T&quot;,&quot;name&quot;:&quot;app.filament.widgets.recent-shipments-widget&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;8bd5cbf35639b077285fe5e616c1c47ab022c80fbbf47654f790def76f9ceaf5&quot;}" wire:effects="[]" wire:id="DraMUuQjxacm0vW1dY6T"
style="--col-span-default: span 6 / span 6;" class="col-[--col-span-default] fi-wi-widget"
>
<div class="ifnex-card-shadow ifnex-card bg-white dark:bg-gray-800 rounded-2xl border border-gray-200 dark:border-gray-700 overflow-hidden">
<div class="px-5 py-4 border-b border-gray-100 dark:border-gray-700 flex items-center justify-between">
<div class="flex items-center gap-2.5">
<span class="inline-flex items-center justify-center w-9 h-9 rounded-xl bg-amber-100 dark:bg-amber-900/40 text-amber-600 dark:text-amber-400">
<svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/>
</svg> </span>
<h3 class="text-base font-bold text-gray-900 dark:text-white">آخرین سفارشات</h3>
</div>
<a href="http://localhost/panel/shipments"
class="ifnex-link-inline text-xs font-semibold text-amber-600 hover:text-amber-700 dark:text-amber-400 dark:hover:text-amber-300 transition-colors">
مشاهده همه ←
</a>
</div>
<!--[if BLOCK]><![endif]--> <div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="bg-gray-50 dark:bg-gray-900/40 text-gray-500 dark:text-gray-400 border-b border-gray-100 dark:border-gray-700">
<th class="ifnex-th text-right">AWB</th>
<th class="ifnex-th text-right">مسیر</th>
<th class="ifnex-th text-right">وضعیت</th>
<th class="ifnex-th text-right">مبلغ</th>
<th class="ifnex-th text-right">تاریخ</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-50 dark:divide-gray-700/60">
<!--[if BLOCK]><![endif]--> <tr class="ifnex-table-row-hover transition-colors duration-150">
<td class="ifnex-td">
<!--[if BLOCK]><![endif]--> <a href="http://localhost/panel/shipments/26" class="font-mono text-xs font-bold text-gray-900 dark:text-white hover:text-amber-600 dark:hover:text-amber-400 transition-colors">
IFN-2026-77973
</a>
<!--[if ENDBLOCK]><![endif]--> </td>
<td class="ifnex-td text-xs text-gray-700 dark:text-gray-300">
Iran ← Aruba
</td>
<td class="ifnex-td">
<span class="ifnex-badge ifnex-badge-info">
تحویل به حمل‌کننده
</span>
</td>
<td class="ifnex-td text-xs font-semibold text-gray-900 dark:text-gray-100">
۳۲۵.۳ میلیون ریال
</td>
<td class="ifnex-td text-xs text-gray-500 dark:text-gray-400">
1405/07/10
</td>
</tr>
<tr class="ifnex-table-row-hover transition-colors duration-150">
<td class="ifnex-td">
<!--[if BLOCK]><![endif]--> <a href="http://localhost/panel/shipments/25" class="font-mono text-xs font-bold text-gray-900 dark:text-white hover:text-amber-600 dark:hover:text-amber-400 transition-colors">
IFN-2026-29082
</a>
<!--[if ENDBLOCK]><![endif]--> </td>
<td class="ifnex-td text-xs text-gray-700 dark:text-gray-300">
Iran ← Armenia
</td>
<td class="ifnex-td">
<span class="ifnex-badge ifnex-badge-info">
تأیید شده
</span>
</td>
<td class="ifnex-td text-xs font-semibold text-gray-900 dark:text-gray-100">
۵۰.۸ میلیون ریال
</td>
<td class="ifnex-td text-xs text-gray-500 dark:text-gray-400">
1405/07/09
</td>
</tr>
<tr class="ifnex-table-row-hover transition-colors duration-150">
<td class="ifnex-td">
<!--[if BLOCK]><![endif]--> <a href="http://localhost/panel/shipments/24" class="font-mono text-xs font-bold text-gray-900 dark:text-white hover:text-amber-600 dark:hover:text-amber-400 transition-colors">
IFN-2026-74634
</a>
<!--[if ENDBLOCK]><![endif]--> </td>
<td class="ifnex-td text-xs text-gray-700 dark:text-gray-300">
Iran ← Bahamas
</td>
<td class="ifnex-td">
<span class="ifnex-badge ifnex-badge-info">
در حال پردازش
</span>
</td>
<td class="ifnex-td text-xs font-semibold text-gray-900 dark:text-gray-100">
۲۱۱.۲ میلیون ریال
</td>
<td class="ifnex-td text-xs text-gray-500 dark:text-gray-400">
1405/07/09
</td>
</tr>
<tr class="ifnex-table-row-hover transition-colors duration-150">
<td class="ifnex-td">
<!--[if BLOCK]><![endif]--> <a href="http://localhost/panel/shipments/23" class="font-mono text-xs font-bold text-gray-900 dark:text-white hover:text-amber-600 dark:hover:text-amber-400 transition-colors">
IFN-2026-34469
</a>
<!--[if ENDBLOCK]><![endif]--> </td>
<td class="ifnex-td text-xs text-gray-700 dark:text-gray-300">
Iran ← Angola
</td>
<td class="ifnex-td">
<span class="ifnex-badge ifnex-badge-info">
تأیید شده
</span>
</td>
<td class="ifnex-td text-xs font-semibold text-gray-900 dark:text-gray-100">
۱۷۷.۲ میلیون ریال
</td>
<td class="ifnex-td text-xs text-gray-500 dark:text-gray-400">
1405/07/08
</td>
</tr>
<tr class="ifnex-table-row-hover transition-colors duration-150">
<td class="ifnex-td">
<!--[if BLOCK]><![endif]--> <a href="http://localhost/panel/shipments/22" class="font-mono text-xs font-bold text-gray-900 dark:text-white hover:text-amber-600 dark:hover:text-amber-400 transition-colors">
IFN-2026-39337
</a>
<!--[if ENDBLOCK]><![endif]--> </td>
<td class="ifnex-td text-xs text-gray-700 dark:text-gray-300">
Iran ← Anguilla
</td>
<td class="ifnex-td">
<span class="ifnex-badge ifnex-badge-info">
تأیید شده
</span>
</td>
<td class="ifnex-td text-xs font-semibold text-gray-900 dark:text-gray-100">
۱.۴۹ میلیارد ریال
</td>
<td class="ifnex-td text-xs text-gray-500 dark:text-gray-400">
1405/07/03
</td>
</tr>
<!--[if ENDBLOCK]><![endif]--> </tbody>
</table>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div wire:snapshot="{&quot;data&quot;:{&quot;mountedActions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedActionsArguments&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedActionsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;defaultAction&quot;:null,&quot;defaultActionArguments&quot;:null,&quot;componentFileAttachments&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;areFormStateUpdateHooksDisabledForTesting&quot;:false,&quot;mountedFormComponentActions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedFormComponentActionsArguments&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedFormComponentActionsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedFormComponentActionsComponents&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedInfolistActions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedInfolistActionsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedInfolistActionsComponent&quot;:null,&quot;mountedInfolistActionsInfolist&quot;:null,&quot;isTableLoaded&quot;:false,&quot;tableGrouping&quot;:null,&quot;tableGroupingDirection&quot;:null,&quot;tableRecordsPerPage&quot;:null,&quot;isTableReordering&quot;:false,&quot;tableColumnSearches&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;tableSearch&quot;:&quot;&quot;,&quot;tableSortColumn&quot;:null,&quot;tableSortDirection&quot;:null,&quot;toggledTableColumns&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedTableActions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedTableActionsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedTableActionsArguments&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedTableActionRecord&quot;:null,&quot;defaultTableAction&quot;:null,&quot;defaultTableActionArguments&quot;:null,&quot;defaultTableActionRecord&quot;:null,&quot;selectedTableRecords&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mountedTableBulkAction&quot;:null,&quot;mountedTableBulkActionData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;tableFilters&quot;:null,&quot;tableDeferredFilters&quot;:null,&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;fHmPsQDPNhgSFjQWikAB&quot;,&quot;name&quot;:&quot;app.filament.widgets.recent-transactions-widget&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:true,&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;9ea4a32e36da02bee37824376f3995ea4e35d060eb9048c12775470459ea7ac2&quot;}" wire:effects="{&quot;url&quot;:{&quot;defaultAction&quot;:{&quot;as&quot;:&quot;action&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;defaultActionArguments&quot;:{&quot;as&quot;:&quot;actionArguments&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;defaultTableAction&quot;:{&quot;as&quot;:&quot;tableAction&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;defaultTableActionArguments&quot;:{&quot;as&quot;:&quot;tableActionArguments&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;defaultTableActionRecord&quot;:{&quot;as&quot;:&quot;tableActionRecord&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="fHmPsQDPNhgSFjQWikAB" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6Ik1HM3J2SFVNRlpXcXMzM2NtbXphIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoicGFuZWwiLCJtZXRob2QiOiJHRVQiLCJyZWxlYXNlIjoiYS1hLWEifSwiY2hlY2tzdW0iOiI3ODY2MjJkZjFiYmQ1OThjZGFiY2MwMGFjNDgyMjU1YWJhNDA2N2I1ZThiNTFhYTMwOGRjZTY2MjlmYzA5NDcwIn0=&#039;)"
style="--col-span-default: span 6 / span 6;" class="col-[--col-span-default] fi-loading-section"
>
<section
x-data="{
isCollapsed: false ,
}"
class="fi-section rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 animate-pulse" style="height: 8rem;"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
class="fi-section-content-ctn"
>
<div
class="fi-section-content p-6"
>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</section>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </section>
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <form wire:submit.prevent="callMountedAction">
<div
aria-modal="true"
role="dialog"
x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
if (! this.$refs.modalContainer.isConnected) {
return
}
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { detail: { id: 'Cx7maIj9z26Y5nYXvjAq-action' } }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { detail: { id: 'Cx7maIj9z26Y5nYXvjAq-action' } }),
)
})
},
}"
x-on:close-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq-action') close()"
x-on:open-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq-action') open()"
data-fi-modal-id="Cx7maIj9z26Y5nYXvjAq-action"
x-trap.noscroll="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}"
class="fi-modal block"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-cloak x-show="isOpen">
<div
aria-hidden="true"
x-show="isOpen"
x-transition.duration.300ms.opacity
class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"
></div>
<div
class="fixed inset-0 z-40 overflow-y-auto cursor-pointer"
>
<div
x-ref="modalContainer"
x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch(&#039;close-modal&#039;, { id: &#039;Cx7maIj9z26Y5nYXvjAq-action&#039; })
"
class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4" x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq') && $wire.mountedActions.length) open()" x-on:modal-closed.stop="if (!$event.detail?.id?.startsWith('Cx7maIj9z26Y5nYXvjAq-')) {
return
}
const mountedActionShouldOpenModal = false
if (! mountedActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountAction(false, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq') close()"
>
<div
x-data="{ isShown: false }"
x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
"
x-on:keydown.window.escape="$dispatch(&#039;close-modal&#039;, { id: &#039;Cx7maIj9z26Y5nYXvjAq-action&#039; })"
x-show="isShown"
x-transition:enter="duration-300"
x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-95 opacity-0"
wire:key="Cx7maIj9z26Y5nYXvjAq.modal.Cx7maIj9z26Y5nYXvjAq-action.window"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</div>
</div>
</div>
</div>
</form>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <form wire:submit.prevent="callMountedInfolistAction">
<div
aria-modal="true"
role="dialog"
x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
if (! this.$refs.modalContainer.isConnected) {
return
}
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { detail: { id: 'Cx7maIj9z26Y5nYXvjAq-infolist-action' } }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { detail: { id: 'Cx7maIj9z26Y5nYXvjAq-infolist-action' } }),
)
})
},
}"
x-on:close-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq-infolist-action') close()"
x-on:open-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq-infolist-action') open()"
data-fi-modal-id="Cx7maIj9z26Y5nYXvjAq-infolist-action"
x-trap.noscroll="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}"
class="fi-modal block"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-cloak x-show="isOpen">
<div
aria-hidden="true"
x-show="isOpen"
x-transition.duration.300ms.opacity
class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"
></div>
<div
class="fixed inset-0 z-40 overflow-y-auto cursor-pointer"
>
<div
x-ref="modalContainer"
x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch(&#039;close-modal&#039;, { id: &#039;Cx7maIj9z26Y5nYXvjAq-infolist-action&#039; })
"
class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4" x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq') && $wire.mountedInfolistActions.length) open()" x-on:modal-closed.stop="if (!$event.detail?.id?.startsWith('Cx7maIj9z26Y5nYXvjAq-')) {
return
}
const mountedInfolistActionShouldOpenModal = false
if (! mountedInfolistActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountInfolistAction(false, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq') close()"
>
<div
x-data="{ isShown: false }"
x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
"
x-on:keydown.window.escape="$dispatch(&#039;close-modal&#039;, { id: &#039;Cx7maIj9z26Y5nYXvjAq-infolist-action&#039; })"
x-show="isShown"
x-transition:enter="duration-300"
x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-95 opacity-0"
wire:key="Cx7maIj9z26Y5nYXvjAq.modal.Cx7maIj9z26Y5nYXvjAq-infolist-action.window"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</div>
</div>
</div>
</div>
</form>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<form wire:submit.prevent="callMountedFormComponentAction">
<div
aria-modal="true"
role="dialog"
x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
if (! this.$refs.modalContainer.isConnected) {
return
}
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { detail: { id: 'Cx7maIj9z26Y5nYXvjAq-form-component-action' } }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$dispatch('ax-modal-opened')
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { detail: { id: 'Cx7maIj9z26Y5nYXvjAq-form-component-action' } }),
)
})
},
}"
x-on:close-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq-form-component-action') close()"
x-on:open-modal.window="if ($event.detail.id === 'Cx7maIj9z26Y5nYXvjAq-form-component-action') open()"
data-fi-modal-id="Cx7maIj9z26Y5nYXvjAq-form-component-action"
x-trap.noscroll="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}"
class="fi-modal block"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-cloak x-show="isOpen">
<div
aria-hidden="true"
x-show="isOpen"
x-transition.duration.300ms.opacity
class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"
></div>
<div
class="fixed inset-0 z-40 overflow-y-auto cursor-pointer"
>
<div
x-ref="modalContainer"
x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch(&#039;close-modal&#039;, { id: &#039;Cx7maIj9z26Y5nYXvjAq-form-component-action&#039; })
"
class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4" x-on:modal-closed.stop="if (!$event.detail?.id?.startsWith('Cx7maIj9z26Y5nYXvjAq-')) {
return
}
const mountedFormComponentActionShouldOpenModal = false
if (mountedFormComponentActionShouldOpenModal) {
$wire.unmountFormComponentAction(false, false)
}"
>
<div
x-data="{ isShown: false }"
x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
"
x-on:keydown.window.escape="$dispatch(&#039;close-modal&#039;, { id: &#039;Cx7maIj9z26Y5nYXvjAq-form-component-action&#039; })"
x-show="isShown"
x-transition:enter="duration-300"
x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-95 opacity-0"
wire:key="Cx7maIj9z26Y5nYXvjAq.modal.Cx7maIj9z26Y5nYXvjAq-form-component-action.window"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</div>
</div>
</div>
</div>
</form>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
</main>
</div>
<div
x-cloak
x-data="{}"
x-on:click="$store.sidebar.close()"
x-show="$store.sidebar.isOpen"
x-transition.opacity.300ms
class="fi-sidebar-close-overlay fixed inset-0 z-30 bg-gray-950/50 transition duration-500 dark:bg-gray-950/75 lg:hidden"
></div>
<aside
x-data="{}"
x-cloak
x-bind:class="
$store.sidebar.isOpen
? 'fi-sidebar-open w-[--sidebar-width] translate-x-0 shadow-xl ring-1 ring-gray-950\/5 dark:ring-white\/10 rtl:-translate-x-0 lg:sticky' : '-translate-x-full rtl:translate-x-full lg:sticky lg:translate-x-0 rtl:lg:-translate-x-0'
"
class="fi-sidebar fixed inset-y-0 start-0 z-30 flex flex-col h-screen content-start bg-white transition-all dark:bg-gray-900 lg:z-0 lg:bg-transparent lg:shadow-none lg:ring-0 lg:transition-none dark:lg:bg-transparent fi-main-sidebar"
>
<div class="overflow-x-clip">
<header
class="fi-sidebar-header flex h-16 items-center bg-white px-6 ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 lg:shadow-sm"
>
<div
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
>
<a href="http://localhost/panel" wire:navigate>
<div
class="fi-logo flex text-xl font-bold leading-5 tracking-tight text-gray-950 dark:text-white"
>
IFNEX Logistics
</div>
</a>
</div>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray mx-auto" title="باز کردن نوار کناری" type="button" wire:loading.attr="disabled" x-cloak="x-cloak" x-data="{}" x-on:click="$store.sidebar.open()" x-show="! $store.sidebar.isOpen"
>
<span class="sr-only">
باز کردن نوار کناری
</span>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"/>
</svg>
</button>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray ms-auto hidden lg:flex" title="بستن نوار کناری" type="button" wire:loading.attr="disabled" x-cloak="x-cloak" x-data="{}" x-on:click="$store.sidebar.close()" x-show="$store.sidebar.isOpen"
>
<span class="sr-only">
بستن نوار کناری
</span>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</button>
</header>
</div>
<nav
class="fi-sidebar-nav flex-grow flex flex-col gap-y-7 overflow-y-auto overflow-x-hidden px-6 py-8"
style="scrollbar-gutter: stable"
>
<ul class="fi-sidebar-nav-groups -mx-2 flex flex-col gap-y-7">
<li
x-data="{ label: null }"
data-group-label=""
class="fi-sidebar-group flex flex-col gap-y-1 fi-active"
>
<ul
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-items flex flex-col gap-y-1"
>
<li
class="fi-sidebar-item fi-active fi-sidebar-item-active flex flex-col gap-y-1"
>
<a
href="http://localhost/panel" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u062f\u0627\u0634\u0628\u0648\u0631\u062f',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 bg-gray-100 dark:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-primary-600 dark:text-primary-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-primary-600 dark:text-primary-400"
>
داشبورد
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/import-rates-page" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0627\u06cc\u0645\u067e\u0648\u0631\u062a \u0632\u0648\u0646 \u0647\u0627',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
ایمپورت زون ها
</span>
</a>
</li>
</ul>
</li>
<li
x-data="{ label: '\u0639\u0645\u0644\u06cc\u0627\u062a' }"
data-group-label="عملیات"
class="fi-sidebar-group flex flex-col gap-y-1"
>
<div
x-on:click="$store.sidebar.toggleCollapsedGroup(label)"
x-show="$store.sidebar.isOpen"
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-button flex items-center gap-x-3 px-2 py-2 cursor-pointer"
>
<span
class="fi-sidebar-group-label flex-1 text-sm font-medium leading-6 text-gray-500 dark:text-gray-400"
>
عملیات
</span>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-2 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-sidebar-group-collapse-button" title="عملیات" type="button" wire:loading.attr="disabled" x-bind:aria-expanded="! $store.sidebar.groupIsCollapsed(label)" x-on:click.stop="$store.sidebar.toggleCollapsedGroup(label)" x-bind:class="{ '-rotate-180': $store.sidebar.groupIsCollapsed(label) }"
>
<span class="sr-only">
عملیات
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd"/>
</svg>
</button>
</div>
<ul
x-show="$store.sidebar.isOpen ? ! $store.sidebar.groupIsCollapsed(label) : ! false"
x-collapse.duration.200ms
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-items flex flex-col gap-y-1"
>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/shipments" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0645\u0631\u0633\u0648\u0644\u0627\u062a',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
مرسولات
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/shipment-checklists" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u0633\u0641\u0627\u0631\u0634\u0627\u062a',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
چک‌لیست سفارشات
</span>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
>
<span
style="--c-50:var(--danger-50);--c-400:var(--danger-400);--c-600:var(--danger-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-danger"
>
<span class="grid">
<span class="truncate">
6
</span>
</span>
</span>
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/bulk-tracking-import" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0627\u06cc\u0645\u067e\u0648\u0631\u062a \u06af\u0631\u0648\u0647\u06cc \u062a\u0631\u06a9\u06cc\u0646\u06af',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
ایمپورت گروهی ترکینگ
</span>
</a>
</li>
</ul>
</li>
<li
x-data="{ label: '\u0645\u0627\u0644\u06cc' }"
data-group-label="مالی"
class="fi-sidebar-group flex flex-col gap-y-1"
>
<div
x-on:click="$store.sidebar.toggleCollapsedGroup(label)"
x-show="$store.sidebar.isOpen"
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-button flex items-center gap-x-3 px-2 py-2 cursor-pointer"
>
<span
class="fi-sidebar-group-label flex-1 text-sm font-medium leading-6 text-gray-500 dark:text-gray-400"
>
مالی
</span>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-2 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-sidebar-group-collapse-button" title="مالی" type="button" wire:loading.attr="disabled" x-bind:aria-expanded="! $store.sidebar.groupIsCollapsed(label)" x-on:click.stop="$store.sidebar.toggleCollapsedGroup(label)" x-bind:class="{ '-rotate-180': $store.sidebar.groupIsCollapsed(label) }"
>
<span class="sr-only">
مالی
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd"/>
</svg>
</button>
</div>
<ul
x-show="$store.sidebar.isOpen ? ! $store.sidebar.groupIsCollapsed(label) : ! false"
x-collapse.duration.200ms
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-items flex flex-col gap-y-1"
>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/wallets" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u06a9\u06cc\u0641 \u067e\u0648\u0644 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 12a2.25 2.25 0 0 0-2.25-2.25H15a3 3 0 1 1-6 0H5.25A2.25 2.25 0 0 0 3 12m18 0v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 9m18 0V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v3"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
کیف پول کاربران
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/wallet-transactions" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u062a\u0631\u0627\u06a9\u0646\u0634\u200c\u0647\u0627\u06cc \u06a9\u06cc\u0641 \u067e\u0648\u0644',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
تراکنش‌های کیف پول
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/payments" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u067e\u0631\u062f\u0627\u062e\u062a\u200c\u0647\u0627',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
پرداخت‌ها
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/customer-credits" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0627\u0639\u062a\u0628\u0627\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
اعتبار مشتریان
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/discount-codes" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u06a9\u062f\u0647\u0627\u06cc \u062a\u062e\u0641\u06cc\u0641',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
کدهای تخفیف
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/exchange-rate-histories" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0646\u0631\u062e \u0627\u0631\u0632',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
نرخ ارز
</span>
</a>
</li>
</ul>
</li>
<li
x-data="{ label: '\u062a\u0646\u0638\u06cc\u0645\u0627\u062a' }"
data-group-label="تنظیمات"
class="fi-sidebar-group flex flex-col gap-y-1"
>
<div
x-on:click="$store.sidebar.toggleCollapsedGroup(label)"
x-show="$store.sidebar.isOpen"
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-button flex items-center gap-x-3 px-2 py-2 cursor-pointer"
>
<span
class="fi-sidebar-group-label flex-1 text-sm font-medium leading-6 text-gray-500 dark:text-gray-400"
>
تنظیمات
</span>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-2 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-sidebar-group-collapse-button" title="تنظیمات" type="button" wire:loading.attr="disabled" x-bind:aria-expanded="! $store.sidebar.groupIsCollapsed(label)" x-on:click.stop="$store.sidebar.toggleCollapsedGroup(label)" x-bind:class="{ '-rotate-180': $store.sidebar.groupIsCollapsed(label) }"
>
<span class="sr-only">
تنظیمات
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd"/>
</svg>
</button>
</div>
<ul
x-show="$store.sidebar.isOpen ? ! $store.sidebar.groupIsCollapsed(label) : ! false"
x-collapse.duration.200ms
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-items flex flex-col gap-y-1"
>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/users" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u06a9\u0627\u0631\u0628\u0631\u0627\u0646',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
کاربران
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/roles" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0646\u0642\u0634\u200c\u0647\u0627',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
نقش‌ها
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/countries" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u06a9\u0634\u0648\u0631\u0647\u0627',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
کشورها
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/currencies" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0627\u0631\u0632\u0647\u0627',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m9 7.5 3 4.5m0 0 3-4.5M12 12v5.25M15 12H9m6 3H9m12-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
ارزها
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/shipping-rates" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0646\u0631\u062e\u200c\u0647\u0627\u06cc \u062d\u0645\u0644',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
نرخ‌های حمل
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/commitment-forms" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062a\u0639\u0647\u062f\u0646\u0627\u0645\u0647',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
فایل‌های تعهدنامه
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/ifnex-settings-page" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0633\u06cc\u0633\u062a\u0645',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
تنظیمات سیستم
</span>
</a>
</li>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/shipment-checklist-templates" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0686\u06a9\u200c\u0644\u06cc\u0633\u062a',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
قالب‌های چک‌لیست
</span>
</a>
</li>
</ul>
</li>
<li
x-data="{ label: '\u06af\u0632\u0627\u0631\u0634\u200c\u0647\u0627' }"
data-group-label="گزارش‌ها"
class="fi-sidebar-group flex flex-col gap-y-1"
>
<div
x-on:click="$store.sidebar.toggleCollapsedGroup(label)"
x-show="$store.sidebar.isOpen"
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-button flex items-center gap-x-3 px-2 py-2 cursor-pointer"
>
<span
class="fi-sidebar-group-label flex-1 text-sm font-medium leading-6 text-gray-500 dark:text-gray-400"
>
گزارش‌ها
</span>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-2 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-sidebar-group-collapse-button" title="گزارش‌ها" type="button" wire:loading.attr="disabled" x-bind:aria-expanded="! $store.sidebar.groupIsCollapsed(label)" x-on:click.stop="$store.sidebar.toggleCollapsedGroup(label)" x-bind:class="{ '-rotate-180': $store.sidebar.groupIsCollapsed(label) }"
>
<span class="sr-only">
گزارش‌ها
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd"/>
</svg>
</button>
</div>
<ul
x-show="$store.sidebar.isOpen ? ! $store.sidebar.groupIsCollapsed(label) : ! false"
x-collapse.duration.200ms
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-items flex flex-col gap-y-1"
>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/audit-logs" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
تاریخچه تغییرات
</span>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
>
<span
style="--c-50:var(--primary-50);--c-400:var(--primary-400);--c-600:var(--primary-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-primary"
>
<span class="grid">
<span class="truncate">
44
</span>
</span>
</span>
</span>
</a>
</li>
</ul>
</li>
<li
x-data="{ label: '\u0627\u0628\u0632\u0627\u0631\u0647\u0627' }"
data-group-label="ابزارها"
class="fi-sidebar-group flex flex-col gap-y-1"
>
<div
x-on:click="$store.sidebar.toggleCollapsedGroup(label)"
x-show="$store.sidebar.isOpen"
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-button flex items-center gap-x-3 px-2 py-2 cursor-pointer"
>
<span
class="fi-sidebar-group-label flex-1 text-sm font-medium leading-6 text-gray-500 dark:text-gray-400"
>
ابزارها
</span>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-2 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-sidebar-group-collapse-button" title="ابزارها" type="button" wire:loading.attr="disabled" x-bind:aria-expanded="! $store.sidebar.groupIsCollapsed(label)" x-on:click.stop="$store.sidebar.toggleCollapsedGroup(label)" x-bind:class="{ '-rotate-180': $store.sidebar.groupIsCollapsed(label) }"
>
<span class="sr-only">
ابزارها
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd"/>
</svg>
</button>
</div>
<ul
x-show="$store.sidebar.isOpen ? ! $store.sidebar.groupIsCollapsed(label) : ! false"
x-collapse.duration.200ms
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-items flex flex-col gap-y-1"
>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/price-test-page" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u062a\u0633\u062a \u0645\u062d\u0627\u0633\u0628\u0647 \u0642\u06cc\u0645\u062a',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V13.5Zm0 2.25h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V18Zm2.498-6.75h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V13.5Zm0 2.25h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V18Zm2.504-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5Zm0 2.25h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V18Zm2.498-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5ZM8.25 6h7.5v2.25h-7.5V6ZM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 0 0 2.25 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0 0 12 2.25Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
تست محاسبه قیمت
</span>
</a>
</li>
</ul>
</li>
<li
x-data="{ label: '\u06af\u0632\u0627\u0631\u0634\u0647\u0627' }"
data-group-label="گزارشها"
class="fi-sidebar-group flex flex-col gap-y-1"
>
<div
x-on:click="$store.sidebar.toggleCollapsedGroup(label)"
x-show="$store.sidebar.isOpen"
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-button flex items-center gap-x-3 px-2 py-2 cursor-pointer"
>
<span
class="fi-sidebar-group-label flex-1 text-sm font-medium leading-6 text-gray-500 dark:text-gray-400"
>
گزارشها
</span>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-2 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-sidebar-group-collapse-button" title="گزارشها" type="button" wire:loading.attr="disabled" x-bind:aria-expanded="! $store.sidebar.groupIsCollapsed(label)" x-on:click.stop="$store.sidebar.toggleCollapsedGroup(label)" x-bind:class="{ '-rotate-180': $store.sidebar.groupIsCollapsed(label) }"
>
<span class="sr-only">
گزارشها
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd"/>
</svg>
</button>
</div>
<ul
x-show="$store.sidebar.isOpen ? ! $store.sidebar.groupIsCollapsed(label) : ! false"
x-collapse.duration.200ms
x-transition:enter="delay-100 lg:transition"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-group-items flex flex-col gap-y-1"
>
<li
class="fi-sidebar-item"
>
<a
href="http://localhost/panel/financial-report" wire:navigate
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
x-data="{ tooltip: false }"
x-effect="
tooltip = $store.sidebar.isOpen
? false
: {
content: '\u06af\u0632\u0627\u0631\u0634 \u0645\u0627\u0644\u06cc',
placement: document.dir === 'rtl' ? 'left' : 'right',
theme: $store.theme,
}
"
x-tooltip.html="tooltip"
class="fi-sidebar-item-button relative flex items-center justify-center gap-x-3 rounded-lg px-2 py-2 outline-none transition duration-75 hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-white/5 dark:focus-visible:bg-white/5"
>
<svg class="fi-sidebar-item-icon h-6 w-6 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"/>
</svg>
<span
x-show="$store.sidebar.isOpen"
x-transition:enter="lg:transition lg:delay-100"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
class="fi-sidebar-item-label flex-1 truncate text-sm font-medium text-gray-700 dark:text-gray-200"
>
گزارش مالی
</span>
</a>
</li>
</ul>
</li>
</ul>
<script>
var collapsedGroups = JSON.parse(
localStorage.getItem('collapsedGroups'),
)
if (collapsedGroups === null || collapsedGroups === 'null') {
localStorage.setItem(
'collapsedGroups',
JSON.stringify([]),
)
}
collapsedGroups = JSON.parse(
localStorage.getItem('collapsedGroups'),
)
document
.querySelectorAll('.fi-sidebar-group')
.forEach((group) => {
if (
!collapsedGroups.includes(group.dataset.groupLabel)
) {
return
}
// Alpine.js loads too slow, so attempt to hide a
// collapsed sidebar group earlier.
group.querySelector(
'.fi-sidebar-group-items',
).style.display = 'none'
group
.querySelector('.fi-sidebar-group-collapse-button')
.classList.add('-rotate-180')
})
</script>
</nav>
</aside>
<script>
document.addEventListener('DOMContentLoaded', () => {
setTimeout(() => {
let activeSidebarItem = document.querySelector(
'.fi-main-sidebar .fi-sidebar-item.fi-active',
)
if (
!activeSidebarItem ||
activeSidebarItem.offsetParent === null
) {
activeSidebarItem = document.querySelector(
'.fi-main-sidebar .fi-sidebar-group.fi-active',
)
}
if (
!activeSidebarItem ||
activeSidebarItem.offsetParent === null
) {
return
}
const sidebarWrapper = document.querySelector(
'.fi-main-sidebar .fi-sidebar-nav',
)
if (!sidebarWrapper) {
return
}
sidebarWrapper.scrollTo(
0,
activeSidebarItem.offsetTop -
window.innerHeight / 2,
)
}, 10)
})
</script>
</div>
<div wire:snapshot="{&quot;data&quot;:{&quot;isFilamentNotificationsComponent&quot;:true,&quot;notifications&quot;:[[],{&quot;class&quot;:&quot;Filament\\Notifications\\Collection&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;i5qpgZFqKUiNEFAsC204&quot;,&quot;name&quot;:&quot;filament.livewire.notifications&quot;,&quot;path&quot;:&quot;panel&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;},&quot;checksum&quot;:&quot;9c976d7fd2fba1b133dda7a551bbe23e9d133247f89a119863385e614fdf5660&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;notificationsSent&quot;,&quot;notificationSent&quot;,&quot;notificationClosed&quot;]}" wire:id="i5qpgZFqKUiNEFAsC204">
<div
class="fi-no pointer-events-none fixed inset-4 z-50 mx-auto flex gap-3 items-end flex-col-reverse justify-end"
role="status"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]--> <div
x-data="{}"
x-init="
window.addEventListener('EchoLoaded', () => {
window.Echo.private('App.Models.User.1').notification((notification) => {
setTimeout(() => $wire.handleBroadcastNotification(notification), 500)
})
})
if (window.Echo) {
window.dispatchEvent(new CustomEvent('EchoLoaded'))
}
"
></div>
<!--[if ENDBLOCK]><![endif]--></div>
<script>
window.filamentData = [] </script>
<script
src="http://localhost/js/filament/notifications/notifications.js?v=3.3.54.0"
data-navigate-once
data-navigate-track
></script>
<script
src="http://localhost/js/filament/support/support.js?v=3.3.54.0"
data-navigate-once
data-navigate-track
></script>
<script
src="http://localhost/js/filament/filament/echo.js?v=3.3.54.0"
data-navigate-once
data-navigate-track
></script>
<script
src="http://localhost/js/filament/filament/app.js?v=3.3.54.0"
data-navigate-once
data-navigate-track
></script>
<style>
:root {
}
</style>
<script>
loadDarkMode()
</script>
<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=e5e7ff8c" data-csrf="Zb4ImY478lr9LGrZ16JFhpkNE9OFHoMaCkFwjD3q" data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body>
</html>