fork download
  1. @extends('layouts.site-master')
  2.  
  3.  
  4. @section('header-links')
  5. <link href="/theme-files/css/inline.css" rel="stylesheet">
  6. <link rel="stylesheet" type="text/css" href="/theme-files/css/UsedCarSinglePage.css">
  7.  
  8. <link rel="stylesheet" type="text/css"
  9. href="https://c...content-available-to-author-only...r.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css" />
  10. <link rel="stylesheet" type="text/css" href="https://c...content-available-to-author-only...r.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  11. <script type="text/javascript" src="https://c...content-available-to-author-only...r.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  12. @for($i = 0; $i < sizeof($images) && trim($images[$i]) !='' ; $i++)
  13. <link rel="preload" as="image" href="{{ url('images/cars/'. trim($images[$i])) }}" />
  14. @endfor
  15. @endsection
  16. @section('content')
  17.  
  18. @include('menus.cars', ['submenu' => 'used-car'])
  19.  
  20.  
  21.  
  22.  
  23. <main id="content" class="main__content used-fpa">
  24. <div class="">
  25. <div id="layout-desktop" class="sc-eGJWMs hCmgXc">
  26. <article class="sc-bsatvv gwujkj">
  27. <section data-gui="gallery-section" class="sc-jdXKxY dqOPSN">
  28. <div class=" feature-vehicle-and-analytics" style="float:right;
  29. margin-bottom: -18px;">
  30. <div class="vehicle-analytics">
  31. <div class="analytics-boxes views-box">
  32. <div class="content">
  33. <svg width="20" height="16" fill="none" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" class="icons">
  34. <path d="M.832 8s3.333-6.666 9.167-6.666c5.833 0 9.166 6.667 9.166 6.667S15.832 14.667 10 14.667c-5.834 0-9.167-6.666-9.167-6.666z" stroke="#7B61FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  35. <path d="M10 10.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" stroke="#7B61FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  36. </svg>
  37. <p class="number">{{ $car->view }} </p>
  38. </div>
  39. </div>
  40. <div class="analytics-boxes clicks-box">
  41. <div class="content">
  42. <svg width="13" height="16" fill="none" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" class="icons">
  43. <path d="M12.887 7.78a6.141 6.141 0 00-3.174-1.672 9.444 9.444 0 00-1.564-.271c1.327-1.49 1.09-3.75-.474-5.014-1.563-1.265-3.932-1.039-5.258.452-1.327 1.49-1.09 3.749.474 5.014.284.225.568.406.852.496v.994l-.758-.677c-.663-.633-1.753-.633-2.463 0-.663.632-.71 1.626-.048 2.258l2.18 2.44c.094.632.331 1.219.663 1.76.237.407.568.814.9 1.13v.858c0 .271.19.452.474.452h6.443c.237 0 .473-.226.473-.452v-1.174a5.603 5.603 0 001.374-3.659v-2.62c.048-.18 0-.27-.094-.316zM2.464 3.532c0-1.49 1.28-2.665 2.843-2.62 1.563 0 2.795 1.22 2.747 2.71 0 .814-.379 1.536-1.042 2.033V3.398a1.507 1.507 0 00-.504-1.028 1.654 1.654 0 00-1.107-.418c-.852-.045-1.61.633-1.61 1.446v2.348c-.806-.451-1.28-1.31-1.327-2.213zm9.617 7.137c.048 1.174-.379 2.304-1.184 3.207-.095.09-.19.18-.19.316v.949H5.212v-.633c0-.135-.095-.27-.19-.361a3.597 3.597 0 01-.852-.994 4.314 4.314 0 01-.569-1.536c0-.09-.047-.18-.095-.27L1.232 8.773a.731.731 0 01-.236-.542c0-.18.094-.407.236-.542a.897.897 0 011.137 0l1.374 1.31v1.355l.9-.452V3.398a.636.636 0 01.711-.542c.332 0 .663.225.663.542v5.194l.948.18V6.696c.047-.045.095-.045.142-.09.332 0 .663.045.995.09v2.304l.758.135V6.785l.568.136c.237.045.474.135.71.226v2.258l.759.136V7.463c.426.18.805.452 1.137.768l.047 2.439z" fill="#329DEB"></path>
  44. </svg>
  45. <p class="number">{{ $car->clicks }} </p>
  46. </div>
  47. </div>
  48. <div class="analytics-boxes calls-box">
  49. <div class="content">
  50. <svg width="15" height="15" fill="none" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" class="icons">
  51. <g clip-path="url(#calls_svg__clip0_75062_73715)">
  52. <path d="M9.407 3.125a3.125 3.125 0 012.468 2.469L9.407 3.125zm0-2.5a5.625 5.625 0 014.968 4.963L9.407.625zm4.343 9.95v1.875a1.25 1.25 0 01-1.362 1.25 12.37 12.37 0 01-5.394-1.919c-1.51-.96-2.79-2.24-3.75-3.75a12.369 12.369 0 01-1.919-5.419A1.25 1.25 0 012.57 1.25h1.875a1.25 1.25 0 011.25 1.075c.08.6.226 1.19.438 1.756A1.25 1.25 0 015.85 5.4l-.793.794a10 10 0 003.75 3.75L9.6 9.15a1.25 1.25 0 011.32-.281 8.026 8.026 0 001.755.437 1.25 1.25 0 011.075 1.269z" stroke="#FC3333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="calls_svg__clip0_75062_73715"><path fill="#fff" d="M0 0h15v15H0z"></path></clipPath>
  53. </defs>
  54. </svg>
  55. <p class="number">{{ $car->calls }}</p>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <br>
  61. <div class="container" style=" margin-top: 16px;">
  62. <?php if (isset($car->featured) && $car->featured == 1) { ?>
  63. <div class="featured-ribbon">
  64. <div class="ib lg-popover featured-popover" data-toggle="popover" data-placement="auto right" data-html="true" data-original-title="" title="">
  65. <div class="inner">
  66. FEATURED <i class="fa fa-exclamation-circle"></i>
  67. </div>
  68. </div>
  69. </div>
  70. <?php } ?>
  71. @for($i = 0; $i < sizeof($images) && trim($images[$i]) !='' ; $i++)
  72. <div class="mySlides" style="width:inherit;
  73. height: auto !important;">
  74.  
  75. <div class="numbertext">{{ $i + 1 }} /
  76. {{ sizeof($images) - (trim($images[sizeof($images) - 1]) == '' ? 1 : 0) }}</div>
  77. <span class="helper"></span>
  78. <img src="{{ url('images/cars/'. trim($images[$i])) }}" style="">
  79. </div>
  80. @endfor
  81. <span id="single-car-saved-button">
  82. <input type="text" class="hidden" value="{{ $car->id }}">
  83. <i class="fa fa-heart-o"></i>
  84. <i class="fa fa-heart hidden"></i>
  85. Save
  86. </span>
  87.  
  88. <a class="prev" onclick="plusSlides( - 1)">❮</a>
  89. <a class="next" onclick="plusSlides(1)">❯</a>
  90.  
  91. <div class="caption-container">
  92. <p id="caption">{{ $car->title }}</p>
  93. </div>
  94.  
  95. <div class="row images_slider" style="height: 90px;
  96. overflow: hidden;
  97. background: #0000001a;">
  98. <button class="slider_buttons"
  99. style="float: left;
  100. text-align: center;
  101. border-bottom-left-radius: 6px;"
  102. onclick="plusSlides( - 1)">❮</button>
  103. @for($i = 0; $i < sizeof($images) && trim($images[$i]) !='' ; $i++) <div class="column"
  104. style="text-align: center;">
  105. <span class="helper"></span>
  106. <img class="demo cursor" src="{{ url('images/cars/'. trim($images[$i])) }}"
  107. style="vertical-align: middle;
  108. max-height: 60px;
  109. max-width: 100px;"
  110. onclick="currentSlide({{ $i + 1 }})">
  111. </div>
  112. @endfor
  113. <button class="slider_buttons"
  114. style="text-align: center;
  115. position: absolute;
  116. right: 0;
  117. border-bottom-right-radius: 6px;"
  118. onclick="plusSlides(1)">❯</button>
  119. </div>
  120. </div>
  121.  
  122.  
  123.  
  124. <div class="sc-eGJWMs ebuDcN overview_detail">
  125.  
  126. <section class="sc-iTVJFM ddMIZk">
  127. <div class="sc-efHYUO ddsZAl">
  128. <h2 data-gui="overviewTitle" class="sc-iBzEeX glZmJR atc-type-insignia atc-type-insignia--medium">
  129. Overview
  130. </h2>
  131. </div>
  132.  
  133.  
  134.  
  135. <ul aria-label="Key Specifications" data-gui="key-specs-section" class="sc-dPaNzc fqbJCS">
  136. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg"
  137. preserveAspectRatio="xMinYMin" id="ks-mileage" viewBox="0 0 24 24" height="30" width="30">
  138. <path d="M0 0h24v24H0V0z" fill="none"></path>
  139. <path
  140. d="M7.71 7.25l.87 1.2a.5.5 0 0 1-.8.59l-.88-1.2a8.02 8.02 0 0 0-2.34 3.22l1.41.46a.5.5 0 1 1-.3.95L4.24 12a8.01 8.01 0 0 0 0 3.98l1.41-.46a.5.5 0 0 1 .31.95l-1.46.48a1 1 0 0 1-1.94.37A9.99 9.99 0 0 1 12 4a10 10 0 0 1 9.43 13.33 1 1 0 0 1-1.94-.37l-1.46-.48a.5.5 0 1 1 .3-.95l1.42.46a8.02 8.02 0 0 0 0-3.98l-1.41.46a.5.5 0 0 1-.31-.95l1.41-.46a8.02 8.02 0 0 0-2.34-3.23l-.87 1.2a.5.5 0 1 1-.81-.58l.87-1.2a7.95 7.95 0 0 0-3.79-1.23V7.5a.5.5 0 1 1-1 0V6.02a7.95 7.95 0 0 0-3.79 1.23zM9 18h6a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm3.2-2.8a1 1 0 0 1-1.4-1.4l4.2-3.5a.5.5 0 1 1 .7.7l-3.5 4.2z">
  141. </path>
  142. </svg></span><span data-testid="mileage" data-gui="mileage"
  143. class="sc-khIgEk ligdXN">{{ $car->millage > 0 ? number_format($car->millage) : '-'}}
  144. km</span>
  145. </li>
  146. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular">
  147. <span class="icon-svg">
  148. <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 388.223 388.223" style="enable-background:new 0 0 388.223 388.223;" xml:space="preserve">
  149. <g>
  150. <path d="M388.223,160.284h-22.944l-30-136.252H52.943l-30,136.252H0v139.15h20v64.756h100v-64.756h148.223v64.756h100v-64.756h20
  151. V160.284z M30,269.435v-79.15h328.223v79.15H30z M77.057,54.032h234.109l23.395,106.252H53.662L77.057,54.032z M90,334.19H50
  152. v-34.756h40V334.19z M338.223,334.19h-40v-34.756h40V334.19z" />
  153. <rect x="49.575" y="214.859" width="40" height="30" />
  154. <rect x="298.648" y="214.859" width="40" height="30" />
  155. </g>
  156. <g>
  157. </g>
  158. <g>
  159. </g>
  160. <g>
  161. </g>
  162. <g>
  163. </g>
  164. <g>
  165. </g>
  166. <g>
  167. </g>
  168. <g>
  169. </g>
  170. <g>
  171. </g>
  172. <g>
  173. </g>
  174. <g>
  175. </g>
  176. <g>
  177. </g>
  178. <g>
  179. </g>
  180. <g>
  181. </g>
  182. <g>
  183. </g>
  184. <g>
  185. </g>
  186. </svg>
  187. </span>{{ $car->company['name'] }}</li>
  188.  
  189.  
  190. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
  191. <svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg" viewBox="0 0 48 60" x="0px" y="0px"><title>Transmission</title><g><path d="M47,30H44V29a1,1,0,0,0-1-1H40V27a5,5,0,0,0-5-5H30.9A5,5,0,0,0,28,18.42a4,4,0,0,0-3-4.28V7.84a3.36,3.36,0,0,0,2.32-2.65c.46-2.77.81-3.56,0-4.48S25.84,0,22.18,0a2,2,0,0,0-2,2.33c.41,2.5.36,4.75,2.79,5.51v6.3a4,4,0,0,0-3,4.28A5,5,0,0,0,17.1,22H6V21a1,1,0,0,0-1-1H1a1,1,0,0,0-1,1V47a1,1,0,0,0,1,1H5a1,1,0,0,0,1-1V46H35a5,5,0,0,0,5-5V40h3a1,1,0,0,0,1-1V38h3a1,1,0,0,0,1-1V31A1,1,0,0,0,47,30ZM22.18,2h3.64l-.48,2.86a1.36,1.36,0,0,1-2.68,0ZM24,16a2,2,0,0,1,2,2H22A2,2,0,0,1,24,16Zm-2,4h4a3,3,0,0,1,2.83,2H19.17A3,3,0,0,1,22,20ZM4,46H2V22H4Zm34-5a3,3,0,0,1-3,3H6V24H35a3,3,0,0,1,3,3Zm4-3H40V30h2Zm4-2H44V32h2Z"/><path d="M31,31h-.43l.29-.49a1,1,0,0,0-.15-1.22c-2.61-2.61-2.34-2.67-3.71-1.86V27a1,1,0,0,0-1-1H22a1,1,0,0,0-1,1v.43l-.49-.29a1,1,0,0,0-1.22.15c-2.62,2.63-2.66,2.35-1.86,3.71H17a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h.43l-.29.49a1,1,0,0,0,.15,1.22c2.57,2.57,2.35,2.66,3.71,1.86V41a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1v-.43c1.34.79,1.08.77,3.71-1.86a1,1,0,0,0,.15-1.22L30.57,37H31a1,1,0,0,0,1-1V32A1,1,0,0,0,31,31Zm-1,4c-1.2,0-1.69-.1-2,.5s0,.92.79,2.34l-.91.91L26.51,38a1,1,0,0,0-1.51.87V40H23c0-1.2.1-1.69-.5-2s-.95,0-2.34.79l-.91-.91L20,36.51A1,1,0,0,0,19.17,35H18V33c1.2,0,1.69.1,2-.5s0-.92-.79-2.34l.91-.91,1.33.79A1,1,0,0,0,23,29.17V28h2c0,1.2-.1,1.69.5,2s.93,0,2.34-.79l.91.91L28,31.49A1,1,0,0,0,28.83,33H30Z"/><circle cx="24" cy="34" r="2"/></g></svg>
  192. </span>{{ $car->transmission }}
  193. </li>
  194. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg
  195. enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://w...content-available-to-author-only...3.org/2000/svg">
  196. <path
  197. d="m17.9 11.7c.4-.3.7-.4.8-.5.7-.1 1.1-.6 1.1-1.4 0-.4-.1-.8-.3-1.4l-.3-.8c-.1-.3-.3-.7-.6-1.1l-1-1.3c.1-.7-.1-1.3-.7-1.9-.5-.5-1.2-.7-1.9-.6l-.2-.2c-.4-.2-.7-.5-1.2-.5-.7 0-2 1-2.5 1.8-.3.5-.2.8 0 1 .1.2.3.4.7.7h-.3l-.6-.2c-.3-.1-.7-.2-1-.3-1.1-.3-2.2-.5-3.3-.6-.3 0-.7 0-1 0-1.3 0-2.5.5-3.6 1.5-.4.4-.7.7-1 1.1l-.1.2h-.1c-.3 0-.5 0-.8.1v1.7c.4 0 .7 0 1.1-.1.3 0 .5-.1.5-.1l.3-.1.2-.3c0-.1.1-.2.2-.3.2-.3.5-.6.7-.8.9-.8 1.8-1.2 2.6-1.3h.8c.8.1 1.7.2 2.8.6.6.2 1 .3 1.3.4l.7.3 3.4-.2c.4.3.5.5.6.6l-.1.1c-.1.1-.2.1-.9.1-.6 0-1.1 0-1.7.1-2.2.3-8.2 3-9.5 4.3-1.1 1.1-.4 2 .3 2.8.1.1.2.2.3.3-.2.1-.7.3-1.5.6l-2.1.7v1.8c.6-.3 1.2-.5 1.3-.5.4-.1.8-.3 1.1-.4l.2-.1c1.2-.4 1.8-.8 2.2-1.1.5-.4.7-1 .4-1.7-.2-.3-.3-.4-.7-.9-.2-.2-.3-.4-.4-.4l.1-.1c1.1-1.1 6.7-3.6 8.5-3.8.5-.1.9-.1 1.5-.1.9 0 1.3 0 1.8-.3.2-.1.3-.2.4-.3.6-.5.6-1.1.5-1.5 0-.1-.1-.3-.1-.4l.1.1.3.4c.2.3.4.6.4.8l.3.8c.1.2.2.5.2.7-1.1.5-3.3 2.1-3.2 2.9l1.7 3.7-2.5-2.3v-.2h-.2l-.6-.7-.3.3c-1.1 1.1-1.6 2.5-1.6 4 0 .7.1 1.4.4 2h-5.4c-3.7 0-5.6 0-6.4 0v1.8h6.3 2.5 3.9c1.1 1.2 2.6 1.9 4.3 1.9 3.1 0 5.7-2.5 5.7-5.7 0-2.9-2.1-5.3-4.8-5.7zm-2-5.7c-.5-.4-1.1-.7-1.8-1l-.3-.1v.1c-.1-.1-.2-.1-.2-.2l-.1-.1c-.2-.1-.4-.2-.5-.4l.1-.1c.2-.1.4-.3.5-.4 0 0 .1 0 .1.1.1.1.2.2.3.3l.6.8.6-.4h.1c.1-.1.2-.1.4.1s.2.3.2.4l-.4.5zm1.1 15.3c-2.2 0-4-1.8-4-4 0-.6.1-1.2.3-1.7l3.4 3.3 2.2-1.3-2-4.3c2.2 0 4 1.8 4 4s-1.7 4-3.9 4z">
  198. </path>
  199. </svg>
  200. </span>{{ $car->condition }}
  201. </li>
  202.  
  203. @if($car->fuel_type != '' && $car->fuel_type != null)
  204. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
  205. <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px"
  206. width="15px" height="15px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
  207. <path d="M13,6L13,6v5.5c0,0.2761-0.2239,0.5-0.5,0.5S12,11.7761,12,11.5v-2C12,8.6716,11.3284,8,10.5,8H9V2c0-0.5523-0.4477-1-1-1H2
  208. C1.4477,1,1,1.4477,1,2v11c0,0.5523,0.4477,1,1,1h6c0.5523,0,1-0.4477,1-1V9h1.5C10.7761,9,11,9.2239,11,9.5v2
  209. c0,0.8284,0.6716,1.5,1.5,1.5s1.5-0.6716,1.5-1.5V5c0-0.5523-0.4477-1-1-1l0,0V2.49C12.9946,2.2178,12.7723,1.9999,12.5,2
  210. c-0.2816,0.0047-0.5062,0.2367-0.5015,0.5184C11.9987,2.5289,11.9992,2.5395,12,2.55V5C12,5.5523,12.4477,6,13,6s1-0.4477,1-1
  211. s-0.4477-1-1-1 M8,6.5C8,6.7761,7.7761,7,7.5,7h-5C2.2239,7,2,6.7761,2,6.5v-3C2,3.2239,2.2239,3,2.5,3h5C7.7761,3,8,3.2239,8,3.5
  212. V6.5z"/>
  213. </svg>
  214. </span>{{ $car->fuel_type }}
  215. </li>
  216. @endif
  217. </ul>
  218. </section>
  219. <section>
  220. <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
  221. <ul class="list-unstyled car-feature-list nomargin">
  222. <!-- @if($car->transmission != '' && $car->transmission != null)
  223. <li><b>Transmission:</b> <i>{{ $car->transmission }}</i></li>
  224. @endif-->
  225. @if($car->color != '' && $car->color != null)
  226. <li><b>Color:</b> <i>{{ $car->color }}</i></li>
  227. @endif
  228. @if($car->engine_type != '' && $car->engine_type != null)
  229. <li><b>Engine Type:</b> <i>{{ $car->engine_type }}</i></li>
  230. @endif
  231. @if($car->engine_capacity != '' && $car->engine_capacity != null)
  232. <li><b>Engine Capacity:</b> <i>{{ number_format($car->engine_capacity) }}</i></li>
  233. @endif
  234. @if($car->assembly != '' && $car->assembly != null)
  235. <li><b>Assembly:</b> <i>{{ $car->assembly }}</i></li>
  236. @endif
  237. @if($car->body_type != '' && $car->body_type != null)
  238. <li><b>Body Type:</b> <i>{{ $car->body_type }}</i></li>
  239. @endif
  240. @if($car->fuel_consumption != '' && $car->fuel_consumption != null)
  241. <li><b>Fuel Consumption:</b> <i>{{ $car->fuel_consumption }}</i></li>
  242. @endif
  243. @if($car->seats != '' && $car->seats != null)
  244. <li><b>Seats:</b> <i>{{ $car->seats }}</i></li>
  245. @endif
  246. @if($car->doors != '' && $car->doors != null)
  247. <li><b>Doors:</b> <i>{{ $car->doors }}</i></li>
  248. @endif
  249.  
  250. </ul>
  251. <br>
  252. <h2 class="atc-type-fiesta atc-type-fiesta--medium">Car Features</h2>
  253. <ul class="list-unstyled car-feature-list nomargin">
  254. @if($car->abs == 1)
  255. <li><i class="icon abs"></i> ABS</li>
  256. @endif
  257. @if($car->am_fm_radio == 1)
  258. <li><i class="icon am_fm_radio"></i> AM/FM Radio</li>
  259. @endif
  260. @if($car->air_bags == 1)
  261. <li><i class="icon air_bags"></i> Air Bags</li>
  262. @endif
  263. @if($car->air_conditioning == 1)
  264. <li><i class="icon air_conditioning"></i> Air Conditioning</li>
  265. @endif
  266. @if($car->alloy_rims == 1)
  267. <li><i class="icon alloy_rims"></i> Alloy Rims</li>
  268. @endif
  269. @if($car->cd_player == 1)
  270. <li><i class="icon cd_player"></i> CD Player</li>
  271. @endif
  272. @if($car->dvd_player == 1)
  273. <li><i class="icon dvd_player"></i> DVD Player</li>
  274. @endif
  275. @if($car->keyless_entry == 1)
  276. <li><i class="icon keyless_entry"></i> Keyless Entry</li>
  277. @endif
  278. @if($car->power_locks == 1)
  279. <li><i class="icon power_locks"></i> Power Locks</li>
  280. @endif
  281. @if($car->power_mirrors == 1)
  282. <li><i class="icon power_mirrors"></i> Power Mirrors</li>
  283. @endif
  284. @if($car->power_steering == 1)
  285. <li><i class="icon power_steering"></i> Power Steering</li>
  286. @endif
  287. @if($car->power_windows == 1)
  288. <li><i class="icon power_windows"></i> Power Windows</li>
  289. @endif
  290. </ul>
  291. </div>
  292. </section>
  293. <br>
  294. <section class="sc-czETjp dybDGs">
  295. <h3 data-gui="advert-description-title"
  296. class="sc-cCwPlL dQVHfc atc-type-insignia atc-type-insignia--medium">
  297. Description</h3>
  298. <p class="sc-ksXiki jCxogk atds-type-picanto">{{ $car->description }}</p>
  299. </section>
  300. </div>
  301.  
  302. <div class="sc-eGJWMs ebuDcN about_this">
  303. <section>
  304. <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
  305. <h2 class="atc-type-fiesta atc-type-fiesta--medium">About this advert</h2>
  306. <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">Specifications</h3>
  307. <p class="sc-kkIhgv ebaaVY atc-type-smart">The data displayed in the above advert is the standard specification of the most recent model of this
  308. vehicle. It's not the exact data for the actual vehicle being offered for sale on this platform and data
  309. for older models could be different slightly. We strongly recommend you check the vehicle-specific
  310. details with the seller before making up your mind.</p>
  311. <p class="sc-kkIhgv ebaaVY atc-type-smart">The car token/tax category, where shown, is entirely defined by the seller, based on their personal
  312. knowledge of the vehicle for sale. You are advised to check before making an offer to purchase.
  313. .</p>
  314. <br>
  315. <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">CarFame, will not accept responsibility for any information given</h3>
  316. </div>
  317. </section>
  318. </div>
  319.  
  320. <script>
  321. let slideIndex = 1;
  322. showSlides(slideIndex);
  323. function plusSlides(n) {
  324. showSlides(slideIndex += n);
  325. }
  326.  
  327. function currentSlide(n) {
  328. showSlides(slideIndex = n);
  329. }
  330.  
  331. function showSlides(n) {
  332. let i;
  333. let slides = document.getElementsByClassName("mySlides");
  334. let dots = document.getElementsByClassName("demo");
  335. let captionText = document.getElementById("caption");
  336. if (n > slides.length) {
  337. slideIndex = 1
  338. }
  339. if (n < 1) {
  340. slideIndex = slides.length
  341. }
  342. for (i = 0; i < slides.length; i++) {
  343. slides[i].style.display = "none";
  344. }
  345. for (i = 0; i < dots.length; i++) {
  346. dots[i].className = dots[i].className.replace(" active", "");
  347. }
  348. slides[slideIndex - 1].style.display = "block";
  349. dots[slideIndex - 1].className += " active";
  350. }
  351.  
  352. </script>
  353. </section>
  354. </article>
  355. <aside class="sc-dFRpbK bFgzLZ">
  356. <section class="sc-hTRkXV MVfXa">
  357. <h1 data-testid="advert-title" data-gui="advert-title"
  358. class="sc-gSYDnn jcebfE atc-type-insignia atc-type-insignia--medium modal_title">{{ $car->title }}</h1>
  359. <span style="color: 518ecb;
  360. text-decoration: none;"><i class="fa fa-map-marker"></i> {{ $car->province }} {{ $car->location }}</span>
  361. <ul style="font-size: 20px;
  362. margin-top: 20px;
  363. line-height: 20px;
  364. margin-bottom: 20px;">
  365. <li style="" class="modal_model"><strong>Model:</strong> {{ isset($car->model['name']) ? $car->model['name'] : '' }}</li>
  366. <li><strong>Year:</strong> <span class="modal_year">{{ $car->year }}</span></li>
  367. </ul>
  368. <div class="sc-eJocfa hCTaZc">
  369. <div class="sc-oeezt OJJCp">
  370.  
  371. <?php if ($car->price_on_call == 1) { ?>
  372. <h2 data-testid="advert-price" data-gui="advert-price" class="sc-jffHpj hLZZkv" style="color: #00a488;">
  373. Price On Call</h2>
  374. <?php } else { ?>
  375. <h2 data-testid="advert-price" data-gui="advert-price" class="sc-jffHpj hLZZkv" style="color: #00a488;">
  376. Rs.{{ number_format($car->price) }}</h2>
  377. <input type="hidden" value="{{ $car->price }}" class="modal_price">
  378. <?php } ?>
  379.  
  380. </div>
  381. <div class="sc-hhIiOg iwisNA"><button class="sc-fnVZcZ hmqpxx"></button></div>
  382. </div>
  383.  
  384. <ul data-gui="contact-seller-cta" class="sc-amiJK izuroF">
  385. <li><a href="tel:{{ $car->phone }}" rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta " title="Call"><i class="fa fa-phone"></i></a>
  386. </li>
  387. <li><a href="{{ url('/') }}/dealer/contact/used/car/{{ $car->id }}"
  388. rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta" title="Message"><i class="fa fa-commenting-o"></i></a>
  389. </li>
  390. <li><a href="javascript:void(0)" rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta" id="openofferModalBtn" title="Send Offer"><i class="fa fa-paper-plane"></i></a>
  391. </li>
  392. <li><a href="javascript:void(0)" rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta" id="openreserveModalBtn" title="Reserve"><i class="fa fa-ticket"></i></a>
  393. </li>
  394. </ul>
  395. @include('shared.share-icons')
  396. <div class="sc-ggNJAJ gHDQTD">
  397. <div class="sc-cWGkQq eTLOvd">
  398. <!-- <div>Total price</div>
  399. <div data-testid="total-price-value">Rs.{{ number_format($car->price) }}</div>-->
  400. </div>
  401. </div>
  402. </section>
  403. <div class="sc-hTRkXV MVfXa overview_detail_mob">
  404. <section class="sc-iTVJFM ddMIZk">
  405. <div class="sc-efHYUO ddsZAl">
  406. <h2 data-gui="overviewTitle" class="sc-iBzEeX glZmJR atc-type-insignia atc-type-insignia--medium">
  407. Overview
  408. </h2>
  409. </div>
  410.  
  411.  
  412.  
  413. <ul aria-label="Key Specifications" data-gui="key-specs-section" class="sc-dPaNzc fqbJCS">
  414. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg"
  415. preserveAspectRatio="xMinYMin" id="ks-mileage" viewBox="0 0 24 24" height="30" width="30">
  416. <path d="M0 0h24v24H0V0z" fill="none"></path>
  417. <path
  418. d="M7.71 7.25l.87 1.2a.5.5 0 0 1-.8.59l-.88-1.2a8.02 8.02 0 0 0-2.34 3.22l1.41.46a.5.5 0 1 1-.3.95L4.24 12a8.01 8.01 0 0 0 0 3.98l1.41-.46a.5.5 0 0 1 .31.95l-1.46.48a1 1 0 0 1-1.94.37A9.99 9.99 0 0 1 12 4a10 10 0 0 1 9.43 13.33 1 1 0 0 1-1.94-.37l-1.46-.48a.5.5 0 1 1 .3-.95l1.42.46a8.02 8.02 0 0 0 0-3.98l-1.41.46a.5.5 0 0 1-.31-.95l1.41-.46a8.02 8.02 0 0 0-2.34-3.23l-.87 1.2a.5.5 0 1 1-.81-.58l.87-1.2a7.95 7.95 0 0 0-3.79-1.23V7.5a.5.5 0 1 1-1 0V6.02a7.95 7.95 0 0 0-3.79 1.23zM9 18h6a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm3.2-2.8a1 1 0 0 1-1.4-1.4l4.2-3.5a.5.5 0 1 1 .7.7l-3.5 4.2z">
  419. </path>
  420. </svg></span><span data-testid="mileage" data-gui="mileage"
  421. class="sc-khIgEk ligdXN">{{ $car->millage > 0 ? number_format($car->millage) : '-'}}
  422. km</span>
  423. </li>
  424. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular">
  425. <span class="icon-svg">
  426. <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 388.223 388.223" style="enable-background:new 0 0 388.223 388.223;" xml:space="preserve">
  427. <g>
  428. <path d="M388.223,160.284h-22.944l-30-136.252H52.943l-30,136.252H0v139.15h20v64.756h100v-64.756h148.223v64.756h100v-64.756h20
  429. V160.284z M30,269.435v-79.15h328.223v79.15H30z M77.057,54.032h234.109l23.395,106.252H53.662L77.057,54.032z M90,334.19H50
  430. v-34.756h40V334.19z M338.223,334.19h-40v-34.756h40V334.19z" />
  431. <rect x="49.575" y="214.859" width="40" height="30" />
  432. <rect x="298.648" y="214.859" width="40" height="30" />
  433. </g>
  434. <g>
  435. </g>
  436. <g>
  437. </g>
  438. <g>
  439. </g>
  440. <g>
  441. </g>
  442. <g>
  443. </g>
  444. <g>
  445. </g>
  446. <g>
  447. </g>
  448. <g>
  449. </g>
  450. <g>
  451. </g>
  452. <g>
  453. </g>
  454. <g>
  455. </g>
  456. <g>
  457. </g>
  458. <g>
  459. </g>
  460. <g>
  461. </g>
  462. <g>
  463. </g>
  464. </svg>
  465. </span>{{ $car->company['name'] }}</li>
  466.  
  467.  
  468. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
  469. <svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg" viewBox="0 0 48 60" x="0px" y="0px"><title>Transmission</title><g><path d="M47,30H44V29a1,1,0,0,0-1-1H40V27a5,5,0,0,0-5-5H30.9A5,5,0,0,0,28,18.42a4,4,0,0,0-3-4.28V7.84a3.36,3.36,0,0,0,2.32-2.65c.46-2.77.81-3.56,0-4.48S25.84,0,22.18,0a2,2,0,0,0-2,2.33c.41,2.5.36,4.75,2.79,5.51v6.3a4,4,0,0,0-3,4.28A5,5,0,0,0,17.1,22H6V21a1,1,0,0,0-1-1H1a1,1,0,0,0-1,1V47a1,1,0,0,0,1,1H5a1,1,0,0,0,1-1V46H35a5,5,0,0,0,5-5V40h3a1,1,0,0,0,1-1V38h3a1,1,0,0,0,1-1V31A1,1,0,0,0,47,30ZM22.18,2h3.64l-.48,2.86a1.36,1.36,0,0,1-2.68,0ZM24,16a2,2,0,0,1,2,2H22A2,2,0,0,1,24,16Zm-2,4h4a3,3,0,0,1,2.83,2H19.17A3,3,0,0,1,22,20ZM4,46H2V22H4Zm34-5a3,3,0,0,1-3,3H6V24H35a3,3,0,0,1,3,3Zm4-3H40V30h2Zm4-2H44V32h2Z"/><path d="M31,31h-.43l.29-.49a1,1,0,0,0-.15-1.22c-2.61-2.61-2.34-2.67-3.71-1.86V27a1,1,0,0,0-1-1H22a1,1,0,0,0-1,1v.43l-.49-.29a1,1,0,0,0-1.22.15c-2.62,2.63-2.66,2.35-1.86,3.71H17a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h.43l-.29.49a1,1,0,0,0,.15,1.22c2.57,2.57,2.35,2.66,3.71,1.86V41a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1v-.43c1.34.79,1.08.77,3.71-1.86a1,1,0,0,0,.15-1.22L30.57,37H31a1,1,0,0,0,1-1V32A1,1,0,0,0,31,31Zm-1,4c-1.2,0-1.69-.1-2,.5s0,.92.79,2.34l-.91.91L26.51,38a1,1,0,0,0-1.51.87V40H23c0-1.2.1-1.69-.5-2s-.95,0-2.34.79l-.91-.91L20,36.51A1,1,0,0,0,19.17,35H18V33c1.2,0,1.69.1,2-.5s0-.92-.79-2.34l.91-.91,1.33.79A1,1,0,0,0,23,29.17V28h2c0,1.2-.1,1.69.5,2s.93,0,2.34-.79l.91.91L28,31.49A1,1,0,0,0,28.83,33H30Z"/><circle cx="24" cy="34" r="2"/></g></svg>
  470. </span>{{ $car->transmission }}
  471. </li>
  472. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg
  473. enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://w...content-available-to-author-only...3.org/2000/svg">
  474. <path
  475. d="m17.9 11.7c.4-.3.7-.4.8-.5.7-.1 1.1-.6 1.1-1.4 0-.4-.1-.8-.3-1.4l-.3-.8c-.1-.3-.3-.7-.6-1.1l-1-1.3c.1-.7-.1-1.3-.7-1.9-.5-.5-1.2-.7-1.9-.6l-.2-.2c-.4-.2-.7-.5-1.2-.5-.7 0-2 1-2.5 1.8-.3.5-.2.8 0 1 .1.2.3.4.7.7h-.3l-.6-.2c-.3-.1-.7-.2-1-.3-1.1-.3-2.2-.5-3.3-.6-.3 0-.7 0-1 0-1.3 0-2.5.5-3.6 1.5-.4.4-.7.7-1 1.1l-.1.2h-.1c-.3 0-.5 0-.8.1v1.7c.4 0 .7 0 1.1-.1.3 0 .5-.1.5-.1l.3-.1.2-.3c0-.1.1-.2.2-.3.2-.3.5-.6.7-.8.9-.8 1.8-1.2 2.6-1.3h.8c.8.1 1.7.2 2.8.6.6.2 1 .3 1.3.4l.7.3 3.4-.2c.4.3.5.5.6.6l-.1.1c-.1.1-.2.1-.9.1-.6 0-1.1 0-1.7.1-2.2.3-8.2 3-9.5 4.3-1.1 1.1-.4 2 .3 2.8.1.1.2.2.3.3-.2.1-.7.3-1.5.6l-2.1.7v1.8c.6-.3 1.2-.5 1.3-.5.4-.1.8-.3 1.1-.4l.2-.1c1.2-.4 1.8-.8 2.2-1.1.5-.4.7-1 .4-1.7-.2-.3-.3-.4-.7-.9-.2-.2-.3-.4-.4-.4l.1-.1c1.1-1.1 6.7-3.6 8.5-3.8.5-.1.9-.1 1.5-.1.9 0 1.3 0 1.8-.3.2-.1.3-.2.4-.3.6-.5.6-1.1.5-1.5 0-.1-.1-.3-.1-.4l.1.1.3.4c.2.3.4.6.4.8l.3.8c.1.2.2.5.2.7-1.1.5-3.3 2.1-3.2 2.9l1.7 3.7-2.5-2.3v-.2h-.2l-.6-.7-.3.3c-1.1 1.1-1.6 2.5-1.6 4 0 .7.1 1.4.4 2h-5.4c-3.7 0-5.6 0-6.4 0v1.8h6.3 2.5 3.9c1.1 1.2 2.6 1.9 4.3 1.9 3.1 0 5.7-2.5 5.7-5.7 0-2.9-2.1-5.3-4.8-5.7zm-2-5.7c-.5-.4-1.1-.7-1.8-1l-.3-.1v.1c-.1-.1-.2-.1-.2-.2l-.1-.1c-.2-.1-.4-.2-.5-.4l.1-.1c.2-.1.4-.3.5-.4 0 0 .1 0 .1.1.1.1.2.2.3.3l.6.8.6-.4h.1c.1-.1.2-.1.4.1s.2.3.2.4l-.4.5zm1.1 15.3c-2.2 0-4-1.8-4-4 0-.6.1-1.2.3-1.7l3.4 3.3 2.2-1.3-2-4.3c2.2 0 4 1.8 4 4s-1.7 4-3.9 4z">
  476. </path>
  477. </svg>
  478. </span>{{ $car->condition }}
  479. </li>
  480.  
  481. @if($car->fuel_type != '' && $car->fuel_type != null)
  482. <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
  483. <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px"
  484. width="15px" height="15px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
  485. <path d="M13,6L13,6v5.5c0,0.2761-0.2239,0.5-0.5,0.5S12,11.7761,12,11.5v-2C12,8.6716,11.3284,8,10.5,8H9V2c0-0.5523-0.4477-1-1-1H2
  486. C1.4477,1,1,1.4477,1,2v11c0,0.5523,0.4477,1,1,1h6c0.5523,0,1-0.4477,1-1V9h1.5C10.7761,9,11,9.2239,11,9.5v2
  487. c0,0.8284,0.6716,1.5,1.5,1.5s1.5-0.6716,1.5-1.5V5c0-0.5523-0.4477-1-1-1l0,0V2.49C12.9946,2.2178,12.7723,1.9999,12.5,2
  488. c-0.2816,0.0047-0.5062,0.2367-0.5015,0.5184C11.9987,2.5289,11.9992,2.5395,12,2.55V5C12,5.5523,12.4477,6,13,6s1-0.4477,1-1
  489. s-0.4477-1-1-1 M8,6.5C8,6.7761,7.7761,7,7.5,7h-5C2.2239,7,2,6.7761,2,6.5v-3C2,3.2239,2.2239,3,2.5,3h5C7.7761,3,8,3.2239,8,3.5
  490. V6.5z"/>
  491. </svg>
  492. </span>{{ $car->fuel_type }}
  493. </li>
  494. @endif
  495. </ul>
  496. </section>
  497. <section>
  498. <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
  499. <ul class="list-unstyled car-feature-list nomargin">
  500. <!-- @if($car->transmission != '' && $car->transmission != null)
  501. <li><b>Transmission:</b> <i>{{ $car->transmission }}</i></li>
  502. @endif-->
  503. @if($car->color != '' && $car->color != null)
  504. <li><b>Color:</b> <i>{{ $car->color }}</i></li>
  505. @endif
  506. @if($car->engine_type != '' && $car->engine_type != null)
  507. <li><b>Engine Type:</b> <i>{{ $car->engine_type }}</i></li>
  508. @endif
  509. @if($car->engine_capacity != '' && $car->engine_capacity != null)
  510. <li><b>Engine Capacity:</b> <i>{{ number_format($car->engine_capacity) }}</i></li>
  511. @endif
  512. @if($car->assembly != '' && $car->assembly != null)
  513. <li><b>Assembly:</b> <i>{{ $car->assembly }}</i></li>
  514. @endif
  515. @if($car->body_type != '' && $car->body_type != null)
  516. <li><b>Body Type:</b> <i>{{ $car->body_type }}</i></li>
  517. @endif
  518. @if($car->fuel_consumption != '' && $car->fuel_consumption != null)
  519. <li><b>Fuel Consumption:</b> <i>{{ $car->fuel_consumption }}</i></li>
  520. @endif
  521. @if($car->seats != '' && $car->seats != null)
  522. <li><b>Seats:</b> <i>{{ $car->seats }}</i></li>
  523. @endif
  524. @if($car->doors != '' && $car->doors != null)
  525. <li><b>Doors:</b> <i>{{ $car->doors }}</i></li>
  526. @endif
  527.  
  528. </ul>
  529. <br>
  530. <h2 class="atc-type-fiesta atc-type-fiesta--medium">Car Features</h2>
  531. <ul class="list-unstyled car-feature-list nomargin">
  532. @if($car->abs == 1)
  533. <li><i class="icon abs"></i> ABS</li>
  534. @endif
  535. @if($car->am_fm_radio == 1)
  536. <li><i class="icon am_fm_radio"></i> AM/FM Radio</li>
  537. @endif
  538. @if($car->air_bags == 1)
  539. <li><i class="icon air_bags"></i> Air Bags</li>
  540. @endif
  541. @if($car->air_conditioning == 1)
  542. <li><i class="icon air_conditioning"></i> Air Conditioning</li>
  543. @endif
  544. @if($car->alloy_rims == 1)
  545. <li><i class="icon alloy_rims"></i> Alloy Rims</li>
  546. @endif
  547. @if($car->cd_player == 1)
  548. <li><i class="icon cd_player"></i> CD Player</li>
  549. @endif
  550. @if($car->dvd_player == 1)
  551. <li><i class="icon dvd_player"></i> DVD Player</li>
  552. @endif
  553. @if($car->keyless_entry == 1)
  554. <li><i class="icon keyless_entry"></i> Keyless Entry</li>
  555. @endif
  556. @if($car->power_locks == 1)
  557. <li><i class="icon power_locks"></i> Power Locks</li>
  558. @endif
  559. @if($car->power_mirrors == 1)
  560. <li><i class="icon power_mirrors"></i> Power Mirrors</li>
  561. @endif
  562. @if($car->power_steering == 1)
  563. <li><i class="icon power_steering"></i> Power Steering</li>
  564. @endif
  565. @if($car->power_windows == 1)
  566. <li><i class="icon power_windows"></i> Power Windows</li>
  567. @endif
  568. </ul>
  569. </div>
  570. </section>
  571. <br>
  572. <section class="sc-czETjp dybDGs">
  573. <h3 data-gui="advert-description-title"
  574. class="sc-cCwPlL dQVHfc atc-type-insignia atc-type-insignia--medium">
  575. Description</h3>
  576. <p class="sc-ksXiki jCxogk atds-type-picanto">{{ $car->description }}</p>
  577. </section>
  578. </div>
  579. <section class="car_user_detail" >
  580. <h3>SELLER INFO</h3>
  581. <hr>
  582. <table style="font-size: 16px;
  583. margin-top: 20px;
  584. line-height: 22px;
  585. margin-bottom: 20px;">
  586. <tr><td><strong style="max-width: 10px">Name:</strong></td><td><h3 class="seller_name">{{ isset($car->contact_name) && $car->contact_name!='' ? $car->contact_name : $car->user->name }}</h3></td></tr>
  587. <tr><td><strong style="max-width: 10px">Phone:</strong></td><td><h3 class="seller_phone"> {{ $car->phone }}</h3></td></tr>
  588. <tr><td><strong style="max-width: 10px">Location:</strong></td><td> <h3>{{ $car->location }}</h3></td></tr>
  589. </table>
  590. </section>
  591. </aside>
  592. </div>
  593. @if(!empty($similar_car_list[0]))
  594. <section class="atds-container atds-container--fixed-wide">
  595. <header class="atds-section-title">
  596. <h2 class="atds-type-phantom">Similar Cars</h2>
  597. </header>
  598. <div class="atds-carousel atds-popular-vehicles">
  599. <div class="slick-slider slick-initialized" dir="ltr">
  600. <div class="slick-list">
  601. <div class="slick-track used-cars">
  602. @foreach ($similar_car_list as $car)
  603. <div>
  604. <a class="atds-vehicle-spotlight" href="{{ url('/cars/used-car/'. $car->id) }}">
  605. <div class="atds-vehicle-spotlight__image">
  606. @php($image_url = trim(explode('||', $car->image_urls)[0]))
  607. <span class="helper"></span>
  608. <img class="atds-image" style="" src="{{ '/images/cars/'. $image_url }}"
  609. alt="">
  610. </div>
  611. <div class="atds-vehicle-spotlight-label">
  612. <span
  613. class="atds-vehicle-spotlight-label__text atds-type-picanto">{{ isset($car->model->name) ? $car->model->name: '' }}<br>Rs.{{ number_format($car->price) }}</span>
  614. </div>
  615. </a>
  616. </div>
  617. @endforeach
  618.  
  619. </div>
  620. <footer class="atds-section-footer expert-reviews-cta__container">
  621. <a class="atds-signpost atds-type-fiesta" href="/cars/used-cars?sort_by=created-asc&keyword=&make_name[]=<?php echo $car->company['name']; ?>&model_name[]=<?php echo isset($car->model->name) ? $car->model->name: ''; ?>">
  622. <span class="atds-signpost__text">See more cars</span>
  623. </a>
  624. </footer>
  625. </div>
  626. </div>
  627. </div>
  628. </section>
  629. @endif
  630. <section class="car_user_detail about_this_mob" >
  631. <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
  632. <h2 class="atc-type-fiesta atc-type-fiesta--medium">About this advert</h2>
  633. <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">Specifications</h3>
  634. <p class="sc-kkIhgv ebaaVY atc-type-smart">The data displayed in the above advert is the standard specification of the most recent model of this
  635. vehicle. It's not the exact data for the actual vehicle being offered for sale on this platform and data
  636. for older models could be different slightly. We strongly recommend you check the vehicle-specific
  637. details with the seller before making up your mind.</p>
  638. <p class="sc-kkIhgv ebaaVY atc-type-smart">The car token/tax category, where shown, is entirely defined by the seller, based on their personal
  639. knowledge of the vehicle for sale. You are advised to check before making an offer to purchase.
  640. .</p>
  641. <br>
  642. <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">CarFame, will not accept responsibility for any information given</h3>
  643. </div>
  644. </section>
  645. </div>
  646. </main>
  647. <script>
  648. $(document).ready(function () {
  649. $('.used-cars').slick({
  650. infinite: true,
  651. slidesToShow: 4,
  652. slidesToScroll: 1,
  653. centerMode: true,
  654. responsive: [{
  655. breakpoint: 1024,
  656. settings: {
  657. slidesToShow: 1,
  658. slidesToScroll: 1,
  659. }
  660.  
  661. }]
  662. });
  663. $(window).on('load', function(){
  664. setTimeout(function(){
  665. jQuery('body').find('.widget-visible iframe').css({'bottom': '50px'});
  666. }, 2000);
  667. });
  668. });
  669. </script>
  670. @endsection
