<!DOCTYPE html>
<html lang="fa-IR" dir="rtl">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
{% block seo %}{% endblock %}
{% set css = [
'base-assets/themes/default/css/vendor/font-awesome.min.css',
'base-assets/themes/default/css/vendor/materialdesignicons.min.css',
'base-assets/themes/default/css/vendor/bootstrap.min.css',
'base-assets/themes/default/css/vendor/bootstrap-slider.min.css',
'base-assets/themes/default/css/vendor/owl.carousel.min.css',
'base-assets/themes/default/css/vendor/jquery.horizontalmenu.css',
'base-assets/themes/default/css/vendor/jquery-stack-menu.min.css',
'base-assets/themes/default/css/vendor/fancybox.min.css',
'base-assets/themes/default/css/vendor/nice-select.css',
'base-assets/themes/default/css/vendor/nouislider.min.css',
'base-assets/themes/default/css/main.css',
'base-assets/themes/default/css/colors/default.css',
] %}
{% for url in css %}
<link rel="stylesheet" href="{{ url('app_cdn_path' , {'path' : url})|replaceUrl('http://', 'https://') }}">
{% endfor %}
<script src="{{ url('app_cdn_path' , {'path' : 'base-assets/themes/default/js/vendor/jquery-3.4.1.min.js'})|replaceUrl('http://', 'https://') }}"></script>
{% block stylesheets %}{% endblock %}
</head>
<body>
{% if app.user is defined and app.user is not null and app.user.hasRole('ROLE_SHOP_ADMIN') %}
{% include 'website/admin-bar.html.twig' %}
{% endif%}
{#{{ dump(app.user.getRoles()) }}#}
{% if app.user is defined and app.user is not null and app.user.hasRole('ROLE_SHOP_ADMIN') %}
<style>
header.main-header{
top:40px!important;
}
</style>
{% endif%}
{# {{ render_seo_body_scripts()|raw }} #}
<div class="wrapper" >
<header class="main-header">
<div class="container main-container">
<div class="topbar dt-sl">
<div class="row">
<div class="col-lg-2 col-md-3 col-6">
<div class="logo-area">
<a href="{{ path('app_shop_site_index') }}">
{% set logoPath = getSettings('general_info_siteLogo' , '#') %}
{% if logoPath != '#' and logoPath != '' and logoPath is not null %}
<img style="max-height: 50px" src="{{ path('app_cdn_path' , {'path' :logoPath }) }}"
alt="">
{% endif %}
</a>
</div>
</div>
<div class="col-lg-6 col-md-5 hidden-sm">
<div class="search-area dt-sl">
<form action="{{ path('app_shop_site_products') }}" method="get" class="search">
<input type="text"
name="s"
value="{{ app.request.get('s') }}"
placeholder="نام کالا، برند و یا دسته مورد نظر خود را جستجو کنید…">
<i class="far fa-search search-icon"></i>
</form>
</div>
</div>
<div class="col-md-4 col-6 topbar-left">
<ul class="nav float-left">
<li class="nav-item account dropdown">
{% if app.user %}
<a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<span class="label-dropdown">حساب کاربری</span>
<i class="mdi mdi-account-circle-outline"></i>
</a>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-left">
<a class="dropdown-item" href="{{ path('shop_customer_panel_dashboard') }}">
<i class="mdi mdi-account-card-details-outline"></i>داشبورد
</a>
<div class="dropdown-divider" role="presentation"></div>
<a class="dropdown-item" href="{{ path('customer_panel_logout') }}">
<i class="mdi mdi-logout-variant"></i>خروج
</a>
</div>
{% else %}
<a class="nav-link" href="{{ path('customer_panel_login') }}">
<span class="label-dropdown">ورود</span>
<i class="mdi mdi-account-circle-outline"></i>
</a>
{% endif %}
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="bottom-header dt-sl mb-sm-bottom-header">
<div class="container main-container">
<nav class="main-menu d-flex justify-content-md-between justify-content-end dt-sl">
<ul class="list hidden-sm">
{% set menu = get_menu_data('headerMenu') %}
{% if menu['items'] is defined %}
{% for item in menu['items'] %}
{% if item['children'] is defined and item['children']|length > 0 %}
<li class="list-item list-item-has-children menu-col-1">
<a class="nav-link" href="{{ item['link'] }}">{{ item['title'] }}</a>
<ul class="sub-menu nav">
{% for children in item['children'] %}
<li class="list-item">
<a class="nav-link"
href="{{ children['link'] }}">{{ children['title'] }}</a>
</li>
{% endfor %}
</ul>
</li>
{% else %}
<li class="list-item">
<a class="nav-link" href="{{ item['link'] }}">{{ item['title'] }}</a>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
<div class="nav mr-auto">
{% set cart = getUserCartItems() %}
{% if cart['order'] is defined and cart['order'] is not null %}
<div class="nav-item cart--wrapper">
<a class="nav-link" href="#">
<span class="label-dropdown">سبد خرید</span>
<i class="mdi mdi-cart-outline"></i>
<span class="count">{{ cart['order'].orderItems|length }}</span>
</a>
<div class="header-cart-info">
<div class="header-cart-info-header">
<div class="header-cart-info-count">
{{ cart['order'].orderItems|length }} کالا
</div>
<a href="{{ path('app_shop_site_cart') }}" class="header-cart-info-link">
<span>مشاهده سبد خرید</span>
</a>
</div>
<ul class="header-basket-list do-nice-scroll">
{% for item in cart['order'].orderItems %}
<li class="cart-item">
<a href="#" class="header-basket-list-item">
<div class="header-basket-list-item-image pl-3">
{% if item.product.imageUrl is defined and item.product.imageUrl is not null %}
<img src="{{ item.product.imageUrl }}" alt="">
{% elseif item.product.productImages[0] is defined %}
<img src="{{ item.product.productImages[0].imageUrl }}"
alt="">
{% endif %}
</div>
<div class="header-basket-list-item-content">
<p class="header-basket-list-item-title">
{{ item.product.name }}
</p>
<div class="header-basket-list-item-footer">
<div class="header-basket-list-item-props">
<span class="header-basket-list-item-props-item">
{{ item.quantity }} x
</span>
</div>
</div>
</div>
</a>
</li>
{% endfor %}
</ul>
<div class="header-cart-info-footer">
<div class="header-cart-info-total">
<span class="header-cart-info-total-text">مبلغ قابل پرداخت:</span>
<p class="header-cart-info-total-amount">
<span class="header-cart-info-total-amount-number">
{{ cart.total|number_format }}
<span>تومان</span></span>
</p>
</div>
<div>
{# <a href="{{ path('app_shop_site_cart') }}" class="header-cart-info-submit"> #}
{# ثبت سفارش #}
{# </a> #}
<a href="{{ path('app_shop_site_cart') }}"
class="btn-block btn-primary-cm btn-with-icon w-100 text-center pr-0">
ثبت سفارش
</a>
</div>
</div>
</div>
</div>
{% else %}
<div class="nav-item cart--wrapper">
<a class="nav-link" href="#">
<span class="label-dropdown">سبد خرید</span>
<i class="mdi mdi-cart-outline"></i>
<span class="count">۰</span>
</a>
<div class="header-cart-info">
<div class="header-cart-info-header">
<div class="header-cart-info-count">
خالی
</div>
</div>
<ul class="header-basket-list do-nice-scroll">
</ul>
</div>
</div>
{% endif %}
</div>
<button class="btn-menu">
<div class="align align__justify">
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="side-menu">
<div class="logo-nav-res dt-sl text-center">
<a href="#">
<img src="{{ path('app_cdn_path' , {'path' : 'base-assets/themes/default/img/logo.png'}) }}"
alt="">
</a>
</div>
<div class="search-box-side-menu dt-sl text-center mt-2 mb-3">
<form action="{{ path('app_shop_site_products') }}" method="get">
<input type="text" value="{{ app.request.get('s') }}" name="s"
placeholder="جستجو کنید...">
<i class="mdi mdi-magnify"></i>
</form>
</div>
<ul class="navbar-nav dt-sl">
{% set menu = get_menu_data('headerMenu') %}
{% if menu['items'] is defined %}
{% for item in menu['items'] %}
{% if item['children'] is defined and item['children']|length > 0 %}
<li class="sub-menu">
<a href="{{ item['link'] }}">{{ item['title'] }}</a>
<ul>
{% for children in item['children'] %}
<li>
<a href="{{ children['link'] }}">{{ children['title'] }}</a>
</li>
{% endfor %}
</ul>
</li>
{% else %}
<li>
<a href="{{ item['link'] }}">{{ item['title'] }}</a>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</div>
<div class="overlay-side-menu">
</div>
</nav>
</div>
</div>
<!-- End bottom-header -->
</header>
<main class="main-content dt-sl mb-3">
<div class="container main-container">
{% block body %}{% endblock %}
</div>
</main>
<footer class="main-footer dt-sl">
<div class="back-to-top">
<a href="#"><span class="icon"><i class="mdi mdi-chevron-up"></i></span> <span>بازگشت به
بالا</span></a>
</div>
<div class="container main-container">
<div class="footer-services">
<div class="row">
<div class="service-item col">
<a href="#" target="_blank">
<img src="{{ path('app_cdn_path' , {'path' : 'base-assets/themes/default/img/svg/delivery.svg'}) }}">
</a>
<p>تحویل سریع</p>
</div>
<div class="service-item col">
<a href="#" target="_blank">
<img src="{{ path('app_cdn_path' , {'path' : 'base-assets/themes/default/img/svg/contact-us.svg'}) }}">
</a>
<p>پشتیبانی 24 ساعته</p>
</div>
<div class="service-item col">
<a href="#" target="_blank">
<img src="{{ path('app_cdn_path' , {'path' : 'base-assets/themes/default/img/svg/payment-terms.svg'}) }}">
</a>
<p>پرداخت امن</p>
</div>
<div class="service-item col">
<a href="#" target="_blank">
<img src="{{ path('app_cdn_path' , {'path' : 'base-assets/themes/default/img/svg/origin-guarantee.svg'}) }}">
</a>
<p>ضمانت اصل بودن کالا</p>
</div>
</div>
</div>
<div class="footer-widgets">
<div class="row">
{% set menu = get_menu_data('footer1') %}
{% if menu['items'] is defined %}
<div class="col-12 col-md-6 col-lg-3">
<div class="widget-menu widget card">
<header class="card-header">
<h3 class="card-title">{{ menu['title'] }}</h3>
</header>
<ul class="footer-menu">
{% for item in menu['items'] %}
<li>
<a href="{{ item['link'] }}">{{ item['title'] }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% set menu = get_menu_data('footer2') %}
{% if menu['items'] is defined %}
<div class="col-12 col-md-6 col-lg-3">
<div class="widget-menu widget card">
<header class="card-header">
<h3 class="card-title">{{ menu['title'] }}</h3>
</header>
<ul class="footer-menu">
{% for item in menu['items'] %}
<li>
<a href="{{ item['link'] }}">{{ item['title'] }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% set menu = get_menu_data('footer3') %}
{% if menu['items'] is defined %}
<div class="col-12 col-md-6 col-lg-3">
<div class="widget-menu widget card">
<header class="card-header">
<h3 class="card-title">{{ menu['title'] }}</h3>
</header>
<ul class="footer-menu">
{% for item in menu['items'] %}
<li>
<a href="{{ item['link'] }}">{{ item['title'] }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
<div class="col-12 col-md-6 col-lg-3">
<div class="socials text-center">
<p>ما را در شبکه های اجتماعی دنبال کنید.</p>
<div class="footer-social">
<ul class="text-center">
<li>
<a href="{{ getSettings('social_url_instagram' , '#') }}">
<i class="mdi mdi-instagram"></i>
</a>
</li>
<li>
<a href="{{ getSettings('social_url_telegram' , '#') }}">
<i class="mdi mdi-telegram"></i>
</a>
</li>
<li>
<a href="{{ getSettings('social_url_facebook' , '#') }}">
<i class="mdi mdi-facebook"></i>
</a>
</li>
<li>
<a href="{{ getSettings('social_url_twitter' , '#') }}">
<i class="mdi mdi-twitter"></i>
</a>
<li>
<a href="{{ getSettings('social_url_linkedin' , '#') }}">
<i class="mdi mdi-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="info">
<div class="row">
<div class="col-12 text-right">
<span>هفت روز هفته ، 24 ساعت شبانهروز پاسخگوی شما هستیم.</span>
</div>
</div>
</div>
</div>
<div class="description">
<div class="container main-container">
<div class="row">
<div class="site-description col-12 col-lg-7">
<h1 class="site-title">
{{ getSettings('general_info_siteName') }}
{{ getSettings('general_info_slogan' , '') }}
</h1>
<p>
{{ getSettings('general_info_footer_text' , '') }}
</p>
</div>
<div class="symbol col-12 col-lg-5">
{% if
(getSettings('certificate_all_code' , 0) == 0) or
(getSettings('certificate_all_code' , 0) != "") or
(getSettings('certificate_all_code' , 0) != " ") or
getSettings('certificate_all_code' , 0) is null %}
<img src="{{ asset('symbol-01.png') }}" alt="">
<img src="{{ asset('symbol-02.png') }}" alt="">
{% else %}
{{ getSettings('certificate_all_code')|raw }}
{% endif %}
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container main-container">
<p>
{{ getSettings('general_info_copyright') }}
-
ساخته شده توسط
<a href="https://poooshe.com">پــوشه</a>
</p>
</div>
</div>
</footer>
</div>
{% set jss = [
'base-assets/themes/default/js/vendor/popper.min.js',
'base-assets/themes/default/js/vendor/bootstrap.min.js',
'base-assets/themes/default/js/vendor/bootstrap-slider.min.js',
'base-assets/themes/default/js/vendor/owl.carousel.min.js',
'base-assets/themes/default/js/vendor/owl.carousel2.thumbs.min.js',
'base-assets/themes/default/js/vendor/jquery.nicescroll.min.js',
'base-assets/themes/default/js/vendor/jquery.nice-select.min.js',
'base-assets/themes/default/js/vendor/nouislider.min.js',
'base-assets/themes/default/js/vendor/jquery.horizontalmenu.js',
'base-assets/themes/default/js/vendor/jquery-stack-menu.min.js',
'base-assets/themes/default/js/vendor/jquery.fancybox.min.js',
'base-assets/themes/default/js/vendor/countdown.min.js',
'base-assets/themes/default/js/vendor/wNumb.js',
'base-assets/themes/default/js/vendor/ResizeSensor.min.js',
'base-assets/themes/default/js/vendor/theia-sticky-sidebar.min.js',
'base-assets/themes/default/js/main.js',
] %}
{% for url in jss %}
<script src="{{ url('app_cdn_path' , {'path' : url})|replaceUrl('http://', 'https://') }}"></script>
{% endfor %}
{% block javascripts %}{% endblock %}
</body>
</html>