gitmodir110/ifnex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(theme): implement custom login template and dynamic navigation

Browse Source 
Implement a new split-design login page template and enhance theme
navigation logic to improve user experience:

- Add `template-login.php` with a modern split-screen layout featuring
  animated decorative elements and a clean form interface.
- Implement dynamic header navigation that toggles between "Client Login"
  and "Dashboard" based on user authentication status.
- Update front-page service links to point to functional account and
  tracking endpoints.
- Add comprehensive CSS for the new login page design, including
  animations and responsive form styling.
- Update footer credits to reflect VernaSoft.
This commit is contained in:
Kazem Alghasi 2026-08-12 05:34:06 +03:30
parent f08981da31
commit 779c5aab98
5 changed files with 442 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
03_WordPress/wp-content/themes/ifnex/footer.php
View File

@ -65,7 +65,7 @@
<!-- Footer Bottom -->
<div class="footer-bottom">
<span>© <?php echo date('Y'); ?> <a href="<?php echo esc_url(home_url('/')); ?>">IFNEX Logistics</a> — <?php echo ifnex_t('تمامی حقوق محفوظ است', 'All rights reserved'); ?></span>
<span><?php echo ifnex_t('طراحی شده با ❤ برای کسب‌وکارهای ایرانی', 'Designed with ❤ for Iranian businesses'); ?></span>
<span><?php echo ifnex_t('طراحی شده با ❤ ورناسافت', 'Designed with ❤ VernaSoft'); ?></span>
</div>
</div>
</footer>

37
03_WordPress/wp-content/themes/ifnex/front-page.php
View File