Success #stdin #stdout #stderr 0.04s 26216KB
stdin
Standard input is empty
stdout
@extends('layouts.site-master')


@section('header-links')
<link href="/theme-files/css/inline.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/theme-files/css/UsedCarSinglePage.css">

        <link rel="stylesheet" type="text/css"
              href="https://c...content-available-to-author-only...r.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css" />
        <link rel="stylesheet" type="text/css" href="https://c...content-available-to-author-only...r.net/npm/slick-carousel@1.8.1/slick/slick.css" />
        <script type="text/javascript" src="https://c...content-available-to-author-only...r.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
        @for($i = 0; $i < sizeof($images) && trim($images[$i]) !='' ; $i++) 
        <link rel="preload" as="image" href="{{ url('images/cars/'. trim($images[$i])) }}" />
        @endfor
        @endsection
        @section('content')

        @include('menus.cars', ['submenu' => 'used-car'])


       

        <main id="content" class="main__content used-fpa">
            <div class="">
                <div id="layout-desktop" class="sc-eGJWMs hCmgXc">
                    <article class="sc-bsatvv gwujkj">
                        <section data-gui="gallery-section" class="sc-jdXKxY dqOPSN">
                            <div class=" feature-vehicle-and-analytics" style="float:right;
                                 margin-bottom: -18px;">
                                <div class="vehicle-analytics">
                                    <div class="analytics-boxes views-box">
                                        <div class="content">
                                            <svg width="20" height="16" fill="none" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" class="icons">
                                                <path d="M.832 8s3.333-6.666 9.167-6.666c5.833 0 9.166 6.667 9.166 6.667S15.832 14.667 10 14.667c-5.834 0-9.167-6.666-9.167-6.666z" stroke="#7B61FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                <path d="M10 10.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" stroke="#7B61FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            </svg>
                                            <p class="number">{{ $car->view }} </p>
                                        </div>
                                    </div>
                                    <div class="analytics-boxes clicks-box">
                                        <div class="content">
                                            <svg width="13" height="16" fill="none" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" class="icons">
                                                <path d="M12.887 7.78a6.141 6.141 0 00-3.174-1.672 9.444 9.444 0 00-1.564-.271c1.327-1.49 1.09-3.75-.474-5.014-1.563-1.265-3.932-1.039-5.258.452-1.327 1.49-1.09 3.749.474 5.014.284.225.568.406.852.496v.994l-.758-.677c-.663-.633-1.753-.633-2.463 0-.663.632-.71 1.626-.048 2.258l2.18 2.44c.094.632.331 1.219.663 1.76.237.407.568.814.9 1.13v.858c0 .271.19.452.474.452h6.443c.237 0 .473-.226.473-.452v-1.174a5.603 5.603 0 001.374-3.659v-2.62c.048-.18 0-.27-.094-.316zM2.464 3.532c0-1.49 1.28-2.665 2.843-2.62 1.563 0 2.795 1.22 2.747 2.71 0 .814-.379 1.536-1.042 2.033V3.398a1.507 1.507 0 00-.504-1.028 1.654 1.654 0 00-1.107-.418c-.852-.045-1.61.633-1.61 1.446v2.348c-.806-.451-1.28-1.31-1.327-2.213zm9.617 7.137c.048 1.174-.379 2.304-1.184 3.207-.095.09-.19.18-.19.316v.949H5.212v-.633c0-.135-.095-.27-.19-.361a3.597 3.597 0 01-.852-.994 4.314 4.314 0 01-.569-1.536c0-.09-.047-.18-.095-.27L1.232 8.773a.731.731 0 01-.236-.542c0-.18.094-.407.236-.542a.897.897 0 011.137 0l1.374 1.31v1.355l.9-.452V3.398a.636.636 0 01.711-.542c.332 0 .663.225.663.542v5.194l.948.18V6.696c.047-.045.095-.045.142-.09.332 0 .663.045.995.09v2.304l.758.135V6.785l.568.136c.237.045.474.135.71.226v2.258l.759.136V7.463c.426.18.805.452 1.137.768l.047 2.439z" fill="#329DEB"></path>
                                            </svg>
                                            <p class="number">{{ $car->clicks }} </p>
                                        </div>
                                    </div>
                                    <div class="analytics-boxes calls-box">
                                        <div class="content">
                                            <svg width="15" height="15" fill="none" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" class="icons">
                                                <g clip-path="url(#calls_svg__clip0_75062_73715)">
                                                    <path d="M9.407 3.125a3.125 3.125 0 012.468 2.469L9.407 3.125zm0-2.5a5.625 5.625 0 014.968 4.963L9.407.625zm4.343 9.95v1.875a1.25 1.25 0 01-1.362 1.25 12.37 12.37 0 01-5.394-1.919c-1.51-.96-2.79-2.24-3.75-3.75a12.369 12.369 0 01-1.919-5.419A1.25 1.25 0 012.57 1.25h1.875a1.25 1.25 0 011.25 1.075c.08.6.226 1.19.438 1.756A1.25 1.25 0 015.85 5.4l-.793.794a10 10 0 003.75 3.75L9.6 9.15a1.25 1.25 0 011.32-.281 8.026 8.026 0 001.755.437 1.25 1.25 0 011.075 1.269z" stroke="#FC3333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="calls_svg__clip0_75062_73715"><path fill="#fff" d="M0 0h15v15H0z"></path></clipPath>
                                                </defs>
                                            </svg>
                                            <p class="number">{{ $car->calls }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br>
                                <div class="container" style="    margin-top: 16px;">
                                                                        @for($i = 0; $i < sizeof($images) && trim($images[$i]) !='' ; $i++) 
                                    <div class="mySlides" style="width:inherit;
                                         height: auto !important;">

                                        <div class="numbertext">{{ $i + 1 }} /
                                            {{ sizeof($images) - (trim($images[sizeof($images) - 1]) == '' ? 1 : 0) }}</div>
                                        <span class="helper"></span>
                                        <img src="{{ url('images/cars/'. trim($images[$i])) }}" style="">
                                    </div>
                                    @endfor
                                    <span id="single-car-saved-button">
                                        <input type="text" class="hidden" value="{{ $car->id }}">
                                            <i class="fa fa-heart-o"></i>
                                            <i class="fa fa-heart hidden"></i>
                                            Save
                                    </span>

                                    <a class="prev" onclick="plusSlides( - 1)">❮</a>
                                    <a class="next" onclick="plusSlides(1)">❯</a>

                                    <div class="caption-container">
                                        <p id="caption">{{ $car->title }}</p>
                                    </div>

                                    <div class="row images_slider" style="height: 90px;
                                         overflow: hidden;
                                         background: #0000001a;">
                                        <button class="slider_buttons"
                                                style="float: left;
                                                text-align: center;
                                                border-bottom-left-radius: 6px;"
                                                onclick="plusSlides( - 1)">❮</button>
                                        @for($i = 0; $i < sizeof($images) && trim($images[$i]) !='' ; $i++) <div class="column"
                                                                                                                 style="text-align: center;">
                                            <span class="helper"></span>
                                            <img class="demo cursor" src="{{ url('images/cars/'. trim($images[$i])) }}"
                                                 style="vertical-align: middle;
                                                 max-height: 60px;
                                                 max-width: 100px;"
                                                 onclick="currentSlide({{ $i + 1 }})">
                                        </div>
                                        @endfor
                                        <button class="slider_buttons"
                                                style="text-align: center;
                                                position: absolute;
                                                right: 0;
                                                border-bottom-right-radius: 6px;"
                                                onclick="plusSlides(1)">❯</button>
                                    </div>
                                </div>



                                <div class="sc-eGJWMs ebuDcN overview_detail">

                                    <section class="sc-iTVJFM ddMIZk">
                                        <div class="sc-efHYUO ddsZAl">
                                            <h2 data-gui="overviewTitle" class="sc-iBzEeX glZmJR atc-type-insignia atc-type-insignia--medium">
                                                Overview
                                            </h2>
                                        </div>



                                        <ul aria-label="Key Specifications" data-gui="key-specs-section" class="sc-dPaNzc fqbJCS">
                                            <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg"
                                                                                                                                       preserveAspectRatio="xMinYMin" id="ks-mileage" viewBox="0 0 24 24" height="30" width="30">
                                                        <path d="M0 0h24v24H0V0z" fill="none"></path>
                                                        <path
                                                            d="M7.71 7.25l.87 1.2a.5.5 0 0 1-.8.59l-.88-1.2a8.02 8.02 0 0 0-2.34 3.22l1.41.46a.5.5 0 1 1-.3.95L4.24 12a8.01 8.01 0 0 0 0 3.98l1.41-.46a.5.5 0 0 1 .31.95l-1.46.48a1 1 0 0 1-1.94.37A9.99 9.99 0 0 1 12 4a10 10 0 0 1 9.43 13.33 1 1 0 0 1-1.94-.37l-1.46-.48a.5.5 0 1 1 .3-.95l1.42.46a8.02 8.02 0 0 0 0-3.98l-1.41.46a.5.5 0 0 1-.31-.95l1.41-.46a8.02 8.02 0 0 0-2.34-3.23l-.87 1.2a.5.5 0 1 1-.81-.58l.87-1.2a7.95 7.95 0 0 0-3.79-1.23V7.5a.5.5 0 1 1-1 0V6.02a7.95 7.95 0 0 0-3.79 1.23zM9 18h6a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm3.2-2.8a1 1 0 0 1-1.4-1.4l4.2-3.5a.5.5 0 1 1 .7.7l-3.5 4.2z">
                                                        </path>
                                                    </svg></span><span data-testid="mileage" data-gui="mileage"
                                                                   class="sc-khIgEk ligdXN">{{ $car->millage > 0 ? number_format($car->millage) : '-'}}
                                                    km</span>
                                            </li>
                                            <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular">
                                                <span class="icon-svg">
                                                    <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 388.223 388.223" style="enable-background:new 0 0 388.223 388.223;" xml:space="preserve">
                                                        <g>
                                                            <path d="M388.223,160.284h-22.944l-30-136.252H52.943l-30,136.252H0v139.15h20v64.756h100v-64.756h148.223v64.756h100v-64.756h20
                                                                  V160.284z M30,269.435v-79.15h328.223v79.15H30z M77.057,54.032h234.109l23.395,106.252H53.662L77.057,54.032z M90,334.19H50
                                                                  v-34.756h40V334.19z M338.223,334.19h-40v-34.756h40V334.19z" />
                                                            <rect x="49.575" y="214.859" width="40" height="30" />
                                                            <rect x="298.648" y="214.859" width="40" height="30" />
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                        <g>
                                                        </g>
                                                    </svg>
                                                </span>{{ $car->company['name'] }}</li>


                                            <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
                                                    <svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg" viewBox="0 0 48 60" x="0px" y="0px"><title>Transmission</title><g><path d="M47,30H44V29a1,1,0,0,0-1-1H40V27a5,5,0,0,0-5-5H30.9A5,5,0,0,0,28,18.42a4,4,0,0,0-3-4.28V7.84a3.36,3.36,0,0,0,2.32-2.65c.46-2.77.81-3.56,0-4.48S25.84,0,22.18,0a2,2,0,0,0-2,2.33c.41,2.5.36,4.75,2.79,5.51v6.3a4,4,0,0,0-3,4.28A5,5,0,0,0,17.1,22H6V21a1,1,0,0,0-1-1H1a1,1,0,0,0-1,1V47a1,1,0,0,0,1,1H5a1,1,0,0,0,1-1V46H35a5,5,0,0,0,5-5V40h3a1,1,0,0,0,1-1V38h3a1,1,0,0,0,1-1V31A1,1,0,0,0,47,30ZM22.18,2h3.64l-.48,2.86a1.36,1.36,0,0,1-2.68,0ZM24,16a2,2,0,0,1,2,2H22A2,2,0,0,1,24,16Zm-2,4h4a3,3,0,0,1,2.83,2H19.17A3,3,0,0,1,22,20ZM4,46H2V22H4Zm34-5a3,3,0,0,1-3,3H6V24H35a3,3,0,0,1,3,3Zm4-3H40V30h2Zm4-2H44V32h2Z"/><path d="M31,31h-.43l.29-.49a1,1,0,0,0-.15-1.22c-2.61-2.61-2.34-2.67-3.71-1.86V27a1,1,0,0,0-1-1H22a1,1,0,0,0-1,1v.43l-.49-.29a1,1,0,0,0-1.22.15c-2.62,2.63-2.66,2.35-1.86,3.71H17a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h.43l-.29.49a1,1,0,0,0,.15,1.22c2.57,2.57,2.35,2.66,3.71,1.86V41a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1v-.43c1.34.79,1.08.77,3.71-1.86a1,1,0,0,0,.15-1.22L30.57,37H31a1,1,0,0,0,1-1V32A1,1,0,0,0,31,31Zm-1,4c-1.2,0-1.69-.1-2,.5s0,.92.79,2.34l-.91.91L26.51,38a1,1,0,0,0-1.51.87V40H23c0-1.2.1-1.69-.5-2s-.95,0-2.34.79l-.91-.91L20,36.51A1,1,0,0,0,19.17,35H18V33c1.2,0,1.69.1,2-.5s0-.92-.79-2.34l.91-.91,1.33.79A1,1,0,0,0,23,29.17V28h2c0,1.2-.1,1.69.5,2s.93,0,2.34-.79l.91.91L28,31.49A1,1,0,0,0,28.83,33H30Z"/><circle cx="24" cy="34" r="2"/></g></svg>
                                                </span>{{ $car->transmission }}
                                            </li>
                                            <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg
                                                        enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://w...content-available-to-author-only...3.org/2000/svg">
                                                        <path
                                                            d="m17.9 11.7c.4-.3.7-.4.8-.5.7-.1 1.1-.6 1.1-1.4 0-.4-.1-.8-.3-1.4l-.3-.8c-.1-.3-.3-.7-.6-1.1l-1-1.3c.1-.7-.1-1.3-.7-1.9-.5-.5-1.2-.7-1.9-.6l-.2-.2c-.4-.2-.7-.5-1.2-.5-.7 0-2 1-2.5 1.8-.3.5-.2.8 0 1 .1.2.3.4.7.7h-.3l-.6-.2c-.3-.1-.7-.2-1-.3-1.1-.3-2.2-.5-3.3-.6-.3 0-.7 0-1 0-1.3 0-2.5.5-3.6 1.5-.4.4-.7.7-1 1.1l-.1.2h-.1c-.3 0-.5 0-.8.1v1.7c.4 0 .7 0 1.1-.1.3 0 .5-.1.5-.1l.3-.1.2-.3c0-.1.1-.2.2-.3.2-.3.5-.6.7-.8.9-.8 1.8-1.2 2.6-1.3h.8c.8.1 1.7.2 2.8.6.6.2 1 .3 1.3.4l.7.3 3.4-.2c.4.3.5.5.6.6l-.1.1c-.1.1-.2.1-.9.1-.6 0-1.1 0-1.7.1-2.2.3-8.2 3-9.5 4.3-1.1 1.1-.4 2 .3 2.8.1.1.2.2.3.3-.2.1-.7.3-1.5.6l-2.1.7v1.8c.6-.3 1.2-.5 1.3-.5.4-.1.8-.3 1.1-.4l.2-.1c1.2-.4 1.8-.8 2.2-1.1.5-.4.7-1 .4-1.7-.2-.3-.3-.4-.7-.9-.2-.2-.3-.4-.4-.4l.1-.1c1.1-1.1 6.7-3.6 8.5-3.8.5-.1.9-.1 1.5-.1.9 0 1.3 0 1.8-.3.2-.1.3-.2.4-.3.6-.5.6-1.1.5-1.5 0-.1-.1-.3-.1-.4l.1.1.3.4c.2.3.4.6.4.8l.3.8c.1.2.2.5.2.7-1.1.5-3.3 2.1-3.2 2.9l1.7 3.7-2.5-2.3v-.2h-.2l-.6-.7-.3.3c-1.1 1.1-1.6 2.5-1.6 4 0 .7.1 1.4.4 2h-5.4c-3.7 0-5.6 0-6.4 0v1.8h6.3 2.5 3.9c1.1 1.2 2.6 1.9 4.3 1.9 3.1 0 5.7-2.5 5.7-5.7 0-2.9-2.1-5.3-4.8-5.7zm-2-5.7c-.5-.4-1.1-.7-1.8-1l-.3-.1v.1c-.1-.1-.2-.1-.2-.2l-.1-.1c-.2-.1-.4-.2-.5-.4l.1-.1c.2-.1.4-.3.5-.4 0 0 .1 0 .1.1.1.1.2.2.3.3l.6.8.6-.4h.1c.1-.1.2-.1.4.1s.2.3.2.4l-.4.5zm1.1 15.3c-2.2 0-4-1.8-4-4 0-.6.1-1.2.3-1.7l3.4 3.3 2.2-1.3-2-4.3c2.2 0 4 1.8 4 4s-1.7 4-3.9 4z">
                                                        </path>
                                                    </svg>
                                                </span>{{ $car->condition }}
                                            </li>

                                            @if($car->fuel_type != '' && $car->fuel_type != null)
                                            <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
                                                    <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px"
                                                         width="15px" height="15px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
                                                        <path d="M13,6L13,6v5.5c0,0.2761-0.2239,0.5-0.5,0.5S12,11.7761,12,11.5v-2C12,8.6716,11.3284,8,10.5,8H9V2c0-0.5523-0.4477-1-1-1H2
                                                              C1.4477,1,1,1.4477,1,2v11c0,0.5523,0.4477,1,1,1h6c0.5523,0,1-0.4477,1-1V9h1.5C10.7761,9,11,9.2239,11,9.5v2
                                                              c0,0.8284,0.6716,1.5,1.5,1.5s1.5-0.6716,1.5-1.5V5c0-0.5523-0.4477-1-1-1l0,0V2.49C12.9946,2.2178,12.7723,1.9999,12.5,2
                                                              c-0.2816,0.0047-0.5062,0.2367-0.5015,0.5184C11.9987,2.5289,11.9992,2.5395,12,2.55V5C12,5.5523,12.4477,6,13,6s1-0.4477,1-1
                                                              s-0.4477-1-1-1 M8,6.5C8,6.7761,7.7761,7,7.5,7h-5C2.2239,7,2,6.7761,2,6.5v-3C2,3.2239,2.2239,3,2.5,3h5C7.7761,3,8,3.2239,8,3.5
                                                              V6.5z"/>
                                                    </svg>
                                                </span>{{ $car->fuel_type }}
                                            </li>
                                            @endif
                                        </ul>
                                    </section>
                                    <section>
                                        <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
                                            <ul class="list-unstyled car-feature-list nomargin">
                                                <!--                                    @if($car->transmission != '' && $car->transmission != null)
                                                                                    <li><b>Transmission:</b> <i>{{ $car->transmission }}</i></li>
                                                                                    @endif-->
                                                @if($car->color != '' && $car->color != null)
                                                <li><b>Color:</b> <i>{{ $car->color }}</i></li>
                                                @endif
                                                @if($car->engine_type != '' && $car->engine_type != null)
                                                <li><b>Engine Type:</b> <i>{{ $car->engine_type }}</i></li>
                                                @endif
                                                @if($car->engine_capacity != '' && $car->engine_capacity != null)
                                                <li><b>Engine Capacity:</b> <i>{{ number_format($car->engine_capacity) }}</i></li>
                                                @endif
                                                @if($car->assembly != '' && $car->assembly != null)
                                                <li><b>Assembly:</b> <i>{{ $car->assembly }}</i></li>
                                                @endif
                                                @if($car->body_type != '' && $car->body_type != null)
                                                <li><b>Body Type:</b> <i>{{ $car->body_type }}</i></li>
                                                @endif
                                                @if($car->fuel_consumption != '' && $car->fuel_consumption != null)
                                                <li><b>Fuel Consumption:</b> <i>{{ $car->fuel_consumption }}</i></li>
                                                @endif
                                                @if($car->seats != '' && $car->seats != null)
                                                <li><b>Seats:</b> <i>{{ $car->seats }}</i></li>
                                                @endif
                                                @if($car->doors != '' && $car->doors != null)
                                                <li><b>Doors:</b> <i>{{ $car->doors }}</i></li>
                                                @endif

                                            </ul>
                                            <br>
                                                <h2 class="atc-type-fiesta atc-type-fiesta--medium">Car Features</h2>
                                                <ul class="list-unstyled car-feature-list nomargin">
                                                    @if($car->abs == 1)
                                                    <li><i class="icon abs"></i> ABS</li>
                                                    @endif
                                                    @if($car->am_fm_radio == 1)
                                                    <li><i class="icon am_fm_radio"></i> AM/FM Radio</li>
                                                    @endif
                                                    @if($car->air_bags == 1)
                                                    <li><i class="icon air_bags"></i> Air Bags</li>
                                                    @endif
                                                    @if($car->air_conditioning == 1)
                                                    <li><i class="icon air_conditioning"></i> Air Conditioning</li>
                                                    @endif
                                                    @if($car->alloy_rims == 1)
                                                    <li><i class="icon alloy_rims"></i> Alloy Rims</li>
                                                    @endif
                                                    @if($car->cd_player == 1)
                                                    <li><i class="icon cd_player"></i> CD Player</li>
                                                    @endif
                                                    @if($car->dvd_player == 1)
                                                    <li><i class="icon dvd_player"></i> DVD Player</li>
                                                    @endif
                                                    @if($car->keyless_entry == 1)
                                                    <li><i class="icon keyless_entry"></i> Keyless Entry</li>
                                                    @endif
                                                    @if($car->power_locks == 1)
                                                    <li><i class="icon power_locks"></i> Power Locks</li>
                                                    @endif
                                                    @if($car->power_mirrors == 1)
                                                    <li><i class="icon power_mirrors"></i> Power Mirrors</li>
                                                    @endif
                                                    @if($car->power_steering == 1)
                                                    <li><i class="icon power_steering"></i> Power Steering</li>
                                                    @endif
                                                    @if($car->power_windows == 1)
                                                    <li><i class="icon power_windows"></i> Power Windows</li>
                                                    @endif
                                                </ul>
                                        </div>
                                    </section>
                                    <br>
                                        <section class="sc-czETjp dybDGs">
                                            <h3 data-gui="advert-description-title"
                                                class="sc-cCwPlL dQVHfc atc-type-insignia atc-type-insignia--medium">
                                                Description</h3>
                                            <p class="sc-ksXiki jCxogk atds-type-picanto">{{ $car->description }}</p>
                                        </section>
                                </div>

                                <div class="sc-eGJWMs ebuDcN about_this">
                                    <section>
                                        <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
                                            <h2 class="atc-type-fiesta atc-type-fiesta--medium">About this advert</h2>
                                            <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">Specifications</h3>
                                            <p class="sc-kkIhgv ebaaVY atc-type-smart">The data displayed in the above advert is the standard specification of the most recent model of this
                                                vehicle. It's not the exact data for the actual vehicle being offered for sale on this platform and data
                                                for older models could be different slightly. We strongly recommend you check the vehicle-specific
                                                details with the seller before making up your mind.</p>
                                            <p class="sc-kkIhgv ebaaVY atc-type-smart">The car token/tax category, where shown, is entirely defined by the seller, based on their personal
                                                knowledge of the vehicle for sale. You are advised to check before making an offer to purchase.
                                                .</p>
                                            <br>
                                                <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">CarFame, will not accept responsibility for any information given</h3>
                                        </div>
                                    </section>
                                </div>

                                <script>
                                    let slideIndex = 1;
                                    showSlides(slideIndex);
                                    function plusSlides(n) {
                                    showSlides(slideIndex += n);
                                    }

                                    function currentSlide(n) {
                                    showSlides(slideIndex = n);
                                    }

                                    function showSlides(n) {
                                    let i;
                                    let slides = document.getElementsByClassName("mySlides");
                                    let dots = document.getElementsByClassName("demo");
                                    let captionText = document.getElementById("caption");
                                    if (n > slides.length) {
                                    slideIndex = 1
                                    }
                                    if (n < 1) {
                                    slideIndex = slides.length
                                    }
                                    for (i = 0; i < slides.length; i++) {
                                    slides[i].style.display = "none";
                                    }
                                    for (i = 0; i < dots.length; i++) {
                                    dots[i].className = dots[i].className.replace(" active", "");
                                    }
                                    slides[slideIndex - 1].style.display = "block";
                                    dots[slideIndex - 1].className += " active";
                                    }

                                </script>
                        </section>
                    </article>
                    <aside class="sc-dFRpbK bFgzLZ">
                        <section class="sc-hTRkXV MVfXa">
                            <h1 data-testid="advert-title" data-gui="advert-title"
                                class="sc-gSYDnn jcebfE atc-type-insignia atc-type-insignia--medium modal_title">{{ $car->title }}</h1>
                            <span style="color: 518ecb;
                                  text-decoration: none;"><i class="fa fa-map-marker"></i>  {{ $car->province }} {{ $car->location }}</span>
                            <ul style="font-size: 20px;
                                margin-top: 20px;
                                line-height: 20px;
                                margin-bottom: 20px;">
                                <li style="" class="modal_model"><strong>Model:</strong> {{ isset($car->model['name']) ? $car->model['name'] : '' }}</li>
                                <li><strong>Year:</strong> <span class="modal_year">{{ $car->year }}</span></li>
                            </ul>
                            <div class="sc-eJocfa hCTaZc">
                                <div class="sc-oeezt OJJCp">

                                                                            <h2 data-testid="advert-price" data-gui="advert-price" class="sc-jffHpj hLZZkv" style="color: #00a488;">
                                            Rs.{{ number_format($car->price) }}</h2>
                                        <input type="hidden" value="{{ $car->price }}" class="modal_price">
                                    
                                </div>
                                <div class="sc-hhIiOg iwisNA"><button class="sc-fnVZcZ hmqpxx"></button></div>
                            </div>

                            <ul data-gui="contact-seller-cta" class="sc-amiJK izuroF">
                                <li><a href="tel:{{ $car->phone }}" rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta " title="Call"><i class="fa fa-phone"></i></a>
                                </li>
                                <li><a href="{{ url('/') }}/dealer/contact/used/car/{{ $car->id }}"
                                       rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta"  title="Message"><i class="fa fa-commenting-o"></i></a>
                                </li>
                                <li><a href="javascript:void(0)" rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta" id="openofferModalBtn"  title="Send Offer"><i class="fa fa-paper-plane"></i></a>
                                </li>
                                <li><a href="javascript:void(0)" rel="external" class="sc-ksluID itWemL atds-button atds-type-fiesta" id="openreserveModalBtn"  title="Reserve"><i class="fa fa-ticket"></i></a>
                                </li>
                            </ul>
                            @include('shared.share-icons')
                            <div class="sc-ggNJAJ gHDQTD">
                                <div class="sc-cWGkQq eTLOvd">
                                    <!--                            <div>Total price</div>
                                                                <div data-testid="total-price-value">Rs.{{ number_format($car->price) }}</div>-->
                                </div>
                            </div>
                        </section> 
                        <div class="sc-hTRkXV MVfXa overview_detail_mob">
                            <section class="sc-iTVJFM ddMIZk">
                                <div class="sc-efHYUO ddsZAl">
                                    <h2 data-gui="overviewTitle" class="sc-iBzEeX glZmJR atc-type-insignia atc-type-insignia--medium">
                                        Overview
                                    </h2>
                                </div>



                                <ul aria-label="Key Specifications" data-gui="key-specs-section" class="sc-dPaNzc fqbJCS">
                                    <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg"
                                                                                                                               preserveAspectRatio="xMinYMin" id="ks-mileage" viewBox="0 0 24 24" height="30" width="30">
                                                <path d="M0 0h24v24H0V0z" fill="none"></path>
                                                <path
                                                    d="M7.71 7.25l.87 1.2a.5.5 0 0 1-.8.59l-.88-1.2a8.02 8.02 0 0 0-2.34 3.22l1.41.46a.5.5 0 1 1-.3.95L4.24 12a8.01 8.01 0 0 0 0 3.98l1.41-.46a.5.5 0 0 1 .31.95l-1.46.48a1 1 0 0 1-1.94.37A9.99 9.99 0 0 1 12 4a10 10 0 0 1 9.43 13.33 1 1 0 0 1-1.94-.37l-1.46-.48a.5.5 0 1 1 .3-.95l1.42.46a8.02 8.02 0 0 0 0-3.98l-1.41.46a.5.5 0 0 1-.31-.95l1.41-.46a8.02 8.02 0 0 0-2.34-3.23l-.87 1.2a.5.5 0 1 1-.81-.58l.87-1.2a7.95 7.95 0 0 0-3.79-1.23V7.5a.5.5 0 1 1-1 0V6.02a7.95 7.95 0 0 0-3.79 1.23zM9 18h6a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm3.2-2.8a1 1 0 0 1-1.4-1.4l4.2-3.5a.5.5 0 1 1 .7.7l-3.5 4.2z">
                                                </path>
                                            </svg></span><span data-testid="mileage" data-gui="mileage"
                                                           class="sc-khIgEk ligdXN">{{ $car->millage > 0 ? number_format($car->millage) : '-'}}
                                            km</span>
                                    </li>
                                    <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular">
                                        <span class="icon-svg">
                                            <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 388.223 388.223" style="enable-background:new 0 0 388.223 388.223;" xml:space="preserve">
                                                <g>
                                                    <path d="M388.223,160.284h-22.944l-30-136.252H52.943l-30,136.252H0v139.15h20v64.756h100v-64.756h148.223v64.756h100v-64.756h20
                                                          V160.284z M30,269.435v-79.15h328.223v79.15H30z M77.057,54.032h234.109l23.395,106.252H53.662L77.057,54.032z M90,334.19H50
                                                          v-34.756h40V334.19z M338.223,334.19h-40v-34.756h40V334.19z" />
                                                    <rect x="49.575" y="214.859" width="40" height="30" />
                                                    <rect x="298.648" y="214.859" width="40" height="30" />
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                                <g>
                                                </g>
                                            </svg>
                                        </span>{{ $car->company['name'] }}</li>


                                    <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
                                            <svg xmlns="http://w...content-available-to-author-only...3.org/2000/svg" viewBox="0 0 48 60" x="0px" y="0px"><title>Transmission</title><g><path d="M47,30H44V29a1,1,0,0,0-1-1H40V27a5,5,0,0,0-5-5H30.9A5,5,0,0,0,28,18.42a4,4,0,0,0-3-4.28V7.84a3.36,3.36,0,0,0,2.32-2.65c.46-2.77.81-3.56,0-4.48S25.84,0,22.18,0a2,2,0,0,0-2,2.33c.41,2.5.36,4.75,2.79,5.51v6.3a4,4,0,0,0-3,4.28A5,5,0,0,0,17.1,22H6V21a1,1,0,0,0-1-1H1a1,1,0,0,0-1,1V47a1,1,0,0,0,1,1H5a1,1,0,0,0,1-1V46H35a5,5,0,0,0,5-5V40h3a1,1,0,0,0,1-1V38h3a1,1,0,0,0,1-1V31A1,1,0,0,0,47,30ZM22.18,2h3.64l-.48,2.86a1.36,1.36,0,0,1-2.68,0ZM24,16a2,2,0,0,1,2,2H22A2,2,0,0,1,24,16Zm-2,4h4a3,3,0,0,1,2.83,2H19.17A3,3,0,0,1,22,20ZM4,46H2V22H4Zm34-5a3,3,0,0,1-3,3H6V24H35a3,3,0,0,1,3,3Zm4-3H40V30h2Zm4-2H44V32h2Z"/><path d="M31,31h-.43l.29-.49a1,1,0,0,0-.15-1.22c-2.61-2.61-2.34-2.67-3.71-1.86V27a1,1,0,0,0-1-1H22a1,1,0,0,0-1,1v.43l-.49-.29a1,1,0,0,0-1.22.15c-2.62,2.63-2.66,2.35-1.86,3.71H17a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h.43l-.29.49a1,1,0,0,0,.15,1.22c2.57,2.57,2.35,2.66,3.71,1.86V41a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1v-.43c1.34.79,1.08.77,3.71-1.86a1,1,0,0,0,.15-1.22L30.57,37H31a1,1,0,0,0,1-1V32A1,1,0,0,0,31,31Zm-1,4c-1.2,0-1.69-.1-2,.5s0,.92.79,2.34l-.91.91L26.51,38a1,1,0,0,0-1.51.87V40H23c0-1.2.1-1.69-.5-2s-.95,0-2.34.79l-.91-.91L20,36.51A1,1,0,0,0,19.17,35H18V33c1.2,0,1.69.1,2-.5s0-.92-.79-2.34l.91-.91,1.33.79A1,1,0,0,0,23,29.17V28h2c0,1.2-.1,1.69.5,2s.93,0,2.34-.79l.91.91L28,31.49A1,1,0,0,0,28.83,33H30Z"/><circle cx="24" cy="34" r="2"/></g></svg>
                                        </span>{{ $car->transmission }}
                                    </li>
                                    <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg"><svg
                                                enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://w...content-available-to-author-only...3.org/2000/svg">
                                                <path
                                                    d="m17.9 11.7c.4-.3.7-.4.8-.5.7-.1 1.1-.6 1.1-1.4 0-.4-.1-.8-.3-1.4l-.3-.8c-.1-.3-.3-.7-.6-1.1l-1-1.3c.1-.7-.1-1.3-.7-1.9-.5-.5-1.2-.7-1.9-.6l-.2-.2c-.4-.2-.7-.5-1.2-.5-.7 0-2 1-2.5 1.8-.3.5-.2.8 0 1 .1.2.3.4.7.7h-.3l-.6-.2c-.3-.1-.7-.2-1-.3-1.1-.3-2.2-.5-3.3-.6-.3 0-.7 0-1 0-1.3 0-2.5.5-3.6 1.5-.4.4-.7.7-1 1.1l-.1.2h-.1c-.3 0-.5 0-.8.1v1.7c.4 0 .7 0 1.1-.1.3 0 .5-.1.5-.1l.3-.1.2-.3c0-.1.1-.2.2-.3.2-.3.5-.6.7-.8.9-.8 1.8-1.2 2.6-1.3h.8c.8.1 1.7.2 2.8.6.6.2 1 .3 1.3.4l.7.3 3.4-.2c.4.3.5.5.6.6l-.1.1c-.1.1-.2.1-.9.1-.6 0-1.1 0-1.7.1-2.2.3-8.2 3-9.5 4.3-1.1 1.1-.4 2 .3 2.8.1.1.2.2.3.3-.2.1-.7.3-1.5.6l-2.1.7v1.8c.6-.3 1.2-.5 1.3-.5.4-.1.8-.3 1.1-.4l.2-.1c1.2-.4 1.8-.8 2.2-1.1.5-.4.7-1 .4-1.7-.2-.3-.3-.4-.7-.9-.2-.2-.3-.4-.4-.4l.1-.1c1.1-1.1 6.7-3.6 8.5-3.8.5-.1.9-.1 1.5-.1.9 0 1.3 0 1.8-.3.2-.1.3-.2.4-.3.6-.5.6-1.1.5-1.5 0-.1-.1-.3-.1-.4l.1.1.3.4c.2.3.4.6.4.8l.3.8c.1.2.2.5.2.7-1.1.5-3.3 2.1-3.2 2.9l1.7 3.7-2.5-2.3v-.2h-.2l-.6-.7-.3.3c-1.1 1.1-1.6 2.5-1.6 4 0 .7.1 1.4.4 2h-5.4c-3.7 0-5.6 0-6.4 0v1.8h6.3 2.5 3.9c1.1 1.2 2.6 1.9 4.3 1.9 3.1 0 5.7-2.5 5.7-5.7 0-2.9-2.1-5.3-4.8-5.7zm-2-5.7c-.5-.4-1.1-.7-1.8-1l-.3-.1v.1c-.1-.1-.2-.1-.2-.2l-.1-.1c-.2-.1-.4-.2-.5-.4l.1-.1c.2-.1.4-.3.5-.4 0 0 .1 0 .1.1.1.1.2.2.3.3l.6.8.6-.4h.1c.1-.1.2-.1.4.1s.2.3.2.4l-.4.5zm1.1 15.3c-2.2 0-4-1.8-4-4 0-.6.1-1.2.3-1.7l3.4 3.3 2.2-1.3-2-4.3c2.2 0 4 1.8 4 4s-1.7 4-3.9 4z">
                                                </path>
                                            </svg>
                                        </span>{{ $car->condition }}
                                    </li>

                                    @if($car->fuel_type != '' && $car->fuel_type != null)
                                    <li class="sc-bBjRSN jGBHax atc-type-fiesta atc-type--regular"><span class="icon-svg">
                                            <svg version="1.1" id="Layer_1" xmlns="http://w...content-available-to-author-only...3.org/2000/svg" xmlns:xlink="http://w...content-available-to-author-only...3.org/1999/xlink" x="0px" y="0px"
                                                 width="15px" height="15px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
                                                <path d="M13,6L13,6v5.5c0,0.2761-0.2239,0.5-0.5,0.5S12,11.7761,12,11.5v-2C12,8.6716,11.3284,8,10.5,8H9V2c0-0.5523-0.4477-1-1-1H2
                                                      C1.4477,1,1,1.4477,1,2v11c0,0.5523,0.4477,1,1,1h6c0.5523,0,1-0.4477,1-1V9h1.5C10.7761,9,11,9.2239,11,9.5v2
                                                      c0,0.8284,0.6716,1.5,1.5,1.5s1.5-0.6716,1.5-1.5V5c0-0.5523-0.4477-1-1-1l0,0V2.49C12.9946,2.2178,12.7723,1.9999,12.5,2
                                                      c-0.2816,0.0047-0.5062,0.2367-0.5015,0.5184C11.9987,2.5289,11.9992,2.5395,12,2.55V5C12,5.5523,12.4477,6,13,6s1-0.4477,1-1
                                                      s-0.4477-1-1-1 M8,6.5C8,6.7761,7.7761,7,7.5,7h-5C2.2239,7,2,6.7761,2,6.5v-3C2,3.2239,2.2239,3,2.5,3h5C7.7761,3,8,3.2239,8,3.5
                                                      V6.5z"/>
                                            </svg>
                                        </span>{{ $car->fuel_type }}
                                    </li>
                                    @endif
                                </ul>
                            </section>
                            <section>
                                <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
                                    <ul class="list-unstyled car-feature-list nomargin">
                                        <!--                                    @if($car->transmission != '' && $car->transmission != null)
                                                                            <li><b>Transmission:</b> <i>{{ $car->transmission }}</i></li>
                                                                            @endif-->
                                        @if($car->color != '' && $car->color != null)
                                        <li><b>Color:</b> <i>{{ $car->color }}</i></li>
                                        @endif
                                        @if($car->engine_type != '' && $car->engine_type != null)
                                        <li><b>Engine Type:</b> <i>{{ $car->engine_type }}</i></li>
                                        @endif
                                        @if($car->engine_capacity != '' && $car->engine_capacity != null)
                                        <li><b>Engine Capacity:</b> <i>{{ number_format($car->engine_capacity) }}</i></li>
                                        @endif
                                        @if($car->assembly != '' && $car->assembly != null)
                                        <li><b>Assembly:</b> <i>{{ $car->assembly }}</i></li>
                                        @endif
                                        @if($car->body_type != '' && $car->body_type != null)
                                        <li><b>Body Type:</b> <i>{{ $car->body_type }}</i></li>
                                        @endif
                                        @if($car->fuel_consumption != '' && $car->fuel_consumption != null)
                                        <li><b>Fuel Consumption:</b> <i>{{ $car->fuel_consumption }}</i></li>
                                        @endif
                                        @if($car->seats != '' && $car->seats != null)
                                        <li><b>Seats:</b> <i>{{ $car->seats }}</i></li>
                                        @endif
                                        @if($car->doors != '' && $car->doors != null)
                                        <li><b>Doors:</b> <i>{{ $car->doors }}</i></li>
                                        @endif

                                    </ul>
                                    <br>
                                        <h2 class="atc-type-fiesta atc-type-fiesta--medium">Car Features</h2>
                                        <ul class="list-unstyled car-feature-list nomargin">
                                            @if($car->abs == 1)
                                            <li><i class="icon abs"></i> ABS</li>
                                            @endif
                                            @if($car->am_fm_radio == 1)
                                            <li><i class="icon am_fm_radio"></i> AM/FM Radio</li>
                                            @endif
                                            @if($car->air_bags == 1)
                                            <li><i class="icon air_bags"></i> Air Bags</li>
                                            @endif
                                            @if($car->air_conditioning == 1)
                                            <li><i class="icon air_conditioning"></i> Air Conditioning</li>
                                            @endif
                                            @if($car->alloy_rims == 1)
                                            <li><i class="icon alloy_rims"></i> Alloy Rims</li>
                                            @endif
                                            @if($car->cd_player == 1)
                                            <li><i class="icon cd_player"></i> CD Player</li>
                                            @endif
                                            @if($car->dvd_player == 1)
                                            <li><i class="icon dvd_player"></i> DVD Player</li>
                                            @endif
                                            @if($car->keyless_entry == 1)
                                            <li><i class="icon keyless_entry"></i> Keyless Entry</li>
                                            @endif
                                            @if($car->power_locks == 1)
                                            <li><i class="icon power_locks"></i> Power Locks</li>
                                            @endif
                                            @if($car->power_mirrors == 1)
                                            <li><i class="icon power_mirrors"></i> Power Mirrors</li>
                                            @endif
                                            @if($car->power_steering == 1)
                                            <li><i class="icon power_steering"></i> Power Steering</li>
                                            @endif
                                            @if($car->power_windows == 1)
                                            <li><i class="icon power_windows"></i> Power Windows</li>
                                            @endif
                                        </ul>
                                </div>
                            </section>
                            <br>
                                <section class="sc-czETjp dybDGs">
                                    <h3 data-gui="advert-description-title"
                                        class="sc-cCwPlL dQVHfc atc-type-insignia atc-type-insignia--medium">
                                        Description</h3>
                                    <p class="sc-ksXiki jCxogk atds-type-picanto">{{ $car->description }}</p>
                                </section>
                        </div>
                        <section class="car_user_detail"  >
                            <h3>SELLER INFO</h3>
                            <hr>
                                <table style="font-size: 16px;
                                       margin-top: 20px;
                                       line-height: 22px;
                                       margin-bottom: 20px;">
                                    <tr><td><strong style="max-width: 10px">Name:</strong></td><td><h3 class="seller_name">{{ isset($car->contact_name) && $car->contact_name!='' ? $car->contact_name : $car->user->name }}</h3></td></tr>
                                    <tr><td><strong style="max-width: 10px">Phone:</strong></td><td><h3 class="seller_phone"> {{ $car->phone }}</h3></td></tr>
                                    <tr><td><strong style="max-width: 10px">Location:</strong></td><td> <h3>{{ $car->location }}</h3></td></tr>
                                </table>
                        </section>
                    </aside>
                </div>
                @if(!empty($similar_car_list[0]))
                <section class="atds-container atds-container--fixed-wide">
                    <header class="atds-section-title">
                        <h2 class="atds-type-phantom">Similar Cars</h2>
                    </header>
                    <div class="atds-carousel atds-popular-vehicles">
                        <div class="slick-slider slick-initialized" dir="ltr">
                            <div class="slick-list">
                                <div class="slick-track used-cars">
                                    @foreach ($similar_car_list as $car)
                                    <div>
                                        <a class="atds-vehicle-spotlight" href="{{ url('/cars/used-car/'. $car->id) }}">
                                            <div class="atds-vehicle-spotlight__image">
                                                @php($image_url = trim(explode('||', $car->image_urls)[0]))
                                                <span class="helper"></span>
                                                <img class="atds-image" style="" src="{{ '/images/cars/'. $image_url }}"
                                                     alt="">
                                            </div>
                                            <div class="atds-vehicle-spotlight-label">
                                                <span
                                                    class="atds-vehicle-spotlight-label__text atds-type-picanto">{{ isset($car->model->name) ? $car->model->name: '' }}<br>Rs.{{ number_format($car->price) }}</span>
                                            </div>
                                        </a>
                                    </div>
                                    @endforeach

                                </div>
                                <footer class="atds-section-footer expert-reviews-cta__container">
                                    <a class="atds-signpost atds-type-fiesta" href="/cars/used-cars?sort_by=created-asc&keyword=&make_name[]=&model_name[]=">
                                        <span class="atds-signpost__text">See more cars</span>
                                    </a>
                                </footer>
                            </div>
                        </div>
                    </div>
                </section>
                @endif
                <section class="car_user_detail about_this_mob"  >
                    <div data-gui="about-advert" class="sc-jIDeSl iAiVaO">
                        <h2 class="atc-type-fiesta atc-type-fiesta--medium">About this advert</h2>
                        <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">Specifications</h3>
                        <p class="sc-kkIhgv ebaaVY atc-type-smart">The data displayed in the above advert is the standard specification of the most recent model of this
                            vehicle. It's not the exact data for the actual vehicle being offered for sale on this platform and data
                            for older models could be different slightly. We strongly recommend you check the vehicle-specific
                            details with the seller before making up your mind.</p>
                        <p class="sc-kkIhgv ebaaVY atc-type-smart">The car token/tax category, where shown, is entirely defined by the seller, based on their personal
                            knowledge of the vehicle for sale. You are advised to check before making an offer to purchase.
                            .</p>
                        <br>
                            <h3 class="sc-kEJhVE bmorrn atc-type-smart atc-type-smart--medium">CarFame, will not accept responsibility for any information given</h3>
                    </div>
                </section>
            </div>
        </main>
        <script>
            $(document).ready(function () {
            $('.used-cars').slick({
            infinite: true,
                    slidesToShow: 4,
                    slidesToScroll: 1,
                    centerMode: true,
                    responsive: [{
                    breakpoint: 1024,
                            settings: {
                            slidesToShow: 1,
                                    slidesToScroll: 1,
                            }

                    }]
            });
            $(window).on('load', function(){
            setTimeout(function(){
            jQuery('body').find('.widget-visible iframe').css({'bottom': '50px'});
            }, 2000);
            });
            });
        </script>
        @endsection
stderr
PHP Notice:  Undefined variable: car in /home/vGJfes/prog.php on line 371
PHP Notice:  Trying to get property 'price_on_call' of non-object in /home/vGJfes/prog.php on line 371
PHP Notice:  Undefined variable: car in /home/vGJfes/prog.php on line 621
PHP Notice:  Trying to get property 'company' of non-object in /home/vGJfes/prog.php on line 621