templates/frontend/auctions.html.twig line 518

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  2.     {% block meta_title %}
  3.         {% set metaTitle = meta.metaTitle %}
  4.         {{ metaTitle }}
  5.     {% endblock %}
  6.     {% block meta_decription %}
  7.         {% set metaTitle = meta.metaTitle %}
  8.         {%
  9.             set metaDescription = meta.metaDescription
  10.         %}
  11.         <meta name="description" content="{{ metaDescription }}">
  12.         <meta name="twitter:card" content="summary" />
  13.         <meta name="twitter:site" content="@motusaa" />
  14.         <meta name="twitter:title" content="{{ metaTitle }}" />
  15.         <meta name="twitter:description" content="{{ metaDescription }}" />
  16.         <meta name="twitter:image" content="{{ app.request.uri ~ 'images/banners' ~ meta.image }}" />
  17.         <meta name="twitter:url" content="{{ app.request.uri }}" />
  19.         <meta name="og:image" content="{{ app.request.uri ~ 'images/banners' ~ meta.image }}" />
  20.         <meta name="og:title" content="{{ metaTitle }}" />
  21.         <meta name="og:description" content="{{ metaDescription }}" />
  22.         <meta name="og:url" content="{{ app.request.uri }}" />
  23.     {% endblock %}
  24.     {% block stylesheets %}
  25.         {{parent()}}
  26.     {% endblock %}
  28.     {% block slider %}
  29.     {% endblock %}
  31.     {% block layout %}
  33.         <section class="section-padding-100 listing-with-map listing-with-map-3">
  35.             <div class="container-fluid">
  37.                 <div class="row">
  38.                     <div class="col-12" style="padding-bottom:15px">
  39.                         <a href="{{ app.request.uri }}/auctions/">Home</a> ยป <a href="{{ app.request.uri }}/auctions/"  style="color:#e2003c">Auction {{ auctions.id }}</a>
  40.                     </div>
  41.                 </div>
  43.                 <div class="col-12 text-center primary-1">
  44.                     <h1>
  45.                         {% if auctions.id > 0 %}
  46.                         <span class="d-none d-md-block">
  47.                             {% if auctions.isOnline == 1 %}
  48.                                 {% set auctionType = 'Timed Online Auction' %}
  49.                             {% else %}
  50.                                 {% set auctionType = 'Ohysical Online Auction' %}
  51.                             {% endif %}
  52.                             {{ auctionType ~ ' ' ~ auctions.dateStart|date('l j F Y H:ia') }}
  53.                         </span>
  54.                         <span class="d-block d-md-none auc-header">
  55.                             {{ auctionType ~ ' ' ~ auctions.dateStart|date('l j F Y H:ia') }}
  56.                         </span>
  57.                         {% else %}
  58.                         <span class="auc-header">
  59.                                 Auction Closed
  60.                             </span>
  61.                         {% endif %}
  62.                     </h1>
  63.                 </div>
  65.                 <div class="col-12" data-animation="scaleIn" style="padding-left: 0;padding-right: 0;">
  66.                     <div class="multisteps-form__content">
  68.                         <div class="clearfix">
  70.                             <ul class="nav nav-tabs m-b10">
  71.                                 <li role="presentation"  class="namv-item auc-tabs active" id="auction-details">
  72.                                     <a data-toggle="tab" class="nav-link <?php echo $auction_details; ?>" aria-controls="auc-det" href="#auc-det">
  73.                                         <h4 class="m-btm-0">Auction Details</h4>
  74.                                     </a>
  75.                                 </li>
  76.                                 <li role="presentation" class="namv-item auc-tabs <?php echo $bidding_requirements; ?>" id="bidding-requirements">
  77.                                     <a data-toggle="tab" class="nav-link <?php echo $bidding_requirements; ?>" aria-controls="bid-req" href="#bid-req">
  78.                                         <h4 class="m-btm-0">
  79.                                             Bidding Requirements
  80.                                         </h4>
  81.                                     </a>
  82.                                 </li>
  83.                                 <li role="presentation" class="namv-item auc-tabs <?php echo $downloads; ?>" id="download">
  84.                                     <a data-toggle="tab" class="nav-link <?php echo $downloads; ?>" aria-controls="dnld" href="#dnld">
  85.                                         <h4 class="m-btm-0">Downloads</h4>
  86.                                     </a>
  87.                                 </li>
  88.                                 <li role="presentation" class="namv-item auc-tabs <?php echo $contacts; ?>" id="contact">
  89.                                     <a data-toggle="tab" class="nav-link <?php echo $contacts; ?>" aria-controls="contact" href="#con">
  90.                                         <h4 class="m-btm-0">Contacts</h4>
  91.                                     </a>
  92.                                 </li>
  93.                                 <li role="presentation" class="namv-item auc-tabs <?php echo $mailing_list; ?>" id="mail-list">
  94.                                     <a data-toggle="tab" class="nav-link <?php echo $mailing_list; ?>" aria-controls="mail-list" href="#ml-list">
  95.                                         <h4 class="m-btm-0">Join our Mailing List</h4>
  96.                                     </a>
  97.                                 </li>
  98.                                 <li role="presentation" class="namv-item auc-tabs <?php echo $get_finance; ?>" id="finance">
  99.                                     <a data-toggle="tab" class="nav-link <?php echo $get_finance; ?>" aria-controls="finance" href="#fin">
  100.                                         <h4 class="m-btm-0">Get Auction Finance</h4>
  101.                                     </a>
  102.                                 </li>
  103.                                 <li role="presentation" class="namv-item auc-tabs auc-rester-tab" id="finance">
  104.                                     <a class="nav-link" target="_blank" href="<?php echo $reg_url; ?>">
  105.                                         <h4 class="m-btm-0">Register for this auction</h4>
  106.                                     </a>
  107.                                 </li>
  108.                             </ul>
  110.                             <div class="dlab-tabs">
  111.                                 <div class="tab-content">
  113.                                     <!-- Auction Details -->
  114.                                     <div id="auc-det" class="tab-pane clearfix city-list active">
  115.                                         <div class="dlab-accordion advanced-search toggle" id="accordion1">
  116.                                             <div class="panel">
  118.                                                 <div class="row">
  119.                                                     <div class="d-none d-md-block col-md-3">
  120.                                                         <picture>
  121.                                                             <source srcset="{{ asset('images/img-5.jpeg') }}" type="image/webp">
  122.                                                             <source srcset="{{ asset('images/img-5.jpeg') }}" type="image/jpeg">
  123.                                                             <img src="{{ asset('images/img-5.jpeg') }}" alt="Auction Details" class="img-fluid">
  124.                                                         </picture>
  125.                                                     </div>
  126.                                                     <div class="col-12 col-md-9">
  127.                                                         <div class="row auc-copy" style="height:100%">
  128.                                                             <div class="col-12 col-sm-4">
  129.                                                                 <p class="primary-1" style="margin-bottom:12px">Venue</p>
  130.                                                                 Motus Auto Auctions<br>
  131.                                                                 19 Herman Road, Meadowdale<br>
  132.                                                                 Next to Makro Germiston<br>
  134.                                                                 <script>
  135.                                                                     var x = document.getElementById("demo");
  137.                                                                     function getLocation() {
  138.                                                                         if (navigator.geolocation) {
  139.                                                                             navigator.geolocation.getCurrentPosition(showPosition);
  140.                                                                         } else {
  141.                                                                             x.innerHTML = "Geolocation is not supported by this browser.";
  142.                                                                         }
  143.                                                                     }
  145.                                                                     function showPosition(position) {
  146.                                                                         var url = 'http://maps.google.com/maps?saddr=&daddr=19 Herman Road, Meadowdale';
  147.                                                                         window.open(url, "_blank");
  148.                                                                     }
  149.                                                                 </script>
  150.                                                                 <input type="hidden" class="form-control" name="saddr" id="saddr" value="">
  151.                                                                 <input type="hidden" class="form-control" value="19 Herman Road, Meadowdale" name="daddr">
  152.                                                                 <input type="submit" target="_blank" value="Get Directions" class="btn-second orange-btn vbtm"  onclick="getLocation()">
  153.                                                             </div>
  154.                                                             <div class="col-12 col-sm-4">
  155.                                                                 <p class="primary-1" style="margin-bottom:12px">Date & Time</p>
  157.                                                                 {{ auctions.dateStart|date('D d M Y ') }}<br>
  158.                                                                 Auction starts at {{ auctions.dateStart|date('H:i A') }}<br>
  159.                                                                 <br>
  160.                                                                 <div class="align-self-end">
  161.                                                                     <h4 class="primary-1">Add To Calendar</h4>
  162.                                                                     <a class="email-icons-links align-baseline" href="https://www.google.com/calendar/render?action=TEMPLATE&text=Motus+Auto+Auction&dates=<?php echo $g_date_time_start; ?>/<?php echo $g_date_time_end; ?>Z&details=For+details,+link+here:+<?php echo $auction->protocol . HOST; ?>&location=19+Herman+St,+Meadowdale,+Germiston,+1614&sf=true&output=xml" target="_blank">
  163.                                                                         <picture>
  164.                                                                             <source srcset="{{ asset('images/icon-gmail.webp') }}" type="image/webp">
  165.                                                                             <source srcset="{{ asset('images/icon-gmail.png') }}" type="image/png">
  166.                                                                             <img src="{{ asset('images/icon-gmail.png') }}" class="img-fluid" alt="Gmail" title="Gmail">
  167.                                                                         </picture>
  168.                                                                     </a>
  170.                                                                     <a class="email-icons-links" href="<?php echo $auction->protocol . HOST; ?>i-cal.php?from=<?php echo urlencode($auction->auctions_row['date_start']); ?>&till=<?php echo urlencode($auction->auctions_row['date_end']); ?>&id=<?php echo $_GET['id']; ?>&details=For+details,+link here:+<?php echo $auction->protocol . HOST; ?>">
  171.                                                                         <picture>
  172.                                                                             <source srcset="{{ asset('images/icon-outllook.webp') }}" type="image/webp">
  173.                                                                             <source srcset="{{ asset('images/icon-outllook.png') }}" type="image/png">
  174.                                                                             <img src="{{ asset('images/icon-outllook.png') }}" class="img-fluid" alt="Outlook" title="Outlook">
  175.                                                                         </picture>
  176.                                                                     </a>
  177.                                                                     <a class="email-icons-links" href="<?php echo $auction->protocol . HOST; ?>mac-cal.php?from=<?php echo urlencode($auction->auctions_row['date_start']); ?>&till=<?php echo urlencode($auction->auctions_row['date_end']); ?>&id=<?php echo $_GET['id']; ?>&details=For+details,+link here:+<?php echo $auction->protocol . HOST; ?>">
  178.                                                                         <picture>
  179.                                                                             <source srcset="{{ asset('images/icon-apple.webp') }}" type="image/webp">
  180.                                                                             <source srcset="{{ asset('images/icon-apple.png') }}" type="image/png">
  181.                                                                             <img src="{{ asset('images/icon-apple.png') }}" class="img-fluid" alt="Apple" title="Apple">
  182.                                                                         </picture>
  183.                                                                     </a>
  184.                                                                 </div>
  185.                                                             </div>
  186.                                                             <div class="col-12 col-sm-4">
  187.                                                                 <p class="primary-1" style="margin-bottom:12px">Viewing Days</p>
  189.                                                                 Friday: 8:00 am - 5:00 pm<br>
  190.                                                                 Saturday: 9:00 am - 1:00 pm<br>
  191.                                                                 Monday: before the auction<br>
  192.                                                             </div>
  193.                                                         </div>
  194.                                                     </div>
  195.                                                 </div>
  196.                                             </div>
  197.                                         </div>
  198.                                     </div>
  200.                                     <!-- Bidding Requirements -->
  201.                                     <div id="bid-req" class="tab-pane clearfix city-list <?php echo $bidding_requirements; ?>">
  202.                                         <div class="dlab-accordion advanced-search toggle" id="accordion2">
  203.                                             <div class="panel">
  205.                                                 <div class="row">
  206.                                                     <div class="d-none d-md-block col-md-3">
  207.                                                         <picture>
  208.                                                             <source srcset="{{ asset('images/img-6.webp') }}" type="image/webp">
  209.                                                             <source srcset="{{ asset('images/img-6.jpeg') }}" type="image/jpeg">
  210.                                                             <img src="{{ asset('images/img-6.jpeg') }}" alt="Bidding Requirements" class="img-fluid">
  211.                                                         </picture>
  212.                                                     </div>
  213.                                                     <div class="col-12 col-md-9">
  214.                                                         <div class="row auc-copy" style="height:100%">
  215.                                                             <div class="col-12">
  216.                                                                 <p class="primary-1" style="margin-bottom:12px">
  217.                                                                     Requirements For Bidding
  218.                                                                 </p>
  220.                                                                 <p>
  221.                                                                 <ul>
  222.                                                                     <li class="li-bullets">Completed registration process</li>
  223.                                                                     <li class="li-bullets">Proof of Payment of R5 000 Refundable Deposit</li>
  224.                                                                     <li class="li-bullets">Proof of Identity</li>
  225.                                                                     <li class="li-bullets">FICA documents</li>
  226.                                                                 </ul>
  227.                                                                 </p>
  229.                                                                 <br><br>
  230.                                                                 <a href="<?php echo $auction->protocol . HOST; ?>buy/fica-requirements/" class="btn-second orange-btn vbtm">Click here for more info</a>
  231.                                                             </div>
  232.                                                         </div>
  233.                                                     </div>
  234.                                                 </div>
  236.                                             </div>
  237.                                         </div>
  238.                                     </div>
  240.                                     <!-- Downloads -->
  241.                                     <div id="dnld" class="tab-pane clearfix city-list <?php echo $downloads; ?>">
  242.                                         <div class="dlab-accordion advanced-search toggle" id="accordion3">
  243.                                             <div class="panel">
  245.                                                 <div class="row">
  246.                                                     <div class="d-none d-md-block col-md-3">
  247.                                                         <picture>
  248.                                                             <source srcset="{{ asset('images/img-8.webp') }}" type="image/webp">
  249.                                                             <source srcset="{{ asset('images/img-8.jpeg') }}" type="image/jpeg">
  250.                                                             <img src="{{ asset('images/img-8.jpeg') }}" alt="Downloads" class="img-fluid">
  251.                                                         </picture>
  252.                                                     </div>
  253.                                                     <div class="col-12 col-md-9">
  254.                                                         <div class="row auc-copy">
  255.                                                             <div class="col-12">
  256.                                                                 {% if auctions.id > 0 %}
  257.                                                                 <a href="{{ path('auction_pdf') }}" class="btn btn-download btn-download" style="margin-top:0 !important" alt="Download auction list">
  258.                                                                     <i class="far fa-file-pdf"></i>
  259.                                                                     <b> Auction catalogue</b>
  260.                                                                 </a>
  262.                                                                 <br>
  263.                                                                 {% endif %}
  265.                                                                 <a class="btn btn-download btn-download" role="button" href="<?php echo $auction->protocol . HOST; ?>buy/fica-requirements/" title="Fica Requirements">
  266.                                                                     <i class="far fa-file-pdf"></i>
  267.                                                                     <b> FICA Requirements</b>
  268.                                                                 </a>
  270.                                                                 <br>
  272.                                                                 <a class="btn btn-download btn-download" role="button" href="<?php echo $auction->protocol . HOST; ?>download.php?banking-details&auctions" alt="Download auction list">
  273.                                                                     <i class="far fa-file-pdf"></i>
  274.                                                                     <b> Motus Auto Auctions Banking Details</b>
  275.                                                                 </a>
  277.                                                                 <br>
  279.                                                                 <a class="btn btn-download btn-download" role="button" href="<?php echo $auction->protocol . HOST; ?>download.php?rules&auctions" title="Terms & Conditions">
  280.                                                                     <i class="far fa-file-pdf"></i>
  281.                                                                     <b> Motus Auto Auctions Terms and Conditions</b>
  282.                                                                 </a>
  283.                                                             </div>
  284.                                                         </div>
  285.                                                     </div>
  286.                                                 </div>
  288.                                             </div>
  289.                                         </div>
  290.                                     </div>
  292.                                     <!-- Contact Us -->
  293.                                     <div id="con" class="tab-pane clearfix city-list <?php echo $contacts; ?>">
  294.                                         <div class="dlab-accordion advanced-search toggle" id="accordion4">
  295.                                             <div class="panel">
  297.                                                 <div class="row">
  298.                                                     <div class="d-none d-md-block col-md-3">
  299.                                                         <picture>
  300.                                                             <source srcset="{{ asset('images/auc-contact.webp') }}" type="image/webp">
  301.                                                             <source srcset="{{ asset('images/auc-contact-lg.jpg') }}" type="image/jpeg">
  302.                                                             <img src="{{ asset('images/auc-contact-lg.jpg') }}" alt="Contact Us" class="img-fluid">
  303.                                                         </picture>
  304.                                                     </div>
  305.                                                     <div class="col-12 col-md-9">
  306.                                                         <div class="row auc-copy">
  307.                                                             <div class="col-12 col-sm-4 no-gutters-left">
  308.                                                                 <p class="primary-1" class="auction-con-tab-title">Esias Van Der Westhuizen</p>
  309.                                                                 General Manager<br>
  310.                                                                 <i class="fas fa-phone-alt" style="color: #293e6b"></i>&nbsp;
  311.                                                                 <a href="tel:060 990 0066">060 990 0066</a><br>
  312.                                                                 <i class="fas fa-envelope primary-1"></i>&nbsp;
  313.                                                                 <a href="mailto:esias.vanderwesthuizen@motusaa.co.za">esias.vanderwesthuizen@motusaa.co.za</a>
  314.                                                             </div>
  315.                                                             <div class="col-12 col-sm-4">
  316.                                                                 <p class="primary-1" class="auction-con-tab-title">Christiaan Viviers</p>
  317.                                                                 Auction Manager<br>
  318.                                                                 <i class="fas fa-phone-alt" style="color: #293e6b"></i>&nbsp;
  319.                                                                 <a href="tel:082 871 7096">082 871 7096</a><br>
  320.                                                                 <i class="fas fa-envelope primary-1"></i>&nbsp;
  321.                                                                 <a href="mailto:christiaan.viviers@motusaa.co.za">christiaan.viviers@motusaa.co.za</a>
  322.                                                                 <div class="auction-spacer-15"></div>
  323.                                                             </div>
  324.                                                             <div class="col-12 col-sm-4">
  325.                                                                 <p class="primary-1" class="auction-con-tab-title">Motus Auto Auctions</p>
  326.                                                                 Office<br>
  327.                                                                 <i class="fas fa-phone-alt primary-1"></i>&nbsp;
  328.                                                                 <a href="tel:011 201 3700">011 201 3700</a><br>
  329.                                                                 <i class="fas fa-envelope primary-1"></i>&nbsp;
  330.                                                                 <a target="_blank" href="mailto:info@motusaa.co.za"> info@motusaa.co.za </a>
  331.                                                                 <div class="auction-spacer-15"></div>
  332.                                                             </div>
  333.                                                         </div>
  334.                                                     </div>
  335.                                                 </div>
  337.                                             </div>
  338.                                         </div>
  339.                                     </div>
  341.                                     <!-- Mail Lists -->
  342.                                     <div id="ml-list" class="tab-pane clearfix city-list <?php echo $mailing_list; ?>">
  343.                                         <div class="dlab-accordion advanced-search toggle" id="accordion5">
  344.                                             <div class="panel">
  346.                                                 <div class="row">
  347.                                                     <div class="d-none d-md-block col-md-3">
  348.                                                         <picture>
  349.                                                             <source srcset="{{ asset('images/img-8.webp') }}" type="image/webp">
  350.                                                             <source srcset="{{ asset('images/img-8.jpeg') }}" type="image/jpeg">
  351.                                                             <img src="{{ asset('images/img-8.jpeg') }}" alt="Mailing Lists" class="img-fluid">
  352.                                                         </picture>
  353.                                                     </div>
  354.                                                     <div class="col-12 col-md-9 auc-copy">
  356.                                                         <p class="primary-1" style="margin-bottom:12px">Auction Alert</p>
  358.                                                         <form action="/subscribe/auctions/thank-you/" id="form" method="post">
  359.                                                             <input type="hidden" name="form_id" value="7" />
  360.                                                             <table border="0" cellpadding="2" cellspacing="2" style="width: 90%; font-family: arial;">
  362.                                                                 <tr style="height: 28px;">
  363.                                                                     <td style="padding-right:10px !important"><input type="text" class="form-control" name="100" id="name" placeholder="First Name" style="width: 100%;" /></td>
  364.                                                                     <td style="padding-left:10px !important"><input type="text" class="form-control" name="102" id="email" placeholder="Email Address" style="width: 100%;" /></td>
  365.                                                                 </tr>
  367.                                                                 <tr>
  368.                                                                     <td colspan="2">
  369.                                                                         <input type="hidden" name="Created" id="Created" value="<?php echo date('Y-m-d H:i:s'); ?>" />
  370.                                                                         <input type="hidden" name="register" value="1" />
  371.                                                                         <!--                                                                        <input type="hidden" name="109" value="1">-->
  372.                                                                         <input type="checkbox" name="contact_me_by_fax_only" value="1" tabindex="-1" class="con-fax" autocomplete="off">
  373.                                                                         <input type="submit" name="save" value="Submit" class="btn btn-primary ml-auto float-right" style="background-color: #00bad7; color: #fff; margin-top: 14px;" />
  374.                                                                     </td>
  375.                                                                 </tr>
  376.                                                             </table>
  377.                                                         </form>
  378.                                                     </div>
  379.                                                 </div>
  382.                                             </div>
  383.                                         </div>
  384.                                     </div>
  386.                                     <!-- Finance -->
  387.                                     <div id="fin" class="tab-pane clearfix city-list <?php echo $get_finance; ?>">
  388.                                         <div class="dlab-accordion advanced-search toggle" id="accordion6">
  389.                                             <div class="panel">
  391.                                                 <div class="row" style="height:100%">
  392.                                                     <div class="d-none d-md-block col-md-3">
  393.                                                         <picture>
  394.                                                             <source srcset="{{ asset('images/auc-fin.webp') }}" type="image/webp">
  395.                                                             <source srcset="{{ asset('images/auc-fin-lg.jpg') }}" type="image/jpeg">
  396.                                                             <img src="{{ asset('images/auc-fin.jpg') }}" alt="Downloads" class="img-fluid">
  397.                                                         </picture>
  398.                                                     </div>
  399.                                                     <div class="col-12 col-md-9 auc-copy">
  401.                                                         <p class="primary-1"  style="margin-bottom:12px">Auction Finance</p>
  403.                                                         Let us help you finance your auction car.<br><br>
  405.                                                         <b>CALL</b><br>
  406.                                                         Carin: <a href="tel:082 654 7232"> 082 654 7232 </a>
  408.                                                         <img src="{{ asset('images/auction-finance-logo.jpg') }}" style="position: absolute;right: 55px;top: 10px;width: 100%;max-width: 242px">
  409.                                                         <a href="https://www.auctionfinance.co.za/" target="_blank" class="btn-second orange-btn vbtm" style="right:65px;left: auto">Visit Auction Finance website</a>
  410.                                                     </div>
  411.                                                 </div>
  413.                                             </div>
  414.                                         </div>
  415.                                     </div>
  417.                                 </div>
  418.                             </div>
  419.                         </div>
  421.                     </div>
  422.                 </div>
  423.             </div>
  425.             <!-- Vehicles -->
  426.             <div class="container auction-container">
  427.                 <div class="tab-content">
  428.                     <div id="listing_list" class="tab-pane active">
  430.                         <div class="row">
  432.                             <div class="col-sm-12">
  433.                                 <div class="row">
  434.                                     {% if auction_vehicles is iterable %}
  435.                                         {% for auction in auction_vehicles %}
  436.                                             {% if auction.auction.isOnline == 1 %}
  437.                                                 {% set auctionType = 'Timed Online Auction' %}
  438.                                             {% else %}
  439.                                                 {% set auctionType = 'Physical Online Auction' %}
  440.                                             {% endif %}
  441.                                             <div class="col-12 col-sm-3">
  442.                                                 <div class="car-model-layout-list">
  443.                                                     <div class="thumb-con img-fluid-vehicle">
  444.                                                         {% set thumb = auction.vehicle.vehicleImages.first.thumbName %}
  445.                                                         {% if image_exists('https://' ~ app.request.httpHost ~ '/images/vehicles/' ~ auction.vehicle.vehicleImages.first.thumbName) %}
  446.                                                             {% lazyload %}
  447.                                                                 <picture>
  448.                                                                     <source srcset="{{ asset('/images/vehicles/' ~ thumb ~ '') | imagine_filter('vehicle_thumb_webp') }}" type="image/webp">
  449.                                                                     <source srcset="{{ asset('/images/vehicles/' ~ thumb ~ '') | imagine_filter('vehicle_thumb_jpeg') }}" type="image/jpeg">
  450.                                                                     <img src="{{ asset('/images/vehicles/' ~ thumb ~ '') | imagine_filter('vehicle_thumb_jpeg') }}"
  451.                                                                          width="270" height="145"
  452.                                                                          class="img-fluid full-width image-preview"
  453.                                                                          alt="{{ auction.vehicle.year ~ ' ' ~ auction.vehicle.make ~ ' ' ~ auction.vehicle.model }}"
  454.                                                                     >
  455.                                                                 </picture>
  456.                                                             {% endlazyload %}
  457.                                                         {% elseif image_exists(auction.vehicle.vehicleImages.first.thumbPath) %}
  458.                                                             <img
  459.                                                                     src="{{ auction.vehicle.vehicleImages.first.thumbPath }}"
  460.                                                                     class="img-fluid full-width image-preview"
  461.                                                                     alt="image"
  462.                                                             >
  463.                                                         {% else %}
  464.                                                             <img
  465.                                                                     src="{{ asset('images/no-img-1.jpg') }}"
  466.                                                                     class="img-fluid full-width image-preview img-max-height"
  467.                                                                     alt="Image unavailable"
  468.                                                             >
  469.                                                         {% endif %}
  470.                                                         <a href="{{ path('vehicle',
  471.                                                             {
  472.                                                                 'year':auction.vehicle.year,
  473.                                                                 'make':auction.vehicle.make|url_encode,
  474.                                                                 'model':auction.vehicle.model|url_encode,
  475.                                                                 'id':auction.vehicle.id
  476.                                                             } ) }}"
  477.                                                            class="overlay-auc">
  478.                                                             <div class="text">
  479.                                                                 View Vehicle Details<br>
  480.                                                                 <span class="preview-icon">
  481.                                                                         <i class="fa fa-car" style="font-size:60px"></i>
  482.                                                                     </span>
  483.                                                                 <br>
  484.                                                                 {{ auctionType ~ ' ' ~ auction.auction.dateStart|date('l j F Y H:ia') }}
  485.                                                             </div>
  486.                                                         </a>
  487.                                                     </div>
  489.                                                     <div class="view" style="padding:15px;padding-top:8px">
  490.                                                         <div class="row">
  491.                                                             <h5 class="title ellipsis col-12">
  492.                                                                 <a href="{{ path('vehicle',
  493.                                                                     {
  494.                                                                         'year':auction.vehicle.year,
  495.                                                                         'make':auction.vehicle.make|url_encode,
  496.                                                                         'model':auction.vehicle.model|url_encode,
  497.                                                                         'id':auction.vehicle.id
  498.                                                                     } ) }}"
  499.                                                                    class="text-light-black vehicle-title">
  500.                                                                     {{ auction.vehicle.year ~ ' ' ~ auction.vehicle.make|upper }}
  501.                                                                 </a>
  502.                                                                 <br>
  503.                                                                 <a href="{{ path('vehicle',
  504.                                                                     {
  505.                                                                         'year':auction.vehicle.year,
  506.                                                                         'make':auction.vehicle.make|url_encode,
  507.                                                                         'model':auction.vehicle.model|url_encode,
  508.                                                                         'id':auction.vehicle.id
  509.                                                                     } ) }}"
  510.                                                                    class="text-light-black vehicle-title variant">
  511.                                                                     {{ auction.vehicle.variant }}
  512.                                                                 </a>
  513.                                                             </h5>
  514.                                                         </div>
  515.                                                         <div class="row">
  516.                                                             <div class="col-6 no-gutters-right">
  517.                                                                 <div class="ellipsis">
  518.                                                                     <b>Lot no:</b> {{ auction.vehicle.vehicleMotusData.lotNo }}
  519.                                                                 </div>
  520.                                                             </div>
  521.                                                             <div class="col-6 no-gutters-left no-gutters-right">
  522.                                                                 <div class="ellipsis">
  523.                                                                     <b title="Market Guide Value">MGV:</b> R{{ auction.vehicle.vehicleMotusData.mgv|number_format }}
  524.                                                                 </div>
  525.                                                             </div>
  526.                                                             <div class="col-6 no-gutters-right">
  527.                                                                 <div class="ellipsis">
  528.                                                                     <b>Reg:</b> {{ auction.vehicle.regNo }}
  529.                                                                 </div>
  530.                                                             </div>
  531.                                                             <div class="col-6 no-gutters-right no-gutters-left">
  532.                                                                 <div class="ellipsis">
  533.                                                                     {% if auction.vehicle.mileage > 0 %}
  534.                                                                         <b>Mileage:</b> {{ auction.vehicle.mileage }}km
  535.                                                                     {%  else %}
  536.                                                                         N/A
  537.                                                                     {% endif %}
  538.                                                                 </div>
  539.                                                             </div>
  540.                                                         </div>
  541.                                                     </div>
  542.                                                 </div>
  543.                                             </div>
  544.                                         {% endfor %}
  546.                                         <div class="col-12">
  547.                                             <!-- pagination -->
  548.                                             {% set _currentPage = app.request.query.get('p') ?: 1 %}
  549.                                             {% set _currentRoute = app.request.attributes.get('_route') %}
  550.                                             {% set _currentParams = app.request.query.all %}
  551.                                             {% if lastPage > 1 %}
  552.                                                 <div class="col-12">
  553.                                                     <nav class="custom-pagination">
  554.                                                         <ul class="pagination">
  555.                                                             {% if _currentPage > 1 %}
  556.                                                                 <li class="page-item"><a class="page-link" href="{{ path(_currentRoute, _currentParams|merge({p: _currentPage - 1})) }}">Previous</a></li>
  557.                                                             {% endif %}
  558.                                                             {% for i in 1..lastPage %}
  559.                                                                 <li class="page-item {% if i == _currentPage %}active{% endif %}"><a class="page-link" href="{{ path(_currentRoute, _currentParams|merge({p: i})) }}">{{ i }}</a></li>
  560.                                                             {% endfor %}
  561.                                                             {% if _currentPage < lastPage %}
  562.                                                                 <li class="page-item"><a class="page-link" href="{{ path(_currentRoute, _currentParams|merge({p: _currentPage + 1})) }}">Next</a></li>
  563.                                                             {% endif %}
  564.                                                         </ul>
  565.                                                     </nav>
  566.                                                 </div>
  567.                                             {% endif %}
  568.                                         </div>
  570.                                     {% else %}
  571.                                         <div class="col-12 text-center">
  572.                                             <?php echo $auction->vehicles_row; ?>
  573.                                         </div>
  574.                                     {% endif %}
  575.                                 </div>
  577.                                 <div class="row">
  578.                                     <div class="col-12 padding-btm-20">
  580.                                     </div>
  581.                                 </div>
  582.                             </div>
  583.                         </div>
  584.                     </div>
  585.                 </div>
  587.             </div>
  589.             <iframe allowfullscreen="" frameborder="0" width="100%" height="450" src="https://www.google.com/maps/embed/v1/place?key=<?php echo MAPS_API_KEY; ?>&amp;q=Imperial+Auto+Auctions&amp;zoom=16"></iframe>
  590.         </section>
  592.         {{ parent() }}
  594.     {% endblock layout %}
  596. {% block javascripts %}
  597.     {{ parent() }}
  598. {% endblock %}