{% extends '@DcSite/Morris_Garage/template.html.twig' %}{% block head %} <title> {% if model.seoTitle(app.request.locale) %} {{ model.seoTitle(app.request.locale) }} {% else %} {{ 'seo.main.title'|trans({}, 'dc_morris') }} {% endif %} </title> <meta name="description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.desc'|trans({}, 'dc_morris') }}{% endif %}"/> <meta name="facebook-domain-verification" content="dzyq8tksmolgarcjvze99xuevh7wwz"/> {% if model.seoKeywords(app.request.locale) %} <meta name="keywords" content="{{ model.seoKeywords(app.request.locale) }}"/> {% endif %} {% if model.noindexFollow %} <meta name="robots" content="noindex, follow"/> {% endif %} <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/mg/css/mgCarCard.css?{{ VERSION }}">{% endblock %}{% block ogtagDynamicImage %} <meta property="og:image" content="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}"/>{% endblock %}{% block ogtagDynamic %} <meta property="og:title" content="{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'seo.main.title'|trans({}, 'dc_morris') }}{% endif %}"/> <meta property="og:description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.desc'|trans({}, 'dc_morris') }}{% endif %}"/>{% endblock %}{% block socialPreview %} <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none">{% endblock %}{% block content %} <main class="new__car-car"> <div style="display: none" class="breadcrumbs__shadow"> <section class="breadcrumbs__new"> <div class="container"> <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="{{ path('mg_homepage') }}"> <span class="breadcrumbs__link" itemprop="name">Morris Garages</span> </a> <meta itemprop="position" content="1"/> </li> <div class="arrow-bcs"> ❯</div> <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span style="color: #727272;" class="breadcrumbs__link" itemprop="name">{{ model.fullName }}</span> <meta itemprop="position" content="2"/> </li> </ol> </div> </section> </div> <section class="breadcrumbs__new"> <div class="container"> <ol class="global_breadcrumbs__new"> <li class="marker__none"> <a href="{{ path('mg_homepage') }}"> <span class="breadcrumbs__link">Morris Garages</span> </a> </li> <div class="arrow-bcs"> ❯</div> <li class="marker__none"> <a href="{{ path('mg_model_lineup') }}"> <span class="breadcrumbs__link">{{ 'pages.model_lineup.breadcrumb_title'|trans({}, 'dc_morris') }}</span> </a> </li> <div class="arrow-bcs"> ❯</div> <li class="marker__none"> <span style="color: #727272;" class="breadcrumbs__link">{{ model.fullName }}</span> </li> </ol> </div> </section> <section class="main-card-car" id="gallery"> <div class="container"> <div class="name_and_status-flex"> <h1 class="main-card-car__car-title"> {{ model.slogan(app.request.locale) }} {{ model.title(app.request.locale) }} </h1> {% if model.preOrder %} <span class="car_card_status_is_new ">{{ 'pages.car.is_pre_order'|trans({}, 'dc_base') }}</span> {% elseif model.new %} <span class="car_card_status_is_new ">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span> {% endif %} </div> <div class="row"> <div class="col-md-8 col-lg-9 card-gallery-col"> <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none"/> {% include '@DcSite/Modules/car/car-gallery.html.twig' %} </div> <div class="col-md-4 col-lg-3"> <div class="mb30"> {% if model.showDisabled == 1 %} <div> <span class="car-price mb20">{{ 'archive.title_one'|trans({}, 'dc_base') }}</span> <hr> </div> {% endif %} {% if model.showDisabled == 0 %} <div> <div class="main-card-car__price-title"> {{ 'car.price.title'|trans({},'dc_morris') }} </div> <span class="main-card-car__price-main"> {% if model.price > 0 %} {{ 'car.price.from'|trans({}, 'dc_morris') }} {{ model.price|price }} грн {% else %} {{ 'car.price.no-price'|trans({},'dc_morris') }} {% endif %} </span> {% if model.hasActionPrice %} <span class="car-price-old mb20"> {{ model.fullPrice|price }} грн </span> {% endif %} <hr> </div> {% if model.preorderPrice %} <div> <span class="d-block"> {{ 'car.price.price_in_production'|trans({},'dc_morris') }} </span> <span class="car-price mb20"> {{ 'car.price.from'|trans({}, 'dc_morris') }} {{ model.preorderPrice|price }} грн </span> <hr> </div> {% endif %} {% endif %} </div> <div class="mb20"> {% if model.showDisabled == 0 %} <button class="btn btn-primary --size-md w-100 mb20" type="button" data-toggle="modal" data-target="#order-car">{{ 'pages.car_card.btn_book_car'|trans({}, 'dc_base') }}</button> <a href="{{ path('mg_service_consultation_form_online',{ vehicleId : model.vehicleId }) }}" class="btn btn-outline-primary w-100 mb20">{{ 'btn.consultation'|trans({}, 'dc_morris') }}</a> {% endif %} </div> </div> </div> </div> </section> <div class="car-page-nav sticky-top"> <div class="container"> <ul class="car-page-nav__list mobile-scroll"> <li class="car-page-nav__item"> <a href="{{ path('mg_card_car_configuraion', {car: model.url}) }}" class="car-page-nav__link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }} , {{ 'car_page.new.price'|trans({}, 'dc_base') }} , {{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a> </li> <li class="car-page-nav__item"> <a href="#gallery" class="car-page-nav__link">{{ 'car_page.new.gallery'|trans({}, 'dc_base') }}</a> </li> {% if model.hasInStock %} <li class="car-page-nav__item"> <a href="#car-in-stock" class="car-page-nav__link">{{ 'car_page.new.in_stock'|trans({}, 'dc_base') }}</a> </li> {% endif %} {% if vehicleColor is not empty %} <li class="car-page-nav__item"> <a href="#select-vehicle-color" class="car-page-nav__link active">{{ 'car_page.new.color'|trans({}, 'dc_base') }}</a> </li> {% endif %} {% if model.firstYoutubeUrl is not empty %} <li class="navs-list-li"> <a href="#videoReview" class="navs-list-link">{{ 'vehicles.video'|trans({}, 'dc_base') }}</a> </li> {% endif %} {% if model.hasFeatures %} <li class="car-page-nav__item"> <a href="#overview" class="car-page-nav__link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a> </li> {% endif %} {% if model.hasAccessories %} <li class="car-page-nav__item"> <a href="#accessories-block" class="car-page-nav__link">{{ 'pages.accessories.title'|trans({}, 'dc_morris') }}</a> </li> {% endif %} {% if model.files.count %} <li class="car-page-nav__item"> <a href="#" class="dropdown-toggle car-page-nav__link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ 'car_page.new.broshurs'|trans({}, 'dc_base') }}</a> <div class="dropdown-menu dropdown-menu-broshure" x-placement="bottom-start"> {% for file in model.files %} <a class="dropdown-item" href="{{ path('base_download_file',{ id : file.id }) }}" target="_blank"> <div> <span class="broshure-name">{{ file.title(app.request.locale) }}</span> {# <span class="broshure-format">PDF, 1.5MB</span> #} </div> </a> {% endfor %} </div> </li> {% endif %} {% if faqs %} <li class="car-page-nav__item ml-0"> <a href="#faqwrapper" class="car-page-nav__link">{{ 'pages.car_card.nav.faq'|trans({}, 'dc_base') }}</a> </li> {% endif %} </ul> </div> </div> {% if model.showDisabled != 1 %} {% include '@DcSite/Modules/car/finance-services.html.twig' with {newCreditCalc: true} %} {% endif %} {% if model.hasInStock or model.showDisabled == 1 %} {% include '@DcSite/Morris_Garage/Car/card-in-stock-block.html.twig' %} {% endif %} {% include '@DcSite/Modules/vehicle/vehicle-color.html.twig' %} {% if model.firstYoutubeUrl is not empty %} <section class="section_car_video" id="videoReview"> <div class="container"> {% include '@DcSite/Modules/vehicle/video-block.html.twig' with {'videoPath': model.firstYoutubeUrl, 'brand':model.brand.name,'model':model.modelName } %} </div> </section> {% endif %} {% if model.hasFeatures %} {% include '@DcSite/Modules/car/car-feature.html.twig' %} {% endif %} {% if model.hasAccessories %} <section class="accessories section-padding pt-4 pb-4" id="accessories-block"> <div class="container"> <div class="row"> <div class="col-md-12 title mb-3"> <span>{{ 'accessories.title'|trans({}, 'dc_toyota') }}</span> </div> </div> </div> {% include '@DcSite/Modules/accessories.html.twig' with { 'savePath': path('form_buy_parts') } %} </section> {% endif %} {% if faqs %} <section id="faqwrapper" class="faq__wrapper"> {% include '@DcSite/Modules/car/car-faq_v3.html.twig' %} </section> {% endif %} <section class="seo-block"> <div class="container"> <div class="row"> <div class="col-md-12 title"> <span>{{ model.fullName }}</span> </div> </div> <div class="row"> <div class="col-12"> <div class="seo-text"> {{ model.content(app.request.locale)|raw }} </div> <button type="button" class="seo-btn"> <span class="seo-btn__txt-show"> {{ 'car_in_stock_module.show_whole'|trans({}, 'dc_base') }} </span> <span class="seo-btn__txt-hide"> {{ 'car_in_stock_module.hide_whole'|trans({}, 'dc_base') }} </span> </button> </div> </div> </div> </section> {% include '@DcSiteBundle/Modules/n-buy-car-popup.html.twig' %} </main> {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %} {% include '@DcSite/Modules/call-me-popup.html.twig' with { 'route': path('form_call_me', {'formType': 4}), } %} {% include '@DcSite/Modules/sps-popup-credit.html.twig' with {'homePage' : path('mg_homepage') } %}{% endblock %}{% block script %} <script src="/dist/{{ MODE }}/dcsite/mg/js/mgCarCard.js?{{ VERSION }}"></script> <script> $(() => { window.initCarGallery({ firstImage: '{{ webpUrl(model.getFirstGalleryImage,'new_slider') }}', hasVideo: '{{ model.hasVideo }}', loadDataUrl: '{{ path('car-card-load-gallery', {id: model.vehicleId}) }}', lightGalleryUrl: '{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}', lightGalleryCss: '{{ asset('/bundles/core/css/modules/gallery/lightgallery.css') }}', galleryCss: '{{ asset('/bundles/core/css/bootstrap_build/carousel.css') }}', }); window.initVehicleColors({ vehicleColor: '{{ vehicleColor|json_encode_replace|raw }}', }); window.initInStock({ dataCarInStock: '{{ carInStock|json_encode_replace|raw }}', }); window.initTradeIn({ initUrl: '{{ path('dc_ti_init') }}', dealer: {{ model.dealer.id }}, carId: {{ model.vehicleId }}, variationId: {{ model.vehicleItemId }}, agreementUrl: '{{ privacyUrl }}', }); window.initCasco({ initUrl : '{{ path('base_casco_init') }}', initByDealerUrl : '{{ path('base_casco_init_by_dealer') }}', optionsUrl : '{{ path('base_casco_options') }}', formUrl : '{{ path('base_casco_save_form') }}', privacyUrl: '{{ privacyUrl }}', dealer: {{ model.dealer.id }}, carId: {{ model.vehicleId }}, variationId: {{ model.vehicleItemId }}, disableCarChange: true }); window.initRegCost({ initUrl: '{{ path('base_reg_cost_init') }}', carId: {{ model.vehicleId }}, }); window.initAccessory({ dealer: {{ model.dealer.id }}, carId: {{ model.vehicleId }}, initUrl: '{{ path('base_accessories_widget_init') }}', initByDealerUrl: '{{ path('base_accessories_widget_by_dealer') }}', withoutModelFilter: true, }); const obj = new dcsite.mgCarCard.Credit(); obj.initCreditCalc({ getVehicleBrandUrl: '{{ path('dc_credit_find_brand') }}', getVehicleModelUrl: '{{ path('dc_credit_find_model') }}', getVehicleEquipmentUrl: '{{ path('dc_credit_find_equipment') }}', getVehicleVariationUrl: '{{ path('dc_credit_find_variation') }}', getVehicleUrl: '{{ path('dc_credit_get_vehicle') }}', initCreditCalcUrl: '{{ path('dc_finance_credit_init') }}', initTradeInUrl: '{{ path('dc_ti_init') }}', agreementUrl: '{{ path('automarket_personal_data_agreement') }}', loadListDocumentUrl: '{{ path('dc_credit_load_documents') }}', schedulePaymentUrl: '{{ path('dc_credit_load_schedule_credit_pdf') }}', getVehiclesByWalletUrl: '{{ path('dc_finance_credit_by_price') }}', getVehiclesWithMinPriceUrl: '{{ path('dc_finance_credit_by_price_min') }}', getCrmUUIDUrl: '{{ path('dc_finance_crm_lead_by_uuid') }}', getCrmDataUrl: '{{ path('dc_finance_crm_create_lead') }}', sendLeadUrl: '{{ path('dc_credit_save') }}', ks: '{{ 'catalog.k_s'|trans({}, 'portal_base') }}', enginePower: '{{ 'cars.engine'|trans({}, 'portal_base') }}', translate_month: '{{ 'finance.credit.credit_month_short'|trans({}, 'portal_base') }}', translate_under: '{{ 'finance.credit.credit_under'|trans({}, 'portal_base') }}', translate_first_payment: '{{ 'form.first_give'|trans({}, 'portal_base') }}', translate_uah: ' грн', translate_not_enough_money: '{{ 'finance.credit.not_enough_money'|trans({}, 'portal_base') }}', translate_not_estimate_vehicle: '{{ 'finance.credit.not_estimate_vehicle'|trans({}, 'portal_base') }}', translate_min_first_payment_for_car: '{{ 'finance.credit.min_first_payment_for_car'|trans({}, 'portal_base') }}', translate_unfortunately_not_enough: '{{ 'finance.credit.unfortunately_not_enough'|trans({}, 'portal_base') }}', translate_price_of_your_car: '{{ 'finance.credit.price_of_your_car'|trans({}, 'portal_base') }}', translate_estimate_vehicle_more_1: '{{ 'finance.credit.translate_estimate_vehicle_more_1'|trans({}, 'portal_base') }}', translate_estimate_vehicle_more_2: '{{ 'finance.credit.translate_estimate_vehicle_more_2'|trans({}, 'portal_base') }}', translate_min: '{{ 'finance.credit.min'|trans({}, 'portal_base') }}', translate_min_first_payment: '{{ 'finance.credit.min_first_payment'|trans({}, 'portal_base') }}', translate_min_month_payment: '{{ 'finance.credit.min_month_payment'|trans({}, 'portal_base') }}', translate_month_term_credit: '{{ 'finance.credit.month_term_credit'|trans({}, 'portal_base') }}', continue_first_least: '{{ 'finance.credit.continue_first_least'|trans({}, 'portal_base') }}', translate_term_months: '{{ 'finance.credit.term_months'|trans({}, 'portal_base') }}', translate_term_months_short: '{{ 'finance.credit.term_months_short'|trans({}, 'portal_base') }}', translate_price_from: '{{ 'finance.credit.price_from'|trans({}, 'portal_base') }}', credit_coplectation: '{{ 'finance.credit.credit_coplectation'|trans({}, 'portal_base') }}', credit_modification: '{{ 'finance.credit.credit_modification'|trans({}, 'portal_base') }}', privacyUrl: '{{ privacyUrl }}', name: '{{ app.user.name | default(null) }}', phone: '{{ app.user.phone | default(null) }}', unsetUsedTypeVehicle: true, unsetFlow2: true, newCarUrl: 'mg_card_car', usedCarUrl: '', brand_id: {{model.brand.id }}, dealer_id: {{model.dealer.id}}, model_id: {{ model.model.id }}, newCarCard: true, }); }); </script> <script type="application/ld+json"> {{ structuredData|raw }} </script> {% block scriptCreditCard %} {% endblock %}{% endblock script %}