<!DOCTYPE html>
<html lang="{{app.request.locale}}">
{# detecting which of the predefined locales is the current loaded one #}
{# instead of just comparing the current loaded locale directly with locales as strings 'ar' and 'en' we will use them as keys of the predefined locales config to eleminate mistakes #}
{% set available_locales = app_locales|split('|') %} {# get locales from config #}
{% set locale_codes = [] %}
{# generate array of locales where the array keys are the locales instead of the array values #}
{% for key, value in available_locales %}
{% set locale_codes = locale_codes|merge({ (value): value }) %} {# no way to push to an array in twig except via merging to it #}
{% endfor %}
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<meta name="description" content="">
<meta name="author" content="Auction.Sa">
<title>{% block title %}{{ "website title" | trans }} {% endblock %} </title>
<!-- =-=-=-=-=-=-= Favicons Icon =-=-=-=-=-=-= -->
<link rel="icon" href="{{ asset('favicon.ico')}}" type="image/x-icon" />
<!-- =-=-=-=-=-=-= Mobile Specific =-=-=-=-=-=-= -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
{% block stylesheets %}
{# decide which css to load based on the current locale #}
{% if app.request.locale == locale_codes['ar'] %}
<link rel="stylesheet" href="{{ asset('css/bootstrap.rtl.full.css')}}">
{% elseif app.request.locale == locale_codes['en'] %}
<link rel="stylesheet" href="{{ asset('css/bootstrap.css')}}">
{% endif %}
<link rel="stylesheet" href="{{ asset('css/style.css')}}">
<link href="{{ asset('css/flaticon.css')}}" rel="stylesheet">
<!-- =-=-=-=-=-=-= Et Line Fonts =-=-=-=-=-=-= -->
<link rel="stylesheet" href="{{ asset('css/et-line-fonts.css')}}" type="text/css">
<!-- =-=-=-=-=-=-= Menu Drop Down =-=-=-=-=-=-= -->
<link rel="stylesheet" href="{{ asset('css/forest-menu.css')}}" type="text/css">
<link rel="stylesheet" href="{{ asset('css/animate.min.css')}}" type="text/css">
<link href="{{ asset('css/select2.min.css')}}" rel="stylesheet" />
<link href="{{ asset('css/nouislider.min.css')}}" rel="stylesheet">
<!-- =-=-=-=-=-=-= Listing Slider =-=-=-=-=-=-= -->
<link href="{{ asset('css/slider.css')}}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ asset('css/owl.carousel.css')}}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/owl.theme.css')}}">
<!-- =-=-=-=-=-=-= Check boxes =-=-=-=-=-=-= -->
<link href="{{ asset('skins/minimal/minimal.css')}}" rel="stylesheet">
<link href="{{ asset('css/responsive-media.css')}}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/colors/green.css')}}">
<!-- =-=-=-=-=-=-= Calendars =-=-=-=-=-=-= -->
<link rel="stylesheet" href="{{ asset('bootstrap/js/build/css/bootstrap-datetimepicker.min.css')}}"/>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/css/jquery.calendars.picker.css" rel="stylesheet"/>
<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.0.3/sweetalert2.min.css">
{# load customs.css only with ar locale #}
{% if app.request.locale == locale_codes['ar'] %}
<link rel="stylesheet" href="{{ asset('css/customs.css')}}">{# load customs.css only with ar locale #}
{% elseif app.request.locale == locale_codes['en'] %}
<link rel="stylesheet" href="{{ asset('css/customs_en.css')}}">
{% endif %}
{% endblock %}
<!-- JavaScripts -->
<script src="{{ asset('js/modernizr.js')}}"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script type="text/javascript" src="{{ asset('js/flashcanvas.js')}}"></script>
<![endif]-->
</head>
<body>
<!-- =-=-=-=-=-=-= Light Header =-=-=-=-=-=-= -->
<div class="colored-header">
<!-- Top Bar -->
<div class="header-top">
<div class="container">
<div class="row">
<!-- Header Top Left -->
<div class="header-top-left col-lg-1 col-md-2 col-sm-2 col-xs-3" style=" padding: 0 0px;">
<ul class="">
<li style="padding: 0"> <a href="{{ path('contactus_form') }}"><img src="{{ asset('feedback.png')}}" style="width:25px !important; height: 25px !important;" />{{ "Feedback" | trans({}, 'messages') }}</a> </li>
</ul>
</div>
{# if route array is empty, for example in case of errors, then don't show language switcher #}
{% if app.request.get('_route') is not null %}
<div class="header-top-left col-lg-7 col-md-6 col-sm-4 col-xs-3" style="padding: 0;">
<ul class="listnone">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-globe" aria-hidden="true"></i> {{ 'language' | trans }} <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="{{ app.request.getRequestUri() |replace({'/ar': "/en"}) }}">{{ "Eng" | trans({}, 'messages' , locale_codes['en']) }}</a></li>
<li><a href="{{ app.request.getRequestUri() |replace({'/en': "/ar"}) }}">{{ "Arabic" | trans({}, 'messages' , locale_codes['ar']) }}</a></li>
</ul>
</li>
</ul>
</div>
{% endif %}
<!-- Header Top Right Social -->
<div class="header-right col-lg-4 col-md-4 col-sm-6 col-xs-6 ">
<div class="pull-right">
<ul class="listnone">
{# Authenticated user area #}
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="icon-profile-male" aria-hidden="true"></i>
{{ "welcome"|trans( {}, "clients" ) }} {{ attribute(app.user.userIdentityInfo, 'firstname'~app.request.locale) }}
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="{{ path('my_profile') }}">{{ 'profile' | trans({}, 'clients') }}</a></li>
<li><a href="{{ path('change_password') }}">{{ 'change password' | trans({}, 'clients') }}</a></li>
{% set CLIENT_TYPES = constant('App\\Entity\\VehicleClients::CLIENT_TYPES') %}
{# get clients that the current user is a delegator to (clients who delegated the current logged in user) #}
{% set delegations = user_helper.getUserDelegators(app.user) %}
{% for delegation in delegations %}
{% if delegation.delegator.getClientType == CLIENT_TYPES.user %}
{% set profileLink = path('users_dashboard', {'userId': delegation.delegator.getActualClient.userId}) %}
{% elseif delegation.delegator.getClientType == CLIENT_TYPES.company %}
{% set profileLink = path('company_dashboard', {'companyId': delegation.delegator.getActualClient.companyId }) %}
{% endif %}
<li><a href="{{ profileLink }}">{{ delegation.delegator.getName(app.request.locale) }}</a></li>
{% endfor %}
<li><a href="{{ path('logout') }}">{{ "logout"|trans( {}, "clients" ) }}</a></li>
</ul>
</li>
{% else %}
<li><a href="{{ path('login') }}"><i class="fa fa-sign-in"></i>{{ 'login' |trans( {}, 'clients' ) }}</a></li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Top Bar End -->
<!-- Navigation Menu -->
<nav id="menu-1" class="mega-menu">
<!-- menu list items container -->
<section class="menu-list-items">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<!-- menu logo -->
<ul class="menu-logo">
<li>
</li>
</ul>
<!-- menu links -->
{% block menu %}
{% set route = app.request.get('_route') %}
<ul class="menu-links">
<li><a href="{{ path('homepage') }}">{{ 'Home'| trans }}</a></li>
{# Admins menu #}
{% if is_granted('ROLE_ADMIN') %}
<li class="{% if (route starts with 'vehicle') or (route starts with 'revokerequests') %}active{% endif %}"><a href="{{ path('vehicles_index') }}">{{ 'Vehicles'| trans }}</a></li>
<li class="{% if (route starts with 'user') or (route starts with 'additional_details') %}active{% endif %}"><a href="{{ path('users_index') }}">{{ 'Users'| trans }}</a></li>
<li class="{% if route starts with 'company' %}active{% endif %}"><a href="{{ path('company_index') }}">{{ 'Companies' | trans }}</a></li>
<li class="{% if route starts with 'auction' %}active{% endif %}"><a href="{{ path('auctions_index') }}">{{ 'Auctions' | trans }}</a></li>
<li class="{% if (route starts with 'reports') or (route ends with 'report') %}active{% endif %}"><a href="{{ path('reports_index') }}">{{ 'reports' | trans }}</a></li>
{% if is_granted('ROLE_ACCOUNTANT') %}
<li class="{% if route starts with 'banktrans' %}active{% endif %}"><a href="{{ path('banktrans_index') }}">{{ 'Bank Transactions' | trans }}</a></li>
{% endif %}
{% if is_granted('ROLE_SUPER_ADMIN') %}
<li class="{% if route starts with 'contentPages' %}active{% endif %}"><a href="{{ path('contentPages_index') }}">{{ 'Content Pages' | trans }}</a></li>
{% endif %}
{% if is_granted('ROLE_CUSTOMER_CARE') %}
<li class="{% if route starts with 'contactus' %}active{% endif %}"><a href="{{ path('contactus_index') }}">{{ 'visitors feedback' | trans }}</a></li>
{% endif %}
{% if is_granted('ROLE_DATA_ADMIN') %}
<li class="{% if route starts with 'data_import' %}active{% endif %}"><a href="{{ path('data_import_index') }}">{{ 'Data import' | trans({},'vehicles') }}</a></li>
{% endif %}
{# Beneficiary Rep menu #}
{% elseif is_granted('ROLE_BENEFICIARY_REP') %}
<li class="{% if route starts with 'company' %}active{% endif %}">
<a href="{{ path('company_dashboard', {'companyId': app.user.company.companyId}) }}"> {{ 'control panel' | trans({}, 'clients') }} {{ app.user.company.companyRegistration.getName(app.request.locale) }} </a>
</li>
{% endif %}
{% if not is_granted('IS_AUTHENTICATED_FULLY') %}
<li class="visible-xs hidden-md hidden-lg hidden-sm">
<a href="{{ path('user_registration') }}">{{ 'register now' | trans({}, 'clients') }}</a>
</li>
{% endif %}
</ul>
{% endblock %}
{% if not is_granted('IS_AUTHENTICATED_FULLY') %}
<ul class="menu-search-bar visible-lg visible-md visible-sm hidden-xs ">
<li>
<a href="{{ path('user_registration') }}" class="btn btn-light">{{ 'register now' | trans({}, 'clients') }}</a>
</li>
</ul>
{% endif %}
</div>
</div>
</div>
</section>
</nav>
</div>
<!-- Navigation Menu End -->
<!-- =-=-=-=-=-=-= Light Header End =-=-=-=-=-=-= -->
{% block page_front %}
<div class="page-header-area {#hidden-xs#}">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="header-page">
<h1 class="page_title">{% block page_title %}{% endblock %}</h1>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block breadcrumb %}{% endblock %}
<!-- =-=-=-=-=-=-= Main Content Area =-=-=-=-=-=-= -->
<div class="main-content-area clearfix" style="min-height: 600px">
{% block flash_messages %}
{% for label, messages in app.flashes([ 'success','warning', 'danger', 'notice', 'info']) %}
{% for message in messages %}
<div class="alert alert-{{ label }}" role="alert">
{{ message|trans }}
<button type="button" class="close close-btn" aria-label="Close" style="background: red;padding: 0px 5px 3px">
<span aria-hidden="true">×</span>
</button>
</div>
{% endfor %}
{% endfor %}
{% endblock %}
{% block body %}{% endblock %}
</div>
<!-- Main Content Area End -->
<!-- =-=-=-=-=-=-= FOOTER =-=-=-=-=-=-= -->
<div class="footer-area">
<!--Footer Upper-->
<div class="footer-content">
<div class="clearfix text-center">
<ul class="list-inline footer-links" style="text-align: center">
<li><a href="{{ path('content', {'page': 'auction_terms'} ) }}"> {{ 'procedures and conditions of the auction' | trans}}</a></li>
<li><a href="{{ path('static', {'page': 'location', '_proxy': 'static'} ) }}">{{ 'vehicles auction location' | trans}}</a></li>
<li><a href="{{ path('content', {'page': 'video'} ) }}"> {{ 'auction vehicles video' | trans}}</a></li>
</ul>
</div>
<div class="column line-dec" style="font-size: 9px;text-align: center;line-height: 13px;">
{{ "tjr footer info" | trans({}, 'vehicles') }}
</div>
</div>
<!--Footer Bottom-->
<div class="footer-copyright">
<div class="container clearfix">
<!--Copyright-->
<div class="col-lg-12 col-md-12 col-xs-12">
<ul class="list-inline footer-links" style="text-align: center;display: inline-block;">
<li><a href="{{ path('content', {'page': 'terms'} ) }}"> {{ "terms and conditions" | trans({}, 'messages') }}</a></li>
<li><a href="{{ path('content', {'page': 'privacy'} ) }}"> {{ "privacy policy" | trans({}, 'messages') }} </a></li>
</ul>
<div class="copyright ">© 2018 TJR</div>
</div>
</div>
</div>
</div>
<!-- =-=-=-=-=-=-= FOOTER END =-=-=-=-=-=-= -->
<!-- =-=-=-=-=-=-= FOOTER =-=-=-=-=-=-= -->
{#<footer class="footer-area">
<div class="footer-copyright">
<div class="container clearfix">
<!--Copyright-->
<div class="copyright text-center">Copyright 2018 © Auction.Sa All Rights Reserved</div>
</div>
<ul class="list-inline footer-links">
<li><a href="{{ path('static', {'page': 'terms', '_proxy': 'static'} ) }}"> {{ "terms and conditions" | trans({}, 'messages') }}</a></li>
<li><a href="{{ path('static', {'page': 'privacy', '_proxy': 'static'} ) }}"> {{ "privacy policy" | trans({}, 'messages') }} </a></li>
</ul>
<div class="row">
<a href="https://wa.me/966559661234" target="_blank" style="color: white;">
<div dir="ltr" style="direction: ltr;">
{{ 'support whatsapp contact' | trans}}
<br /><img src="{{ asset('w1.png')}}" width="40" />
+966-55-966-1234
</div>
</a>
</div>
</div>
</footer>#}
<!-- =-=-=-=-=-=-= FOOTER END =-=-=-=-=-=-= -->
<!-- Back To Top -->
<a href="#0" class="cd-top">Top</a>
{% block javascripts %}
<!-- =-=-=-=-=-=-= JQUERY =-=-=-=-=-=-= -->
<script src="{{ asset('js/jquery.min.js')}}"></script>
<!-- Bootstrap Core Css -->
<script src="{{ asset('js/bootstrap.min.js')}}"></script>
<!-- Jquery Easing -->
<script src="{{ asset('js/easing.js')}}"></script>
<!-- Menu Hover -->
<script src="{{ asset('js/forest-megamenu.js')}}"></script>
<!-- Jquery Appear Plugin -->
<script src="{{ asset('js/jquery.appear.min.js')}}"></script>
<!-- Numbers Animation -->
<script src="{{ asset('js/jquery.countTo.js')}}"></script>
<!-- Jquery Smooth Scroll -->
{# <script src="{{ asset('js/jquery.smoothscroll.js')}}"></script>#}
<!-- Jquery Select Options -->
<script src="{{ asset('js/select2.min.js')}}"></script>
<!-- noUiSlider -->
<script src="{{ asset('js/nouislider.all.min.js')}}"></script>
<!-- Carousel Slider -->
<script src="{{ asset('js/carousel.min.js')}}"></script>
<script src="{{ asset('js/slide.js')}}"></script>
<!-- Image Loaded -->
<script src="{{ asset('js/imagesloaded.js')}}"></script>
<script src="{{ asset('js/isotope.min.js')}}"></script>
<!-- CheckBoxes -->
<script src="{{ asset('js/icheck.min.js')}}"></script>
<!-- Jquery Migration -->
<script src="{{ asset('js/jquery-migrate.min.js')}}"></script>
<!-- Sticky Bar -->
<script src="{{ asset('js/theia-sticky-sidebar.js')}}"></script>
<!-- Core JS -->
<script src="{{ asset('js/custom.js')}}"></script>
<!-- calenders -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{ asset('bootstrap/js/moment.js') }}"></script>
<script src="{{ asset('bootstrap/js/validator.js') }}"></script>
<script src="{{ asset('bootstrap/js/build/js/bootstrap-datetimepicker.min.js') }}"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.plus.min.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.plugin.min.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.plugin.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.picker.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.picker-ar.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.ummalqura.min.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.ummalqura-ar.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.0.3/sweetalert2.all.min.js"></script>
<script type="text/javascript">
//to Show Website name and current page title in browser title bar
if($(".page_title").html()){
$("head title").html($("head title").html()+'-'+$(".page_title").html());
}
// function to get all cities under any region by region id takes the html element id for regions and citied.
function jsGetCitiesByRegion(regionSelectId, citiesSelectId) {
var regionID = $(regionSelectId).val();
//removing options of cities list to force its validation to prevent form submission until AJAX response returns
$("> option", citiesSelectId).each(function() {
//only leave the default option, it is usually the first option and holds empty value
if( this.value !== $("option:first", citiesSelectId).val() ){
this.remove();
}
});
$.ajax({
url: '{{ (path('get_cities_ajax')) }}',
type: "POST",
dataType: "json",
data: {
"regionID": regionID
},
async: true,
beforeSend: function() {
// to put loader until fill the next select
$(citiesSelectId).parent('div').css("position", "relative");
$('<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>').insertBefore(citiesSelectId);
},
success: function (data)
{
{#console.log(citiesSelectId);
$(citiesSelectId).empty();
$('<option value="">{{ "Please Select"|trans }}</option>').appendTo(citiesSelectId);#}
$.each(data, function (key, value)
{
$.each(value, function (key2, value2) {
$('<option value=' + value2.cityId + '>' + value2.name + '</option>').appendTo(citiesSelectId);
});
});
$(".lds-spinner").remove(); // remove loader
}
});
}
</script>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-52229458-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-52229458-1');
</script>
<!-- End Google Analytics -->
{% endblock %}
</body>
</html>