@ -17,15 +17,15 @@ $address = $is_en ? ifnex_get_option('address_en', 'Tehran, Valiasr St., No. 123
// Services Data
$services = $is_en ? [
['title' => 'International Shipping (Export)', 'desc' => 'Ship commercial and personal packages to over 150 countries worldwide with the fastest air and ground routes.', 'icon' => 'globe', 'link' => '#'],
['title' => 'Domestic Delivery (Import)', 'desc' => 'Receive packages from around the world and get fast delivery in Iran with precise tracking and full insurance.', 'icon' => 'download', 'link' => '#'],
['title' => 'Online Ordering', 'desc' => 'Place shipping orders online, pay securely, and track your shipment in real-time through your dedicated dashboard.', 'icon' => 'cart', 'link' => '#'],
['title' => 'Package Tracking', 'desc' => 'Track your packages instantly with AWB number — see every step from pickup to delivery.', 'icon' => 'tracking', 'link' => '#tracking'],
['title' => 'International Shipping (Export)', 'desc' => 'Ship commercial and personal packages to over 150 countries worldwide with the fastest air and ground routes.', 'icon' => 'globe', 'link' => home_url('/my-account/?tab=new-order'),],
['title' => 'Domestic Delivery (Import)', 'desc' => 'Receive packages from around the world and get fast delivery in Iran with precise tracking and full insurance.', 'icon' => 'download', 'link' => home_url('/my-account/?tab=new-order'),],
['title' => 'Online Ordering', 'desc' => 'Place shipping orders online, pay securely, and track your shipment in real-time through your dedicated dashboard.', 'icon' => 'cart', 'link' => home_url('/my-account/?tab=new-order'),],
['title' => 'Package Tracking', 'desc' => 'Track your packages instantly with AWB number — see every step from pickup to delivery.', 'icon' => 'tracking', 'link' => home_url('/tracking/'),],
] : [
['title' => 'ارسال بین‌المللی (صادرات)', 'desc' => 'ارسال مرسولات تجاری و شخصی به بیش از ۱۵۰ کشور جهان با سریع‌ترین مسیرهای هوایی و زمینی.', 'icon' => 'globe', 'link' => '#'],
['title' => 'ارسال داخلی (واردات)', 'desc' => 'دریافت مرسولات از سراسر دنیا و تحویل سریع در ایران با سیستم ردیابی دقیق و بیمه کامل.', 'icon' => 'download', 'link' => '#'],
['title' => 'سفارش آنلاین', 'desc' => 'ثبت سفارش ارسال به صورت آنلاین، پرداخت امن، و پیگیری لحظه‌ای از طریق پنل کاربری اختصاصی.', 'icon' => 'cart', 'link' => '#'],
['title' => 'ردیابی مرسوله', 'desc' => 'ردیابی آنی مرسولات با شماره AWB — از لحظه تحویل تا رسیدن به مقصد، هر گام را ببینید.', 'icon' => 'tracking', 'link' => '#tracking'],
['title' => 'ارسال بین‌المللی (صادرات)', 'desc' => 'ارسال مرسولات تجاری و شخصی به بیش از ۱۵۰ کشور جهان با سریع‌ترین مسیرهای هوایی و زمینی.', 'icon' => 'globe', 'link' => home_url('/my-account/?tab=new-order'),],
['title' => 'ارسال داخلی (واردات)', 'desc' => 'دریافت مرسولات از سراسر دنیا و تحویل سریع در ایران با سیستم ردیابی دقیق و بیمه کامل.', 'icon' => 'download', 'link' => home_url('/my-account/?tab=new-order'),],
['title' => 'سفارش آنلاین', 'desc' => 'ثبت سفارش ارسال به صورت آنلاین، پرداخت امن، و پیگیری لحظه‌ای از طریق پنل کاربری اختصاصی.', 'icon' => 'cart', 'link' => home_url('/my-account/?tab=new-order'),],
['title' => 'ردیابی مرسوله', 'desc' => 'ردیابی آنی مرسولات با شماره AWB — از لحظه تحویل تا رسیدن به مقصد، هر گام را ببینید.', 'icon' => 'tracking', 'link' => home_url('/tracking/'),],
];
// Steps Data
@ -77,13 +77,14 @@ $testimonials = $is_en ? [
<p class="hero-subheading"><?php echo esc_html($hero_subtitle); ?></p>
<div class="hero-buttons">
<a href="#tracking" class="btn btn-white btn-lg">
<?php echo $is_en ? 'Track Package' : 'ردیابی مرسوله'; ?>
<a href="<?php echo esc_url(home_url('/tracking/')); ?>" class="btn btn-white btn-lg">
<?php echo $is_en ? 'Track Package' : 'رهگیری مرسوله'; ?>
</a>
<a href="#" class="btn btn-outline-white btn-lg">
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-outline-white btn-lg">
<?php echo $is_en ? 'Start Shipping' : 'شروع ارسال'; ?>
</a>
</div>
</div>
<div class="hero-trust">
<div class="trust-item">
@ -124,12 +125,12 @@ $testimonials = $is_en ? [
<div class="divider-row"><?php echo $is_en ? 'or' : 'یا'; ?></div>
<a href="#" class="btn btn-secondary" style="justify-content:center;">
<?php echo $is_en ? 'New Order' : 'ثبت سفارش جدید'; ?>
</a>
<a href="#" class="btn btn-secondary" style="justify-content:center;">
<?php echo $is_en ? 'Calculate Shipping Cost' : 'محاسبه هزینه ارسال'; ?>
</a>
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center;">
<?php echo $is_en ? 'New Order' : 'ثبت سفارش جدید'; ?>
</a>
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center;">
<?php echo $is_en ? 'Calculate Shipping Cost' : 'محاسبه هزینه ارسال'; ?>
</a>
<div class="hero-card-stats">
<div class="h-stat">
@ -330,7 +331,7 @@ $testimonials = $is_en ? [
<h2 class="cta-heading"><?php echo esc_html($cta_title); ?></h2>
<p class="cta-desc"><?php echo esc_html($cta_desc); ?></p>
<div class="cta-buttons">
<a href="#" class="btn btn-white btn-lg">
<a href="<?php echo esc_url(home_url('/my-account/')); ?>" class="btn btn-white btn-lg">
<?php echo $is_en ? 'Get Started Free' : 'شروع رایگان'; ?>
</a>
<a href="tel:<?php echo esc_attr(str_replace(' ', '', ifnex_get_option('phone', '+982100000000'))); ?>" class="btn btn-outline-white btn-lg">

39
03_WordPress/wp-content/themes/ifnex/header.php
View File

@ -9,29 +9,34 @@
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<?php
// لینک‌های هوشمند بر اساس وضعیت ورود کاربر
if (is_user_logged_in()) {
$login_btn_url = esc_url(home_url('/my-account/'));
$login_btn_text = ifnex_t('پنل کاربری', 'Dashboard');
$login_btn_class = 'btn btn-primary';
} else {
$login_btn_url = esc_url(home_url('/login/'));
$login_btn_text = ifnex_t('ورود مشتریان', 'Client Login');
$login_btn_class = 'btn btn-secondary';
}
$order_btn_url = esc_url(home_url('/my-account/?tab=new-order'));
?>
<!-- Header -->
<header class="site-header" id="site-header">
<div class="container">
<div class="header-inner">
<!-- Logo (قابل تنظیم از Customizer) -->
<?php echo ifnex_get_logo_html('header'); ?>
<!-- Navigation -->
<nav class="main-nav" aria-label="<?php echo ifnex_is_english() ? 'Main menu' : 'منوی اصلی'; ?>">
<?php ifnex_render_primary_menu(); ?>
</nav>
<!-- Actions + Language Switcher -->
<div class="header-actions">
<!-- Language Switcher (سازگار با Polylang) -->
<?php echo ifnex_language_switcher(); ?>
<a href="<?php echo esc_url(ifnex_get_option('login_url', '#')); ?>" class="btn btn-secondary">
<?php echo ifnex_t('ورود مشتریان', 'Client Login'); ?>
<a href="<?php echo $login_btn_url; ?>" class="<?php echo $login_btn_class; ?>">
<?php echo $login_btn_text; ?>
</a>
<a href="<?php echo esc_url(ifnex_get_option('order_url', '#')); ?>" class="btn btn-primary">
<a href="<?php echo $order_btn_url; ?>" class="btn btn-primary">
<?php echo ifnex_t('سفارش جدید', 'New Order'); ?>
</a>
<button class="hamburger" id="hamburger" aria-label="<?php echo ifnex_is_english() ? 'Menu' : 'منو'; ?>" aria-expanded="false">
@ -48,18 +53,14 @@
<?php ifnex_render_primary_menu(); ?>
</nav>
<div class="mobile-drawer-actions">
<!-- Language Switcher Mobile (سازگار با Polylang) -->
<?php echo ifnex_language_switcher_mobile(); ?>
<a href="<?php echo esc_url(ifnex_get_option('login_url', '#')); ?>" class="btn btn-secondary">
<?php echo ifnex_t('ورود مشتریان', 'Client Login'); ?>
<a href="<?php echo $login_btn_url; ?>" class="<?php echo $login_btn_class; ?>">
<?php echo $login_btn_text; ?>
</a>
<a href="<?php echo esc_url(ifnex_get_option('order_url', '#')); ?>" class="btn btn-primary">
<a href="<?php echo $order_btn_url; ?>" class="btn btn-primary">
<?php echo ifnex_t('سفارش جدید', 'New Order'); ?>
</a>
</div>
</div>
<!-- Main content wrapper -->
<main id="main-content" class="site-main">

245
03_WordPress/wp-content/themes/ifnex/style.css
View File

@ -1483,4 +1483,249 @@ html.lang-en .single-nav-next {
.hero-card-stats { grid-template-columns: 1fr; }
.stat-number { font-size: 2.2rem; }
.cta-section { padding: 56px 0; }
}
/* ═══ Login Page (Split Design) ═══ */
.ifnx-login-page {
display: flex;
min-height: calc(100vh - 100px);
}
/* ساید چپ (تصویر تیره) */
.ifnx-login-side {
flex: 1;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 60px;
color: #fff;
}
.ifnx-login-side::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(249,115,22,0.35), transparent 70%);
border-radius: 50%;
animation: float 8s ease-in-out infinite;
}
.ifnx-login-side::after {
content: '';
position: absolute;
bottom: -150px;
left: -150px;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(249,115,22,0.15), transparent 70%);
border-radius: 50%;
animation: float 10s ease-in-out infinite reverse;
}
@keyframes float {
0%, 100% { transform: translate(0, 0); }
50% { transform: translate(30px, -30px); }
}
.ifnx-login-side-content {
position: relative;
z-index: 1;
max-width: 480px;
}
.ifnx-login-logo {
display: flex;
align-items: center;
gap: 12px;
color: #fff;
margin-bottom: 40px;
}
.ifnx-login-logo svg { color: #f97316; }
.ifnx-login-logo span { font-size: 24px; font-weight: 800; letter-spacing: 2px; }
.ifnx-login-headline {
font-size: 42px;
font-weight: 800;
line-height: 1.2;
margin: 0 0 16px;
}
.ifnx-login-subtitle {
font-size: 17px;
color: rgba(255,255,255,0.7);
line-height: 1.7;
}
.ifnx-login-features {
margin-top: 48px;
display: flex;
flex-direction: column;
gap: 14px;
}
.ifnx-login-feature {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 18px;
background: rgba(255,255,255,0.06);
border-radius: 12px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.08);
font-size: 14px;
transition: transform 0.2s;
}
.ifnx-login-feature:hover { transform: translateX(-4px); }
.ifnx-login-feature svg { color: #f97316; flex-shrink: 0; }
/* ساید راست (فرم) */
.ifnx-login-form-side {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 40px;
background: #fff;
}
.ifnx-login-form-container {
max-width: 420px;
width: 100%;
}
.ifnx-login-form-container h2 {
font-size: 28px;
color: #0f172a;
margin: 0 0 8px;
font-weight: 800;
}
.ifnx-login-sub {
color: #64748b;
margin-bottom: 32px;
font-size: 14px;
}
.ifnx-form-group {
margin-bottom: 20px;
}
.ifnx-form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #0f172a;
font-size: 14px;
}
.ifnx-form-group input {
width: 100%;
padding: 14px 16px;
border: 1.5px solid #e2e8f0;
border-radius: 12px;
font-size: 15px;
transition: all 0.2s;
background: #f8fafc;
font-family: inherit;
box-sizing: border-box;
}
.ifnx-form-group input:focus {
outline: none;
border-color: #f97316;
background: #fff;
box-shadow: 0 0 0 4px rgba(249,115,22,0.1);
}
.ifnx-form-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
font-size: 14px;
flex-wrap: wrap;
gap: 8px;
}
.ifnx-checkbox {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
color: #475569;
user-select: none;
}
.ifnx-checkbox input { width: auto; accent-color: #f97316; }
.ifnx-form-row a {
color: #f97316;
text-decoration: none;
font-weight: 600;
}
.ifnx-form-row a:hover { text-decoration: underline; }
.btn-block {
width: 100%;
padding: 16px;
font-size: 15px;
border-radius: 12px;
border: none;
cursor: pointer;
font-weight: 700;
transition: transform 0.2s;
}
.btn-block:hover { transform: translateY(-2px); }
.ifnx-login-error, .ifnx-login-success {
padding: 12px 16px;
border-radius: 10px;
margin-bottom: 20px;
font-size: 14px;
}
.ifnx-login-error {
background: #fef2f2;
color: #dc2626;
border: 1px solid #fecaca;
}
.ifnx-login-success {
background: #f0fdf4;
color: #059669;
border: 1px solid #bbf7d0;
}
.ifnx-login-footer {
margin-top: 32px;
text-align: center;
color: #64748b;
font-size: 14px;
}
.ifnx-login-footer a {
color: #f97316;
font-weight: 700;
text-decoration: none;
margin-inline-start: 4px;
}
.ifnx-login-back {
display: inline-block;
margin-top: 12px;
color: #94a3b8 !important;
font-size: 13px !important;
font-weight: 500 !important;
}
/* Responsive */
@media (max-width: 900px) {
.ifnx-login-page { flex-direction: column; }
.ifnx-login-side { padding: 40px 30px; min-height: auto; }
.ifnx-login-headline { font-size: 28px; }
.ifnx-login-features { display: none; }
.ifnx-login-subtitle { font-size: 15px; }
.ifnx-login-form-side { padding: 40px 24px; }
.ifnx-login-form-container h2 { font-size: 24px; }
}

157
03_WordPress/wp-content/themes/ifnex/template-login.php Normal file
View File

@ -0,0 +1,157 @@
<?php
/**
* Template Name: IFNEX Login Page
*/
// اگر کاربر لاگین است، مستقیم به داشبورد برو
if (is_user_logged_in()) {
wp_redirect(home_url('/my-account/'));
exit;
}
$is_en = ifnex_is_english();
get_header();
?>
<style>
/* ═══ Login Page (Split Design) ═══ */
.ifnx-login-page{display:flex;min-height:calc(100vh - 100px)}
.ifnx-login-side{flex:1;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:60px;color:#fff}
.ifnx-login-side::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(249,115,22,.35),transparent 70%);border-radius:50%;animation:ifnxFloat 8s ease-in-out infinite}
.ifnx-login-side::after{content:'';position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(249,115,22,.15),transparent 70%);border-radius:50%;animation:ifnxFloat 10s ease-in-out infinite reverse}
@keyframes ifnxFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}
.ifnx-login-side-content{position:relative;z-index:1;max-width:480px}
.ifnx-login-logo{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:40px}
.ifnx-login-logo svg{color:#f97316}
.ifnx-login-logo span{font-size:24px;font-weight:800;letter-spacing:2px}
.ifnx-login-headline{font-size:42px;font-weight:800;line-height:1.2;margin:0 0 16px}
.ifnx-login-subtitle{font-size:17px;color:rgba(255,255,255,.7);line-height:1.7}
.ifnx-login-features{margin-top:48px;display:flex;flex-direction:column;gap:14px}
.ifnx-login-feature{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,.06);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:14px;transition:transform .2s}
.ifnx-login-feature:hover{transform:translateX(-4px)}
.ifnx-login-feature svg{color:#f97316;flex-shrink:0}
.ifnx-login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background:#fff}
.ifnx-login-form-container{max-width:420px;width:100%}
.ifnx-login-form-container h2{font-size:28px;color:#0f172a;margin:0 0 8px;font-weight:800}
.ifnx-login-sub{color:#64748b;margin-bottom:32px;font-size:14px}
.ifnx-form-group{margin-bottom:20px}
.ifnx-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#0f172a;font-size:14px}
.ifnx-form-group input{width:100%;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .2s;background:#f8fafc;font-family:inherit;box-sizing:border-box}
.ifnx-form-group input:focus{outline:none;border-color:#f97316;background:#fff;box-shadow:0 0 0 4px rgba(249,115,22,.1)}
.ifnx-form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px;flex-wrap:wrap;gap:8px}
.ifnx-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:#475569;user-select:none}
.ifnx-checkbox input{width:auto;accent-color:#f97316}
.ifnx-form-row a{color:#f97316;text-decoration:none;font-weight:600}
.ifnx-form-row a:hover{text-decoration:underline}
.btn-block{width:100%;padding:16px;font-size:15px;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:transform .2s}
.btn-block:hover{transform:translateY(-2px)}
.ifnx-login-error,.ifnx-login-success{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px}
.ifnx-login-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}
.ifnx-login-success{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}
.ifnx-login-footer{margin-top:32px;text-align:center;color:#64748b;font-size:14px}
.ifnx-login-footer a{color:#f97316;font-weight:700;text-decoration:none;margin-inline-start:4px}
.ifnx-login-back{display:inline-block;margin-top:12px;color:#94a3b8!important;font-size:13px!important;font-weight:500!important}
@media (max-width:900px){
.ifnx-login-page{flex-direction:column}
.ifnx-login-side{padding:40px 30px;min-height:auto}
.ifnx-login-headline{font-size:28px}
.ifnx-login-features{display:none}
.ifnx-login-subtitle{font-size:15px}
.ifnx-login-form-side{padding:40px 24px}
.ifnx-login-form-container h2{font-size:24px}
}
</style>
<div class="ifnx-login-page">
<!-- ساید تصویر -->
<div class="ifnx-login-side">
<div class="ifnx-login-side-content">
<div class="ifnx-login-logo">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="3 11 22 2 13 21 11 13 3 11"/></svg>
<span>IFNEX</span>
</div>
<h1 class="ifnx-login-headline">
<?php echo $is_en ? 'Welcome Back to IFNEX' : 'به IFNEX خوش آمدید'; ?>
</h1>
<p class="ifnx-login-subtitle">
<?php echo $is_en ? 'Fast, secure and reliable global shipping from Iran to anywhere in the world.' : 'ارسال سریع، امن و مطمئن از ایران به سراسر جهان.'; ?>
</p>
<div class="ifnx-login-features">
<div class="ifnx-login-feature">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg>
<span><?php echo $is_en ? 'Real-time package tracking' : 'رهگیری لحظه‌ای مرسولات'; ?></span>
</div>
<div class="ifnx-login-feature">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6"/></svg>
<span><?php echo $is_en ? 'Secure wallet payments' : 'پرداخت امن از کیف پول'; ?></span>
</div>
<div class="ifnx-login-feature">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
<span><?php echo $is_en ? '24/7 customer support' : 'پشتیبانی ۲۴/۷ مشتریان'; ?></span>
</div>
</div>
</div>
</div>
<!-- ساید فرم -->
<div class="ifnx-login-form-side">
<div class="ifnx-login-form-container">
<h2><?php echo $is_en ? 'Sign in to your account' : 'ورود به حساب کاربری'; ?></h2>
<p class="ifnx-login-sub">
<?php echo $is_en ? 'Access your orders, wallet and tracking panel' : 'دسترسی به سفارشات، کیف پول و پنل رهگیری'; ?>
</p>
<?php
// نمایش خطا
if (isset($_GET['login']) && $_GET['login'] === 'failed') {
echo '<div class="ifnx-login-error">❌ ' . ($is_en ? 'Invalid credentials' : 'نام کاربری یا رمز عبور اشتباه است') . '</div>';
}
if (isset($_GET['loggedout']) && $_GET['loggedout'] === 'true') {
echo '<div class="ifnx-login-success">✅ ' . ($is_en ? 'Logged out successfully' : 'با موفقیت خارج شدید') . '</div>';
}
?>
<form name="loginform" id="loginform" action="<?php echo esc_url(site_url('wp-login.php', 'login_post')); ?>" method="post">
<div class="ifnx-form-group">
<label for="user_login"><?php echo $is_en ? 'Email or Username' : 'ایمیل یا نام کاربری'; ?></label>
<input type="text" name="log" id="user_login" required autofocus placeholder="<?php echo $is_en ? 'Enter your email' : 'example@ifnex.com'; ?>">
</div>
<div class="ifnx-form-group">
<label for="user_pass"><?php echo $is_en ? 'Password' : 'رمز عبور'; ?></label>
<input type="password" name="pwd" id="user_pass" required placeholder="••••••••">
</div>
<div class="ifnx-form-row">
<label class="ifnx-checkbox">
<input type="checkbox" name="rememberme" value="forever">
<span><?php echo $is_en ? 'Remember me' : 'مرا به خاطر بسپار'; ?></span>
</label>
<a href="<?php echo esc_url(wp_lostpassword_url()); ?>">
<?php echo $is_en ? 'Forgot password?' : 'فراموشی رمز عبور؟'; ?>
</a>
</div>
<input type="hidden" name="redirect_to" value="<?php echo esc_url(home_url('/my-account/')); ?>">
<input type="hidden" name="testcookie" value="1">
<button type="submit" class="btn btn-primary btn-lg btn-block">
<?php echo $is_en ? 'Sign In' : 'ورود به حساب'; ?> →
</button>
</form>
<div class="ifnx-login-footer">
<p><?php echo $is_en ? "Don't have an account?" : 'حساب کاربری ندارید؟'; ?>
<a href="<?php echo esc_url(wp_registration_url()); ?>">
<?php echo $is_en ? 'Register now' : 'ثبت‌نام کنید'; ?>
</a></p>
<a href="<?php echo esc_url(home_url('/')); ?>" class="ifnx-login-back">
← <?php echo $is_en ? 'Back to home' : 'بازگشت به سایت'; ?>
</a>
</div>
</div>
</div>
</div>
<?php get_footer(); ?>