<section class="recording__service elements__style-form-el" id="regulationTo">
<div class="container">
<div class="col-md-12" v-if="user && user.cars.length">
<div class="row">
<div class="col-md-12">
<span class="service_widget-title">{{ 'modules.online-booking.you_save_car'|trans({},'dc_base') }}:</span>
</div>
</div>
<div class="row select-car-row">
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 select-car-col" v-for="car in user.cars"
v-if="car.Brand == '{{ dealer.Brand.name }}'">
<a class="about-car__info"
:href="'{{ path(app.request.attributes.get('_route')) }}'+ car.Model.toLowerCase()">
<span class="about-car__info-name car-title" v-html="car.title"></span>
<div class="about-car__info-desc">
<span class="about-car__info-year" v-html="car.MakeYear" v-if="car.MakeYear"></span>
<div class="about-car__info-year-number-desc" v-if="car.Number">
<span class="about-car__info-year-number"></span>
<span v-html="car.Number"></span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tab-content recording__service-tab row" id="myTabContent">
<div class="col-md-12 tab-pane fade autorization-content"
:class="step==1 ? 'show active' : ''" id="autorization" role="tabpanel"
aria-labelledby="autorization-tab">
<div class="row" v-if="user && user.id">
<div class="col-sm-12 col-md-12 col-lg-10 col-xl-8">
<div class="recording-info">
<div class="recording-info__icon"></div>
<div class="recording-info__desc">
<p>{{ 'modules.online-booking.is_uath'|trans({},'dc_base') }} <span
v-html="user.name"></span></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 tab-pane choosecar-content active"
id="choosecar" role="tabpanel" aria-labelledby="choosecar-tab">
<div class="row" id="choosecar">
<div v-if="searchByLicenseNumber" class="col-md-12">
<span class="service_widget-title service_widget-search-title">{{ 'modules.online-booking.searc_number_title'|trans({},'dc_base') }}:</span>
<div class="row justify-content-center custom__left">
<div class="col-sm-12 col-md-10 col-lg-8 col-xl-6 service_widget-search-block-wrap">
<div class="service_widget-search-block">
<div class="form-group mb-0">
<input id="findCarNumber" name="number" v-model="newCar.Number"
type="text" class="form-control custom__marg"
placeholder="{{ 'modules.online-booking.example_input_title'|trans({},'dc_base') }}: AA1111AA">
</div>
<button type="button" @click="findCar"
class="btn btn-primary custom__btn">{{ 'modules.online-booking.search_btn'|trans({},'dc_base') }}</button>
</div>
</div>
</div>
<div class="col-md-12" v-if="findResult && isModel && isBrand">
<div class="service_widget-search">
<div class="service_widget-search-result">
<span class="service_widget-result-title"><span
v-html="findResult.Brand"></span> <span
v-html="findResult.Model"></span> <span
v-html="findResult.MakeYear"></span></span>
<div class="service_widget-result-info"
v-if="findResult.Capacity && findResult.Color">
<span class="service_widget-result-item result-item-engine">{{ 'form.volume'|trans({},'dc_base') }}, см <sup>3</sup>: <span
v-html="findResult.Capacity"></span></span>
<span class="service_widget-result-item">{{ 'configurator.tabs.color_tab'|trans({},'dc_base') }}:<span
v-html="findResult.Color"></span></span>
</div>
</div>
<a href="" :href="'{{ path(app.request.attributes.get('_route')) }}' + findResult.ModelUrl"
class="btn btn-outline-primary">
{{ 'modules.online-booking.confirm'|trans({},'dc_base') }}
</a>
</div>
</div>
<div class="col-md-12" v-else>
<div id="findResultError" v-if="!isBrand"
class="ourcars-block-error">
<span class="ourcars-block-error-title">{{ 'modules.online-booking.not-found-brend-for-car'|trans({},'dc_base') }}</span>
<p class="ourcars-block-error-desc">{{ 'modules.online-booking.not-found-brend-for-car-text'|trans({},'dc_base') }}</p>
</div>
<div id="findResultError" v-else-if="!isModel"
class="ourcars-block-error">
<span class="ourcars-block-error-title">{{ 'modules.online-booking.regulation'|trans({},'dc_base') }}</span>
<p class="ourcars-block-error-desc">{{ 'modules.online-booking.no_works'|trans({},'dc_base') }}</p>
</div>
<div id="findResultError" v-else-if="findResult !== null"
class="ourcars-block-error">
<span class="ourcars-block-error-title">{{ 'modules.online-booking.not-found'|trans({},'dc_base') }}</span>
<p class="ourcars-block-error-desc">{{ 'modules.online-booking.not-found-text'|trans({},'dc_base') }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="reglament_to" id="regulationId">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="subtitle">{{ 'form.to_widget_choose_model'|trans({}, 'dc_base') }}
{% if dealerName is defined %}
<span>{{ dealerName }}</span>
{% endif %} :
</p>
</div>
{% for model in models %}
<div class="col-sm-6 col-md-6 col-lg-4 col-xl-3 reglament_to-col">
<a href="{{ path( modelPath, {'model': model.url}) }}"
class="reglament_to-card">
<div class="reglament_to-card-img">
<picture alt="{{ model.title }}">
<source srcset="{{ model.img_webp }}" type="image/webp">
<source srcset="{{ model.img }}">
<img src="{{ model.img }}" alt="{{ model.title }}" class="w-100" loading="lazy">
</picture>
</div>
<span class="reglament_to-card-title">{{ model.title }}</span>
</a>
</div>
{% endfor %}
</div>
</div>
</section>