livan-motors.ru
Open in
urlscan Pro
194.58.123.73
Public Scan
Submitted URL: https://owa.livan-avanta.ru/
Effective URL: https://livan-motors.ru/
Submission: On August 30 via api from US — Scanned from DE
Effective URL: https://livan-motors.ru/
Submission: On August 30 via api from US — Scanned from DE
Form analysis 5 forms found in the DOM
<form class="space-y-4" x-on:submit.prevent="onSubmit">
<div class="relative">
<span class="absolute top-full left-0 text-xxs text-red-500" x-show="errors.name" style="display: none;"> Обязательное поле </span>
<div class="w-full space-y-1">
<label class="text-xs mb-2" for="">Имя</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="name"
x-bind:class="errors.name ? '!border-red-500' : ''">
</div>
</div>
<div class="relative">
<span class="absolute top-full left-0 text-xxs text-red-500" x-show="errors.phone" style="display: none;"> Обязательное поле </span>
<div class="w-full space-y-1" x-data="inputPhone()">
<label class="text-xs mb-2" for="">Телефон</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="phone"
x-bind:class="errors.phone ? '!border-red-500' : ''" inputmode="text">
</div>
</div>
<div class="relative">
<span class="absolute top-full left-0 text-xxs text-red-500" x-show="errors.comment" style="display: none;"> Обязательное поле </span>
<div class="">
<label class="text-xs mb-2" for="">Комментарий или вопрос</label>
<textarea class="bg-white disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full" x-model="comment" x-bind:class="errors.comment ? '!border-red-500' : ''"></textarea>
</div>
</div>
<div class="relative">
<span class="absolute top-full left-0 text-xxs text-red-500" x-show="errors.agreement" style="display: none;"> Обязательное поле </span>
<div class="flex items-center cursor-pointer aria-disabled:cursor-default group max-w-full w-max " x-on:click="onClick" x-data="formCheckbox({})" aria-disabled="false">
<div class="border w-5 h-5 relative flex-shrink-0 focus:border-main rounded-sm outline-0 focus:shadow-input bg-white group-aria-disabled:bg-gray-light-10 border-gray-300" x-bind:class="{
'bg-white group-aria-disabled:bg-gray-light-10 border-gray-300': !value,
'bg-main group-aria-disabled:bg-main-40 border-main': value,
}" tabindex="0" x-on:keydown.space.prevent="onClick">
<svg x-show="value" class="w-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 stroke-current text-white" viewBox="0 0 14 10" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path d="M12.3332 1L4.99984 8.33333L1.6665 5" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<input x-model="agreement" aria-label="Согласие" x-bind:class="errors.agreement ? '!border-red-500' : ''" type="checkbox" class="hidden">
</div>
<div class="font-light text-sm ml-2">
<div class="border-b border-transparent">Я соглашаюсь с <a href="https://livan-motors.ru/agreement/" target="_blank" class="border-b border-gray/70 hover:text-main hover:border-main">условиями обработки персональных данных</a></div>
</div>
</div>
</div>
<button
class="rounded-sm cursor-pointer disabled:cursor-not-allowed aria-disabled:cursor-not-allowed text-center bg-black hover:bg-gray text-white disabled:bg-gray/50 aria-disabled:bg-gray/50 py-3 px-6 focus:border-main outline-0 focus:shadow-input w-full text-center"
type="submit"> Оставить заявку </button>
</form><form x-on:submit.prevent="onSubmit" class="space-y-4">
<div class="relative w-full ">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.city" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:36,\u0022name\u0022:\u0022\\u0410\\u0431\\u0430\\u043a\\u0430\\u043d\u0022,\u0022coords\u0022:[53.721152000000004,91.442396]},{\u0022id\u0022:43,\u0022name\u0022:\u0022\\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a\u0022,\u0022coords\u0022:[64.539911,40.515762]},{\u0022id\u0022:20,\u0022name\u0022:\u0022\\u0410\\u0441\\u0442\\u0440\\u0430\\u0445\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[46.347614,48.030178]},{\u0022id\u0022:32,\u0022name\u0022:\u0022\\u0411\\u0430\\u0440\\u043d\\u0430\\u0443\\u043b\u0022,\u0022coords\u0022:[53.346785,83.776856]},{\u0022id\u0022:57,\u0022name\u0022:\u0022\\u0412\\u0435\\u043b\\u0438\\u043a\\u0438\\u0439 \\u041d\\u043e\\u0432\\u0433\\u043e\\u0440\\u043e\\u0434\u0022,\u0022coords\u0022:[58.522857,31.269816]},{\u0022id\u0022:52,\u0022name\u0022:\u0022\\u0412\\u043b\\u0430\\u0434\\u0438\\u043c\\u0438\\u0440\u0022,\u0022coords\u0022:[56.129057,40.406635]},{\u0022id\u0022:10,\u0022name\u0022:\u0022\\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\u0022,\u0022coords\u0022:[48.707067,44.516975]},{\u0022id\u0022:42,\u0022name\u0022:\u0022\\u0412\\u043e\\u043b\\u043e\\u0433\\u0434\\u0430\u0022,\u0022coords\u0022:[59.220501,39.891523]},{\u0022id\u0022:6,\u0022name\u0022:\u0022\\u0412\\u043e\\u0440\\u043e\\u043d\\u0435\\u0436\u0022,\u0022coords\u0022:[51.660781,39.200296]},{\u0022id\u0022:7,\u0022name\u0022:\u0022\\u0415\\u043a\\u0430\\u0442\\u0435\\u0440\\u0438\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[56.838011,60.597465]},{\u0022id\u0022:53,\u0022name\u0022:\u0022\\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u043e\u0022,\u0022coords\u0022:[57.000353,40.97393]},{\u0022id\u0022:48,\u0022name\u0022:\u0022\\u0418\\u0436\\u0435\\u0432\\u0441\\u043a\u0022,\u0022coords\u0022:[56.852676,53.2069]},{\u0022id\u0022:56,\u0022name\u0022:\u0022\\u0419\\u043e\\u0448\\u043a\\u0430\\u0440-\\u041e\\u043b\\u0430\u0022,\u0022coords\u0022:[56.6316,47.886178]},{\u0022id\u0022:22,\u0022name\u0022:\u0022\\u041a\\u0430\\u0437\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[55.796127,49.106414]},{\u0022id\u0022:5,\u0022name\u0022:\u0022\\u041a\\u0435\\u043c\\u0435\\u0440\\u043e\\u0432\\u043e\u0022,\u0022coords\u0022:[55.355198,86.086847]},{\u0022id\u0022:33,\u0022name\u0022:\u0022\\u041a\\u0438\\u0440\\u043e\\u0432\u0022,\u0022coords\u0022:[58.603595,49.668023]},{\u0022id\u0022:4,\u0022name\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022coords\u0022:[45.03547,38.975313]},{\u0022id\u0022:31,\u0022name\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u044f\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[56.010569,92.852572]},{\u0022id\u0022:51,\u0022name\u0022:\u0022\\u041a\\u0443\\u0440\\u0433\\u0430\\u043d\u0022,\u0022coords\u0022:[55.441004,65.341118]},{\u0022id\u0022:17,\u0022name\u0022:\u0022\\u041a\\u0443\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[51.730846,36.193015]},{\u0022id\u0022:38,\u0022name\u0022:\u0022\\u041b\\u0438\\u043f\\u0435\\u0446\\u043a\u0022,\u0022coords\u0022:[52.608826,39.599229]},{\u0022id\u0022:8,\u0022name\u0022:\u0022\\u041c\\u0430\\u0433\\u043d\\u0438\\u0442\\u043e\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[53.407163,58.980291]},{\u0022id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430\u0022,\u0022coords\u0022:[55.755814,37.617635]},{\u0022id\u0022:54,\u0022name\u0022:\u0022\\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[68.970663,33.074918]},{\u0022id\u0022:23,\u0022name\u0022:\u0022\\u041d\\u0430\\u0431\\u0435\\u0440\\u0435\\u0436\\u043d\\u044b\\u0435 \\u0427\\u0435\\u043b\\u043d\\u044b\u0022,\u0022coords\u0022:[55.741272,52.403662]},{\u0022id\u0022:14,\u0022name\u0022:\u0022\\u041d\\u0438\\u0436\\u043d\\u0438\\u0439 \\u041d\\u043e\\u0432\\u0433\\u043e\\u0440\\u043e\\u0434\u0022,\u0022coords\u0022:[56.326797,44.006516]},{\u0022id\u0022:11,\u0022name\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0440\\u043e\\u0441\\u0441\\u0438\\u0439\\u0441\\u043a\u0022,\u0022coords\u0022:[44.723771,37.768804]},{\u0022id\u0022:28,\u0022name\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0441\\u0438\\u0431\\u0438\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[55.030204,82.92043]},{\u0022id\u0022:15,\u0022name\u0022:\u0022\\u041d\\u043e\\u0433\\u0438\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[55.854476,38.441866]},{\u0022id\u0022:27,\u0022name\u0022:\u0022\\u041e\\u043c\\u0441\\u043a\u0022,\u0022coords\u0022:[54.989347,73.368221]},{\u0022id\u0022:41,\u0022name\u0022:\u0022\\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[51.768205,55.096964]},{\u0022id\u0022:16,\u0022name\u0022:\u0022\\u041f\\u0435\\u043d\\u0437\\u0430\u0022,\u0022coords\u0022:[53.195042,45.018316]},{\u0022id\u0022:26,\u0022name\u0022:\u0022\\u041f\\u0435\\u0440\\u043c\\u044c\u0022,\u0022coords\u0022:[58.010455,56.229443]},{\u0022id\u0022:58,\u0022name\u0022:\u0022\\u041f\\u0435\\u0442\\u0440\\u043e\\u0437\\u0430\\u0432\\u043e\\u0434\\u0441\\u043a\u0022,\u0022coords\u0022:[61.785021,34.346878]},{\u0022id\u0022:55,\u0022name\u0022:\u0022\\u041f\\u0441\\u043a\\u043e\\u0432\u0022,\u0022coords\u0022:[57.819274,28.33246]},{\u0022id\u0022:13,\u0022name\u0022:\u0022\\u041f\\u044f\\u0442\\u0438\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[44.039802,43.070643]},{\u0022id\u0022:9,\u0022name\u0022:\u0022\\u0420\\u043e\\u0441\\u0442\\u043e\\u0432-\\u043d\\u0430-\\u0414\\u043e\\u043d\\u0443\u0022,\u0022coords\u0022:[47.222078,39.720349]},{\u0022id\u0022:30,\u0022name\u0022:\u0022\\u0420\\u044f\\u0437\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[54.629565,39.741917]},{\u0022id\u0022:18,\u0022name\u0022:\u0022\\u0421\\u0430\\u043c\\u0430\\u0440\\u0430\u0022,\u0022coords\u0022:[53.195878,50.100202]},{\u0022id\u0022:3,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[59.939095,30.315868]},{\u0022id\u0022:46,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[54.187433,45.183938]},{\u0022id\u0022:35,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u0442\\u043e\\u0432\u0022,\u0022coords\u0022:[51.533562,46.034266]},{\u0022id\u0022:47,\u0022name\u0022:\u0022\\u0421\\u043c\\u043e\\u043b\\u0435\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[54.782635,32.045287]},{\u0022id\u0022:12,\u0022name\u0022:\u0022\\u0421\\u0442\\u0430\\u0432\\u0440\\u043e\\u043f\\u043e\\u043b\\u044c\u0022,\u0022coords\u0022:[45.043311,41.96911]},{\u0022id\u0022:34,\u0022name\u0022:\u0022\\u0421\\u0443\\u0440\\u0433\\u0443\\u0442\u0022,\u0022coords\u0022:[61.241778,73.393032]},{\u0022id\u0022:60,\u0022name\u0022:\u0022\\u0421\\u044b\\u043a\\u0442\\u044b\\u0432\\u043a\\u0430\\u0440\u0022,\u0022coords\u0022:[61.668797,50.836497]},{\u0022id\u0022:40,\u0022name\u0022:\u0022\\u0422\\u0430\\u043c\\u0431\\u043e\\u0432\u0022,\u0022coords\u0022:[52.721295,41.45275]},{\u0022id\u0022:45,\u0022name\u0022:\u0022\\u0422\\u0432\\u0435\\u0440\\u044c\u0022,\u0022coords\u0022:[56.859625,35.91186]},{\u0022id\u0022:19,\u0022name\u0022:\u0022\\u0422\\u043e\\u043b\\u044c\\u044f\\u0442\\u0442\\u0438\u0022,\u0022coords\u0022:[53.507852,49.420411]},{\u0022id\u0022:37,\u0022name\u0022:\u0022\\u0422\\u043e\\u043c\\u0441\\u043a\u0022,\u0022coords\u0022:[56.484645,84.947649]},{\u0022id\u0022:29,\u0022name\u0022:\u0022\\u0422\\u0443\\u043b\\u0430\u0022,\u0022coords\u0022:[54.193122,37.617348]},{\u0022id\u0022:25,\u0022name\u0022:\u0022\\u0422\\u044e\\u043c\\u0435\\u043d\\u044c\u0022,\u0022coords\u0022:[57.152985,65.541227]},{\u0022id\u0022:21,\u0022name\u0022:\u0022\\u0423\\u0444\\u0430\u0022,\u0022coords\u0022:[54.735152,55.958736]},{\u0022id\u0022:49,\u0022name\u0022:\u0022\\u0425\\u0438\\u043c\\u043a\\u0438\u0022,\u0022coords\u0022:[55.889361,37.444853]},{\u0022id\u0022:50,\u0022name\u0022:\u0022\\u0427\\u0435\\u0431\\u043e\\u043a\\u0441\\u0430\\u0440\\u044b\u0022,\u0022coords\u0022:[56.139918,47.247728]},{\u0022id\u0022:24,\u0022name\u0022:\u0022\\u0427\\u0435\\u043b\\u044f\\u0431\\u0438\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[55.159902,61.402554]},{\u0022id\u0022:59,\u0022name\u0022:\u0022\\u042d\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\u0022,\u0022coords\u0022:[51.4839,46.1053]},{\u0022id\u0022:44,\u0022name\u0022:\u0022\\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c\u0022,\u0022coords\u0022:[57.626559,39.893813]}]'),
value: 1,
multiple: false,
placeholder: null,
watchSelect: null,
updateOptionsEndpoint: null,
disabled: false,
})" tabindex="-1" class="" x-model="city" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Город</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.city ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="city" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Абакан</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Архангельск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Астрахань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Барнаул</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Великий Новгород</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Владимир</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Волгоград</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Вологда</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Воронеж</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Екатеринбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Иваново</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ижевск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Йошкар-Ола</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Казань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Кемерово</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Киров</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Краснодар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Красноярск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Курган</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Курск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Липецк</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Магнитогорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Москва</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мурманск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Набережные Челны</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Нижний Новгород</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Новороссийск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Новосибирск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ногинск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Омск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Оренбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пенза</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пермь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Петрозаводск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Псков</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пятигорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ростов-на-Дону</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Рязань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Самара</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санкт-Петербург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саранск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саратов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Смоленск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ставрополь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сургут</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сыктывкар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тамбов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тверь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тольятти</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Томск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тула</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тюмень</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Уфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Химки</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Чебоксары</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Челябинск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Энгельс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ярославль</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative w-full ">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.dealer" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:95,\u0022city_id\u0022:59,\u0022name\u0022:\u0022GOOD CAR\u0022,\u0022phone\u0022:\u0022+7 (845) 225-08-08\u0022,\u0022address\u0022:\u0022\\u042d\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441, \\u0421\\u0442\\u0435\\u043f\\u043d\\u0430\\u044f 124 \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 09.00 \\u0434\\u043e 19.00 \\u0431\\u0435\\u0437 \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0445\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[51.48329,46.125822]},{\u0022id\u0022:102,\u0022city_id\u0022:2,\u0022name\u0022:\u0022LIVAN \\u0413\\u0440\\u0430\\u043d\\u0434 \\u0413\\u0440\\u0443\\u043f\\u043f\u0022,\u0022phone\u0022:\u0022+7 (495) 120-53-83\u0022,\u0022address\u0022:\u0022\\u0420\\u0435\\u0443\\u0442\\u043e\\u0432 \\u0443\\u043b. \\u041f\\u043e\\u0431\\u0435\\u0434\\u044b 31\\u0430\u0022,\u0022work_time\u0022:\u0022\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9-00 \\u0434\\u043e 21-00\u0022,\u0022coords\u0022:[55.765924,37.847945]},{\u0022id\u0022:103,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0430\\u043d\\u0442\\u0430\u0022,\u0022phone\u0022:\u0022+7 (495) 445-55-90\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0431\\u043e\\u0433\\u0430\\u0442\\u044b\\u0440\\u0441\\u043a\\u0430\\u044f 89\\u04411.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cspan style=\\u0022font-size:11.0pt\\u0022\\u003E\\u003Cspan style=\\u0022font-family:\\u0026quot;Calibri\\u0026quot;,sans-serif\\u0022\\u003E\\u0026nbsp;9:00 - 20:00 \\u0415\\u003C\\\/span\\u003E\\u003C\\\/span\\u003E\\u003Cspan style=\\u0022font-size:11.0pt\\u0022\\u003E\\u003Cspan style=\\u0022font-family:\\u0026quot;Calibri\\u0026quot;,sans-serif\\u0022\\u003E\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/span\\u003E\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.800797,37.71389]},{\u0022id\u0022:51,\u0022city_id\u0022:33,\u0022name\u0022:\u0022\\u0410\\u0412\\u0414 \\u041f\\u0440\\u0435\\u043c\\u0438\\u0443\\u043c\u0022,\u0022phone\u0022:\u0022+7 (833) 222-29-99\u0022,\u0022address\u0022:\u0022\\u0433. \\u041a\\u0438\\u0440\\u043e\\u0432, \\u0443\\u043b. \\u041a\\u0430\\u0440\\u043b\\u0430 \\u041c\\u0430\\u0440\\u043a\\u0441\\u0430, 4\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[58.6188247,49.6626727]},{\u0022id\u0022:91,\u0022city_id\u0022:57,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e-\\u041c\u0022,\u0022phone\u0022:\u0022+7 (816) 250-07-17\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0411. \\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433\\u0441\\u043a\\u0430\\u044f, 173\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[58.57459,31.285312]},{\u0022id\u0022:61,\u0022city_id\u0022:30,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0438\\u043c\\u043f\\u043e\\u0440\\u0442 \\u0420\\u044f\\u0437\\u0430\\u043d\\u044c\u0022,\u0022phone\u0022:\u0022+7 (491) 250-02-15\u0022,\u0022address\u0022:\u0022\\u041a\\u0443\\u0439\\u0431\\u044b\\u0448\\u0435\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 42\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.581589,39.775128]},{\u0022id\u0022:45,\u0022city_id\u0022:29,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0438\\u043c\\u043f\\u043e\\u0440\\u0442 \\u0422\\u0443\\u043b\\u0430\u0022,\u0022phone\u0022:\u0022+7 (4872) 570-075\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044c\\u0441\\u043a\\u0430\\u044f, \\u0434.309\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:00 \\u0026ndash; 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.245203,37.616962]},{\u0022id\u0022:25,\u0022city_id\u0022:14,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043b\\u0438\\u0433\\u0430\u0022,\u0022phone\u0022:\u0022+7 (831) 220-00-50\u0022,\u0022address\u0022:\u0022\\u041e\\u0448\\u0430\\u0440\\u0441\\u043a\\u0430\\u044f, 95\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 09:00 \\u0434\\u043e 19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.30444,44.021842]},{\u0022id\u0022:97,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u041b\\u0438\\u0434\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7 (499) 213-13-31\u0022,\u0022address\u0022:\u0022\\u0412\\u0430\\u0440\\u0448\\u0430\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 91 \\u0441 5\u0022,\u0022work_time\u0022:\u002209:00-21:00\u0022,\u0022coords\u0022:[55.6506331,37.6207551]},{\u0022id\u0022:28,\u0022city_id\u0022:16,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043b\\u043e\\u0446\\u043c\\u0430\\u043d\u0022,\u0022phone\u0022:\u0022+7 (841) 250-56-43\u0022,\u0022address\u0022:\u0022\\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 \\u041f\\u043e\\u0431\\u0435\\u0434\\u044b, 53\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u0441\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430 09:00-19:00 \\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 09:00-17:00\\u003C\\\/p\\u003E\\r\\n\\u003Cscript id=\\u0022xverse-wallet-provider\\u0022 src=\\u0022chrome-extension:\\\/\\\/idnnbdplmphpflfnlkomgpfbpcgelopg\\\/inpage.js\\u0022\\u003E\\u003C\\\/script\\u003E\\u003Cscript id=\\u0022xverse-wallet-provider\\u0022 src=\\u0022chrome-extension:\\\/\\\/idnnbdplmphpflfnlkomgpfbpcgelopg\\\/inpage.js\\u0022\\u003E\\u003C\\\/script\\u003E\u0022,\u0022coords\u0022:[53.2204815,44.9760658]},{\u0022id\u0022:24,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043f\\u043e\\u043b\\u0435\u0022,\u0022phone\u0022:\u0022+7 (812) 561-60-98\u0022,\u0022address\u0022:\u0022\\u041a\\u0443\\u0434\\u0440\\u043e\\u0432\\u043e, \\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 5\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e 09:00-22:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.897293,30.522022]},{\u0022id\u0022:50,\u0022city_id\u0022:32,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0446\\u0435\\u043d\\u0442\\u0440 \\u0410\\u041d\\u0422\u0022,\u0022phone\u0022:\u0022+7 (385) 228-22-22\u0022,\u0022address\u0022:\u0022\\u041f\\u0430\\u0432\\u043b\\u043e\\u0432\\u0441\\u043a\\u0438\\u0439 \\u0442\\u0440\\u0430\\u043a\\u0442, 249\\u0435\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0411\\u0443\\u0434\\u043d\\u0438 \\u0441 8.00 \\u0434\\u043e 19.00 \\u0412\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0435 \\u0441 9.00 \\u0434\\u043e 17.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.342043,83.688327]},{\u0022id\u0022:96,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0446\\u0435\\u043d\\u0442\\u0440 \\u0421\\u0438\\u0442\\u0438 \\u042e\\u0433\u0022,\u0022phone\u0022:\u0022+7 (495) 660-04-00\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u043f\\u043e\\u0441\\u0435\\u043b\\u043e\\u043a \\u0420\\u0430\\u0437\\u0432\\u0438\\u043b\\u043a\\u0430, \\u041c\\u041a\\u0410\\u0414, 22-\\u0439 \\u043a\\u0438\\u043b\\u043e\\u043c\\u0435\\u0442\\u0440, \\u0432\\u043b3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431 8:00-21:00, \\u0432\\u0441 8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.598492,37.747873]},{\u0022id\u0022:83,\u0022city_id\u0022:53,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u044d\\u043a\\u0441\\u043f\\u0440\\u0435\\u0441\\u0441\u0022,\u0022phone\u0022:\u0022+7 (493) 247-20-00\u0022,\u0022address\u0022:\u0022\\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u043e, \\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u0441\\u043a\\u0438\\u0439 \\u0440\\u0430\\u0439\\u043e\\u043d, \\u0434. \\u041a\\u043e\\u043b\\u044f\\u043d\\u043e\\u0432\\u043e, \\u0443\\u043b. \\u0417\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u0430\\u044f, 26, \\u0441\\u0442\\u04401.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00 - 19:00,\\u0026nbsp; \\u0412\\u0441. 9:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.9479916,40.9660208]},{\u0022id\u0022:16,\u0022city_id\u0022:12,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u042e\\u0433 \\u0421\\u0442\\u0430\\u0432\\u0440\\u043e\\u043f\\u043e\\u043b\\u044c\u0022,\u0022phone\u0022:\u0022+7 (865) 250-03-43\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044c\\u0441\\u043a\\u0430\\u044f, 204\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a - \\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 9:00 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.0787068,41.939198]},{\u0022id\u0022:32,\u0022city_id\u0022:18,\u0022name\u0022:\u0022\\u0410\\u043b\\u044c\\u0444\\u0430\u0022,\u0022phone\u0022:\u0022+7 (846) 977-77-72\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041d\\u043e\\u0432\\u043e-\\u0423\\u0440\\u0438\\u0446\\u043a\\u0430\\u044f, \\u0434. 22\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08:00 \\u0434\\u043e 20:00 \\u0431\\u0435\\u0437 \\u043f\\u0435\\u0440\\u0435\\u0440\\u044b\\u0432\\u043e\\u0432 \\u0438 \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0445\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.1842408,50.1514795]},{\u0022id\u0022:42,\u0022city_id\u0022:27,\u0022name\u0022:\u0022\\u0410\\u043d\\u0442\\u0438\\u043a\\u043e\\u0440 \\u0421\\u0435\\u0440\\u0432\\u0438\\u0441\u0022,\u0022phone\u0022:\u0022+7 (381) 229-19-11\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0435\\u043b\\u044c\\u043d\\u0438\\u0447\\u043d\\u0430\\u044f, 132\\\/1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0432\\u0441 , \\u0441 9.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.899861,73.304719]},{\u0022id\u0022:98,\u0022city_id\u0022:42,\u0022name\u0022:\u0022\\u0410\\u0440\\u0433\\u0443\\u0441 - \\u0413\\u041a \\u041a\\u0430\\u0431\\u0440\\u0438\\u043e\\u043b\\u0435\\u0442\u0022,\u0022phone\u0022:\u0022+7(8172) 509-506\u0022,\u0022address\u0022:\u0022\\u0421\\u043e\\u0432\\u0435\\u0442\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 87\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 19.00 \\u0441 \\u041f\\u041d.-\\u0412\\u0421. \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e, \\u0431\\u0435\\u0437 \\u043f\\u0435\\u0440\\u0435\\u0440\\u044b\\u0432\\u043e\\u0432\\u0026nbsp;\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.205766,39.920745]},{\u0022id\u0022:81,\u0022city_id\u0022:10,\u0022name\u0022:\u0022\\u0410\\u0440\\u043a\\u043e\\u043d\\u0442\u0022,\u0022phone\u0022:\u0022+7 (844) 220-56-31\u0022,\u0022address\u0022:\u0022\\u0412\\u0438\\u043b\\u044c\\u043d\\u044e\\u0441\\u0441\\u043a\\u0430\\u044f \\u0443\\u043b., 42\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08.00-20.00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[48.814325,44.6022208]},{\u0022id\u0022:68,\u0022city_id\u0022:18,\u0022name\u0022:\u0022\\u0410\\u0441\\u0410\\u0432\\u0442\\u043e \\u0421\\u0430\\u043c\\u0430\\u0440\\u0430 \\u042e\\u0433\u0022,\u0022phone\u0022:\u0022+7 (846) 211-51-36\u0022,\u0022address\u0022:\u0022\\u042e\\u0436\\u043d\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 10\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9:00 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.141017,50.181087]},{\u0022id\u0022:18,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0426 \\u041a\\u0443\\u043d\\u0446\\u0435\\u0432\\u043e\u0022,\u0022phone\u0022:\u00227 (495) 846-85-06\u0022,\u0022address\u0022:\u0022\\u0413\\u043e\\u0440\\u0431\\u0443\\u043d\\u043e\\u0432\\u0430, 14\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:30 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.7260113,37.3746483]},{\u0022id\u0022:40,\u0022city_id\u0022:25,\u0022name\u0022:\u0022\\u0411\\u0430\\u0437\\u0438\\u0441-\\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (345) 266-21-52\u0022,\u0022address\u0022:\u0022\\u0433. \\u0422\\u044e\\u043c\\u0435\\u043d\\u044c, \\u0443\\u043b. \\u041f\\u0435\\u0440\\u043c\\u044f\\u043a\\u043e\\u0432\\u0430 ,19\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 08:30 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.1209298,65.5831922]},{\u0022id\u0022:93,\u0022city_id\u0022:21,\u0022name\u0022:\u0022\\u0411\\u0430\\u0448\\u0430\\u0432\\u0442\\u043e\\u043a\\u043e\\u043c\u0022,\u0022phone\u0022:\u0022+7 (347) 292-39-26\u0022,\u0022address\u0022:\u0022\\u0423\\u043b. \\u0420\\u0443\\u0431\\u0435\\u0436\\u043d\\u0430\\u044f, 168\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 09.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.6673557,55.9314831]},{\u0022id\u0022:92,\u0022city_id\u0022:58,\u0022name\u0022:\u0022\\u0411\\u0435\\u0442\\u0430 \\u041e\\u043d\\u0435\\u0433\\u043e\u0022,\u0022phone\u0022:\u0022+7 (8142) 55-90-48\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041b\\u044b\\u0436\\u043d\\u0430\\u044f, \\u0434.3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00 \\u0026ndash; 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[61.768722,34.390716]},{\u0022id\u0022:29,\u0022city_id\u0022:9,\u0022name\u0022:\u0022\\u0413\\u0435\\u0434\\u043e\\u043d-\\u0422\\u0440\\u0435\\u0439\\u0434\u0022,\u0022phone\u0022:\u0022+7 (863) 204-44-20\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0412\\u0430\\u0432\\u0438\\u043b\\u043e\\u0432\\u0430, 67\\u041c\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[47.2753554,39.6857297]},{\u0022id\u0022:47,\u0022city_id\u0022:31,\u0022name\u0022:\u0022\\u0413\\u0440\\u0430\\u043d\\u0430\\u0434\\u0430-\\u042d\\u043b\\u0438\\u0442\u0022,\u0022phone\u0022:\u0022+7 (391) 219-99-50\u0022,\u0022address\u0022:\u0022\\u041c\\u0430\\u0435\\u0440\\u0447\\u0430\\u043a\\u0430 109\\u043b\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0026nbsp;\\u0441 10 \\u0434\\u043e 19\\u0026nbsp;\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.0464934,92.8347731]},{\u0022id\u0022:86,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0414\\u0410\\u041a\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (812) 416-93-16\u0022,\u0022address\u0022:\u0022\\u0422\\u0430\\u043b\\u043b\\u0438\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 202\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0432 09:00 \\u0434\\u043e 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.806016,30.165753]},{\u0022id\u0022:82,\u0022city_id\u0022:52,\u0022name\u0022:\u0022\\u0414\\u0416\\u0415\\u0419\\u041a\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (492) 243-41-49\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0411\\u043e\\u043b\\u044c\\u0448\\u0430\\u044f \\u041d\\u0438\\u0436\\u0435\\u0433\\u043e\\u0440\\u043e\\u0434\\u0441\\u043a\\u0430\\u044f, \\u0434.95 \\u0412, \\u043a\\u043e\\u0440\\u043f. 1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u041f\\u044f\\u0442\\u043d\\u0438\\u0446\\u0430 \\u0441 08:00 \\u0434\\u043e 20:00 \\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430-\\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 08:00 \\u0434\\u043e 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.1513047,40.4538633]},{\u0022id\u0022:49,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0414\\u0426 \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\\u043a\\u0430\u0022,\u0022phone\u0022:\u0022+7 (495) 881-00-56\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442, \\u0434.32, \\u043a.7\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00 \\u0434\\u043e 21:00 \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 09:00 \\u0434\\u043e 21:00 \\u041e\\u041f\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.721158,37.698178]},{\u0022id\u0022:22,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0414\\u0426 \\u0428\\u0435\\u0440\\u0435\\u043c\\u0435\\u0442\\u044c\\u0435\\u0432\\u043e\u0022,\u0022phone\u0022:\u0022+7 (495) 881-00-55\u0022,\u0022address\u0022:\u0022\\u0425\\u0438\\u043c\\u043a\\u0438, \\u041b\\u0435\\u043d\\u0438\\u043d\\u0433\\u0440\\u0430\\u0434\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, \\u0441\\u0442\\u0440\\u043e\\u0435\\u043d\\u0438\\u0435 21\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:00 \\u0434\\u043e 21:00 \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 09:00 \\u0434\\u043e 21:00 \\u041e\\u041f\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.906602,37.410834]},{\u0022id\u0022:101,\u0022city_id\u0022:60,\u0022name\u0022:\u0022\\u0418\\u041d\\u041a\\u041e\\u041c-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 8212 51 33 33\u0022,\u0022address\u0022:\u0022167000, \\u0421\\u044b\\u0441\\u043e\\u043b\\u044c\\u0441\\u043a\\u043e\\u0435 \\u0448. 39\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cmeta charset=\\u0022UTF-8\\u0022 \\\/\\u003E08.00 \\u0434\\u043e 20.00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[61.640126,50.817525]},{\u0022id\u0022:99,\u0022city_id\u0022:11,\u0022name\u0022:\u0022\\u041a-\\u0420\\u0430\\u043b\\u043b\\u0438\u0022,\u0022phone\u0022:\u0022+7 (861) 238-15-58\u0022,\u0022address\u0022:\u0022\\u041b\\u0443\\u043d\\u0430\\u0447\\u0430\\u0440\\u0441\\u043a\\u043e\\u0433\\u043e 20\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u041f\\u0442: 09:00-19:00\\u003Cbr \\\/\\u003E\\r\\n\\u0421\\u0431:\\u0026nbsp;09:00-18:00\\u003C\\\/p\\u003E\\r\\n\\r\\n\\u003Cp\\u003E\\u0412\\u0441: 10:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[44.7279908,37.7400316]},{\u0022id\u0022:7,\u0022city_id\u0022:4,\u0022name\u0022:\u0022\\u041a\\u041b\\u042e\\u0427\\u0410\\u0412\\u0422\\u041e \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022phone\u0022:\u0022+7 (861) 998-22-22\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0410\\u044d\\u0440\\u043e\\u043f\\u043e\\u0440\\u0442\\u043e\\u0432\\u0441\\u043a\\u0430\\u044f 4\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8.00-20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.027323,39.131052]},{\u0022id\u0022:13,\u0022city_id\u0022:9,\u0022name\u0022:\u0022\\u041a\\u041b\\u042e\\u0427\\u0410\\u0412\\u0422\\u041e \\u0420\\u043e\\u0441\\u0442\\u043e\\u0432-\\u043d\\u0430-\\u0414\\u043e\\u043d\\u0443\u0022,\u0022phone\u0022:\u0022+7 (863) 206-82-06\u0022,\u0022address\u0022:\u0022\\u0410\\u043a\\u0441\\u0430\\u0439, \\u0410\\u043a\\u0441\\u0430\\u0439\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442, 13\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8.00-20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[47.222078,39.720349]},{\u0022id\u0022:70,\u0022city_id\u0022:48,\u0022name\u0022:\u0022\\u041a\\u041e\\u041c\\u041e\\u0421-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (341) 293-39-44\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u043e\\u043c\\u043c\\u0443\\u043d\\u0430\\u0440\\u043e\\u0432 \\u0434 381\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0412\\u0440\\u0435\\u043c\\u044f \\u0440\\u0430\\u0431\\u043e\\u0442\\u044b \\u0430\\u0432\\u0442\\u043e\\u0441\\u0430\\u043b\\u043e\\u043d\\u0430:\\u003Cbr \\\/\\u003E\\r\\n\\u041f\\u043d - \\u041f\\u0442: 9:00 - 20:00 \\u0026nbsp; \\\/ \\u0026nbsp; C\\u0431 - \\u0412\\u0441: 9:00 - 18:00\\u003C\\\/p\\u003E\\r\\n\\r\\n\\u003Cp\\u003E\\u0412\\u0440\\u0435\\u043c\\u044f \\u0440\\u0430\\u0431\\u043e\\u0442\\u044b \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\\u0430:\\u003Cbr \\\/\\u003E\\r\\n\\u041f\\u043d - \\u041f\\u0442: 9:00 - 18:00 \\u0026nbsp; \\\/ \\u0026nbsp; C\\u0431 - \\u0412\\u0441: \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u043e\\u0439\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8667124,53.2167488]},{\u0022id\u0022:88,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u041b\\u0430\\u043a\\u0438 \\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (343) 228-38-33\u0022,\u0022address\u0022:\u0022\\u0411\\u0435\\u0431\\u0435\\u043b\\u044f, 115\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e, \\u0441 09.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.867331,60.548417]},{\u0022id\u0022:89,\u0022city_id\u0022:56,\u0022name\u0022:\u0022\\u041b\\u0415\\u041e\\u041d\u0022,\u0022phone\u0022:\u0022+7 (836) 223-20-15\u0022,\u0022address\u0022:\u0022\\u043f. \\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u0435\\u0432\\u043e, \\u0443\\u043b. \\u0427\\u0435\\u0445\\u043e\\u0432\\u0430 16\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u041f\\u0442 8:00 - 19:00 \\u0421\\u0431-\\u0412\\u0441 9:00 - 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.6377593,47.7741073]},{\u0022id\u0022:43,\u0022city_id\u0022:28,\u0022name\u0022:\u0022\\u041c\\u0435\\u0433\\u0430\\u043f\\u0430\\u0440\\u043a\u0022,\u0022phone\u0022:\u0022+7 (383) 200-35-85\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0412\\u0430\\u0442\\u0443\\u0442\\u0438\\u043d\\u0430, 46\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 21.00 \\u043e\\u0442\\u0434\\u0435\\u043b \\u043f\\u0440\\u043e\\u0434\\u0430\\u0436 \\u0441 7.30 \\u0434\\u043e 21.00 \\u043e\\u0442\\u0434\\u0435\\u043b \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\\u0430\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.9649978,82.9275647]},{\u0022id\u0022:54,\u0022city_id\u0022:36,\u0022name\u0022:\u0022\\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u044c \\u0410\\u0431\\u0430\\u043a\\u0430\\u043d\u0022,\u0022phone\u0022:\u0022+7 (390) 221-78-00\u0022,\u0022address\u0022:\u0022\\u0433. \\u0410\\u0431\\u0430\\u043a\\u0430\\u043d, \\u043a\\u0432. \\u041c\\u043e\\u043b\\u043e\\u0434\\u0435\\u0436\\u043d\\u044b\\u0439, 2\\u0412\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430 9:00-19:00 \\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 9:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.721152000000004,91.442396]},{\u0022id\u0022:77,\u0022city_id\u0022:37,\u0022name\u0022:\u0022\\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u044c \\u0422\\u043e\\u043c\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (382) 299-99-00\u0022,\u0022address\u0022:\u0022\\u0433. \\u0422\\u043e\\u043c\\u0441\\u043a, \\u0443\\u043b. \\u0415\\u043b\\u0438\\u0437\\u0430\\u0440\\u043e\\u0432\\u044b\\u0445, 82\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431: \\u0441 9:00 \\u0434\\u043e 19:00 \\u0432\\u0441. \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u043e\\u0439\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.484645,84.947649]},{\u0022id\u0022:59,\u0022city_id\u0022:40,\u0022name\u0022:\u0022\\u041c\\u0426 \\u0422\\u0430\\u043c\\u0431\\u043e\\u0432\u0022,\u0022phone\u0022:\u0022+7 (475) 255-95-65\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u0438\\u043a\\u0438\\u0432\\u0438\\u0434\\u0437\\u0435,83\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[52.723334,41.376133]},{\u0022id\u0022:2,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041c\\u041a\\u0410\\u0414 18\u0022,\u0022phone\u0022:\u0022+7 (495) 153-64-41\u0022,\u0022address\u0022:\u0022\\u041c\\u041a\\u0410\\u0414 18 \\u043a\\u043c.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.625894,37.799202]},{\u0022id\u0022:3,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041c\\u041a\\u0410\\u0414 47\u0022,\u0022phone\u0022:\u0022+7 (495) 127-87-46\u0022,\u0022address\u0022:\u0022\\u041c\\u041a\\u0410\\u0414 47 \\u043a\\u043c.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.653308,37.440366]},{\u0022id\u0022:1,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041d\\u043e\\u0432\\u043e\\u0440\\u0438\\u0436\\u0441\\u043a\\u0438\\u0439\u0022,\u0022phone\u0022:\u0022+7 (495) 126-26-04\u0022,\u0022address\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0440\\u0438\\u0436\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 9 \\u043a\\u043c \\u043e\\u0442 \\u041c\\u041a\\u0410\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.789799,37.256559]},{\u0022id\u0022:23,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041e\\u043b\\u0438\\u043c\\u043f\u0022,\u0022phone\u0022:\u0022+7 (812) 561-62-52\u0022,\u0022address\u0022:\u0022\\u0418\\u0441\\u043f\\u043e\\u043b\\u043a\\u043e\\u043c\\u0441\\u043a\\u0430\\u044f \\u0443\\u043b. 15 \\u043b\\u0438\\u0442 \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u0441 8: 00 \\u0434\\u043e 21:00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u043f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9:00 \\u0434\\u043e 21:00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.929244,30.382862]},{\u0022id\u0022:20,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u0422\\u0443\\u0448\\u0438\\u043d\\u043e\u0022,\u0022phone\u0022:\u0022+7 (495) 126-27-71\u0022,\u0022address\u0022:\u0022\\u0426\\u0432\\u0435\\u0442\\u043e\\u0447\\u043d\\u044b\\u0439 \\u043f\\u0440\\u043e\\u0435\\u0437\\u0434, \\u0434.6\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.841716,37.435381]},{\u0022id\u0022:100,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041d\\u0415\\u0417\\u0410\\u0412\\u0418\\u0421\\u0418\\u041c\\u041e\\u0421\\u0422\\u042c\u0022,\u0022phone\u0022:\u0022+7 499 229 99 44\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u0443\\u043b. \\u0418\\u0432\\u0430\\u043d\\u0430 \\u0424\\u0440\\u0430\\u043d\\u043a\\u043e, \\u0434. 10\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cmeta charset=\\u0022UTF-8\\u0022 \\\/\\u003E\\u0421 09:00 \\u0026ndash; 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.727896,37.448851]},{\u0022id\u0022:78,\u0022city_id\u0022:14,\u0022name\u0022:\u0022\\u041d\\u0438\\u0436\\u0435\\u0433\\u043e\\u0440\\u043e\\u0434\\u0435\\u0446 \\u041d\\u041d\u0022,\u0022phone\u0022:\u0022+7 (831) 211-76-82\u0022,\u0022address\u0022:\u0022\\u041a\\u043e\\u043c\\u0441\\u043e\\u043c\\u043e\\u043b\\u044c\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 14\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.3095266,43.8994472]},{\u0022id\u0022:73,\u0022city_id\u0022:10,\u0022name\u0022:\u0022\\u041d\\u0438\\u043a\\u0430 \\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (844) 255-21-21\u0022,\u0022address\u0022:\u0022\\u0433. \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434, \\u0443\\u043b.\\u0438\\u043c. \\u0417\\u0435\\u043c\\u043b\\u044f\\u0447\\u043a\\u0438, \\u0434. 41\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a - \\u0441\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430\\u0026nbsp;09:00 -\\u0026nbsp;18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[48.764842,44.51402]},{\u0022id\u0022:69,\u0022city_id\u0022:47,\u0022name\u0022:\u0022\\u041f\\u0440\\u0435\\u043c\\u044c\\u0435\\u0440 \\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (481) 270-77-04\u0022,\u0022address\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u0438\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 40\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a -\\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 9.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.7720006,31.981009]},{\u0022id\u0022:11,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u0412\\u044b\\u0441\\u043e\\u0446\\u043a\\u043e\\u0433\\u043e\u0022,\u0022phone\u0022:\u0022+7 (343) 286-60-00\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0412\\u043b\\u0430\\u0434\\u0438\\u043c\\u0438\\u0440\\u0430 \\u0412\\u044b\\u0441\\u043e\\u0446\\u043a\\u043e\\u0433\\u043e, 3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8435736,60.6710541]},{\u0022id\u0022:38,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u0413\\u0443\\u0440\\u0437\\u0443\\u0444\\u0441\\u043a\\u0430\\u044f\u0022,\u0022phone\u0022:\u0022+7 (343) 357-30-00\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0413\\u0443\\u0440\\u0437\\u0443\\u0444\\u0441\\u043a\\u0430\\u044f, 63\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8252112,60.5596405]},{\u0022id\u0022:12,\u0022city_id\u0022:8,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u041c\\u0430\\u0433\\u043d\\u0438\\u0442\\u043e\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (351) 949-04-20\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0417\\u0435\\u043b\\u0435\\u043d\\u044b\\u0439 \\u041b\\u043e\\u0433, 53\\u0430\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 - 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.407163,58.980291]},{\u0022id\u0022:85,\u0022city_id\u0022:55,\u0022name\u0022:\u0022\\u0420\\u0420\\u0422\u0022,\u0022phone\u0022:\u0022+7 (811) 259-14-28\u0022,\u0022address\u0022:\u0022\\u0420\\u0438\\u0436\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 100\\u0412\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0432\\u0441 09:00-21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.819274,28.33246]},{\u0022id\u0022:84,\u0022city_id\u0022:54,\u0022name\u0022:\u0022\\u0420\\u0420\\u0422 \\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (815) 255-48-65\u0022,\u0022address\u0022:\u0022\\u041a\\u043e\\u043b\\u044c\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 124\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0421 9:00 \\u0434\\u043e 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[68.921406,33.108101]},{\u0022id\u0022:63,\u0022city_id\u0022:43,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (818) 245-70-91\u0022,\u0022address\u0022:\u0022163002, \\u0433. \\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a, \\u0443\\u043b. \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044f\\u0442, \\u0434. 36\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[64.533558,40.600177]},{\u0022id\u0022:64,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u041f\\u0443\\u043b\\u043a\\u043e\\u0432\\u043e\u0022,\u0022phone\u0022:\u0022+7 (812) 250-37-94\u0022,\u0022address\u0022:\u0022196240, \\u0433. \\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433, \\u041f\\u0443\\u043b\\u043a\\u043e\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, \\u0434. 27, \\u043b\\u0438\\u0442. \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.815269,30.321599]},{\u0022id\u0022:65,\u0022city_id\u0022:44,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c\u0022,\u0022phone\u0022:\u0022+7 485) 260-72-19\u0022,\u0022address\u0022:\u0022150044, \\u0433. \\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c, \\u0443\\u043b. \\u041f\\u043e\\u043b\\u0443\\u0448\\u043a\\u0438\\u043d\\u0430 \\u0420\\u043e\\u0449\\u0430, \\u0434. 23\\u0430\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.661698,39.851072]},{\u0022id\u0022:67,\u0022city_id\u0022:46,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a\\u043c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (834) 222-32-32\u0022,\u0022address\u0022:\u0022\\u0420\\u0435\\u0441\\u043f\\u0443\\u0431\\u043b\\u0438\\u043a\\u0430 \\u041c\\u043e\\u0440\\u0434\\u043e\\u0432\\u0438\\u044f, \\u0433. \\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a, \\u0443\\u043b. \\u0421\\u0442\\u0440\\u043e\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u0430\\u044f, 4\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u0421\\u0431 08:00 - 20:00 \\u0412\\u0441 09:00 - 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.2044954,45.1700043]},{\u0022id\u0022:87,\u0022city_id\u0022:26,\u0022name\u0022:\u0022\\u0421\\u0430\\u0442\\u0443\\u0440\\u043d-\\u0420-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (342) 248-24-08\u0022,\u0022address\u0022:\u0022\\u0448\\u043e\\u0441\\u0441\\u0435 \\u041a\\u043e\\u0441\\u043c\\u043e\\u043d\\u0430\\u0432\\u0442\\u043e\\u0432, 368\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d - \\u0421\\u0431 09:00 - 21:00 \\u0412\\u0441 10:00 - 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.9444875,56.0710586]},{\u0022id\u0022:90,\u0022city_id\u0022:24,\u0022name\u0022:\u0022\\u0421\\u0438\\u043b\\u044c\\u0432\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7(351)-701-00-67\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0418\\u0433\\u0443\\u043c\\u0435\\u043d\\u043a\\u0430 173 \\u0441\\u0442\\u0440. 1\u0022,\u0022work_time\u0022:\u0022\\u003Cp style=\\u0022text-align:justify\\u0022\\u003E\\u0441 08-30 \\u0434\\u043e 21-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.0844,61.39419]},{\u0022id\u0022:80,\u0022city_id\u0022:51,\u0022name\u0022:\u0022\\u0421\\u0438\\u043b\\u044c\\u0432\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7 (352) 250-94-48\u0022,\u0022address\u0022:\u0022\\u043f\\u0440. \\u041c\\u0430\\u0440\\u0448\\u0430\\u043b\\u0430 \\u0413\\u043e\\u043b\\u0438\\u043a\\u043e\\u0432\\u0430, 22\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e 8.30 - 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.4787154,65.3152615]},{\u0022id\u0022:75,\u0022city_id\u0022:50,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\u0022,\u0022phone\u0022:\u0022+7 (835) 232-91-31\u0022,\u0022address\u0022:\u0022\\u041c\\u0430\\u0440\\u043f\\u043e\\u0441\\u0430\\u0434\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 19\\\/1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431: 08.00-20.00 \\u0432\\u0441: 09.00-17.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.128159,47.325046]},{\u0022id\u0022:76,\u0022city_id\u0022:22,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u041a\\u0430\\u0437\\u0430\\u043d\\u044c \\u0418\\u0431\\u0440\\u0430\\u0433\\u0438\\u043c\\u043e\\u0432\\u0430\u0022,\u0022phone\u0022:\u0022+7 (843) 210-32-41\u0022,\u0022address\u0022:\u0022\\u043f\\u0440\\u043e\\u0441\\u043f. \\u0418\\u0431\\u0440\\u0430\\u0433\\u0438\\u043c\\u043e\\u0432\\u0430, 48\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 08:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 09:00-19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.823232,49.093918]},{\u0022id\u0022:37,\u0022city_id\u0022:23,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u041d\\u0430\\u0431\\u0435\\u0440\\u0435\\u0436\\u043d\\u044b\\u0435 \\u0427\\u0435\\u043b\\u043d\\u044b\u0022,\u0022phone\u0022:\u0022+7 (855) 222-12-51\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0430\\u0448\\u0438\\u043d\\u043e\\u0441\\u0442\\u0440\\u043e\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u0430\\u044f, \\u0434. 1\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 09:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 10:00-19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.70917,52.395577]},{\u0022id\u0022:35,\u0022city_id\u0022:21,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u0423\\u0444\\u0430\u0022,\u0022phone\u0022:\u0022+7 (347) 200-85-82\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0430\\u0440\\u0448\\u0430\\u043b\\u0430 \\u0416\\u0443\\u043a\\u043e\\u0432\\u0430, \\u0434\\u043e\\u043c \\u211632\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 09:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 10:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.782609,56.074879]},{\u0022id\u0022:44,\u0022city_id\u0022:28,\u0022name\u0022:\u0022\\u0424\\u0410\\u0421\\u0422\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (383) 363-00-44\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0421\\u0442\\u0430\\u043d\\u0446\\u0438\\u043e\\u043d\\u043d\\u0430\\u044f, \\u0434\\u043e\\u043c 88\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.9974249,82.7553848]},{\u0022id\u0022:94,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0424\\u043e\\u0440\\u0441\\u0430\\u0436\u0022,\u0022phone\u0022:\u00228 812-347-77-12\u0022,\u0022address\u0022:\u0022194355, \\u0412\\u044b\\u0431\\u043e\\u0440\\u0433\\u0441\\u043a\\u043e\\u0435 \\u0448., 27, \\u043a\\u043e\\u0440\\u043f. 2\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[60.061861,30.305007]},{\u0022id\u0022:60,\u0022city_id\u0022:41,\u0022name\u0022:\u0022\\u0426\\u0435\\u043d\\u0442\\u0440 \\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022phone\u0022:\u0022+7 (353) 240-41-41\u0022,\u0022address\u0022:\u0022\\u0433.\\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433, \\u0417\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 13\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u043f\\u044f\\u0442\\u043d\\u0438\\u0446\\u0430: 9.00 \\u0434\\u043e 19.00 \\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430, \\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 : 10.00-18.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[51.768205,55.096964]},{\u0022id\u0022:8,\u0022city_id\u0022:4,\u0022name\u0022:\u0022\\u042e\\u0433-\\u0410\\u0432\\u0442\\u043e \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022phone\u0022:\u0022+7 (861) 203-19-08\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0414\\u0437\\u0435\\u0440\\u0436\\u0438\\u043d\\u0441\\u043a\\u043e\\u0433\\u043e, 102\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00 - 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.1037465,38.9833614]}]'),
value: '',
multiple: false,
placeholder: null,
watchSelect: 'city',
updateOptionsEndpoint: '\/internal\/dealer\/',
disabled: false,
})" tabindex="-1" class="" x-model="dealer" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Дилерский центр</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.dealer ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="dealer" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">GOOD CAR</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">LIVAN Гранд Групп</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Аванта</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АВД Премиум</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Авто-М</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоимпорт Рязань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоимпорт Тула</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автолига</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АвтоЛидер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автолоцман</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автополе</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоцентр АНТ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоцентр Сити Юг</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоэкспресс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АвтоЮг Ставрополь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Альфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Антикор Сервис</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Аргус - ГК Кабриолет</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Арконт</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АсАвто Самара Юг</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АЦ Кунцево</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Базис-Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Башавтоком</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Бета Онего</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Гедон-Трейд</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Гранада-Элит</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДАКАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЖЕЙКАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЦ Волгоградка</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЦ Шереметьево</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ИНКОМ-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">К-Ралли</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КЛЮЧАВТО Краснодар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КЛЮЧАВТО Ростов-на-Дону</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КОМОС-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Лаки Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ЛЕОН</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мегапарк</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Медведь Абакан</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Медведь Томск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">МЦ Тамбов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор МКАД 18</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор МКАД 47</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Новорижский</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Олимп</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Тушино</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">НЕЗАВИСИМОСТЬ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Нижегородец НН</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ника Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Премьер Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Высоцкого</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Гурзуфская</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Магнитогорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">РРТ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">РРТ Мурманск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Архангельск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Пулково</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Ярославль</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саранскмоторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сатурн-Р-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сильвер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сильвер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Казань Ибрагимова</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Набережные Челны</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Уфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ФАСТАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Форсаж</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Центр Оренбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Юг-Авто Краснодар</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.phone" style="display: none;"> Обязательное поле </span>
<div class="w-full space-y-1" x-data="inputPhone()">
<label class="text-xs mb-2" for="">Телефон</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="phone" name="phone"
x-bind:class="errors.phone ? '!border-red-500' : ''" inputmode="text">
</div>
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.agreement" style="display: none;"> Обязательное поле </span>
<div class="flex items-center cursor-pointer aria-disabled:cursor-default group max-w-full w-max " x-on:click="onClick" x-data="formCheckbox({})" aria-disabled="false">
<div class="border w-5 h-5 relative flex-shrink-0 focus:border-main rounded-sm outline-0 focus:shadow-input bg-white group-aria-disabled:bg-gray-light-10 border-gray-300" x-bind:class="{
'bg-white group-aria-disabled:bg-gray-light-10 border-gray-300': !value,
'bg-main group-aria-disabled:bg-main-40 border-main': value,
}" tabindex="0" x-on:keydown.space.prevent="onClick">
<svg x-show="value" class="w-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 stroke-current text-white" viewBox="0 0 14 10" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path d="M12.3332 1L4.99984 8.33333L1.6665 5" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<input x-model="agreement" name="agreement" aria-label="Согласие" x-bind:class="errors.agreement ? '!border-red-500' : ''" type="checkbox" class="hidden">
</div>
<div class="font-light text-sm ml-2">
<div class="border-b border-transparent">Я соглашаюсь с <a href="https://livan-motors.ru/agreement/" target="_blank" class="border-b border-gray/70 hover:text-main hover:border-main">условиями обработки персональных данных</a></div>
</div>
</div>
</div>
<button
class="rounded-sm cursor-pointer disabled:cursor-not-allowed aria-disabled:cursor-not-allowed text-center bg-black hover:bg-gray text-white disabled:bg-gray/50 aria-disabled:bg-gray/50 py-3 px-6 focus:border-main outline-0 focus:shadow-input w-full text-center"
type="submit"> Перезвоните мне </button>
</form><form x-on:submit.prevent="onSubmit" class="space-y-4">
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.name" style="display: none;"> Обязательное поле </span>
<div class="w-full space-y-1">
<label class="text-xs mb-2" for="">Имя</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="name" name="name"
x-bind:class="errors.name ? '!border-red-500' : ''">
</div>
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.phone" style="display: none;"> Обязательное поле </span>
<div class="w-full space-y-1" x-data="inputPhone()">
<label class="text-xs mb-2" for="">Телефон</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="phone" name="phone"
x-bind:class="errors.phone ? '!border-red-500' : ''" inputmode="text">
</div>
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.agreement" style="display: none;"> Обязательное поле </span>
<div class="flex items-center cursor-pointer aria-disabled:cursor-default group max-w-full w-max " x-on:click="onClick" x-data="formCheckbox({})" aria-disabled="false">
<div class="border w-5 h-5 relative flex-shrink-0 focus:border-main rounded-sm outline-0 focus:shadow-input bg-white group-aria-disabled:bg-gray-light-10 border-gray-300" x-bind:class="{
'bg-white group-aria-disabled:bg-gray-light-10 border-gray-300': !value,
'bg-main group-aria-disabled:bg-main-40 border-main': value,
}" tabindex="0" x-on:keydown.space.prevent="onClick">
<svg x-show="value" class="w-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 stroke-current text-white" viewBox="0 0 14 10" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path d="M12.3332 1L4.99984 8.33333L1.6665 5" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<input x-model="agreement" name="agreement" aria-label="Согласие" x-bind:class="errors.agreement ? '!border-red-500' : ''" type="checkbox" class="hidden">
</div>
<div class="font-light text-sm ml-2">
<div class="border-b border-transparent">Я соглашаюсь с <a href="https://livan-motors.ru/agreement/" target="_blank" class="border-b border-gray/70 hover:text-main hover:border-main">условиями обработки персональных данных</a></div>
</div>
</div>
</div>
<button
class="rounded-sm cursor-pointer disabled:cursor-not-allowed aria-disabled:cursor-not-allowed text-center bg-black hover:bg-gray text-white disabled:bg-gray/50 aria-disabled:bg-gray/50 py-3 px-6 focus:border-main outline-0 focus:shadow-input w-full text-center"
type="submit" x-text="$store.buyFormData.button">Перезвоните мне</button>
</form><form x-on:submit.prevent="onSubmit" class="space-y-4">
<div class="relative w-full ">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.city" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:36,\u0022name\u0022:\u0022\\u0410\\u0431\\u0430\\u043a\\u0430\\u043d\u0022,\u0022coords\u0022:[53.721152000000004,91.442396]},{\u0022id\u0022:43,\u0022name\u0022:\u0022\\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a\u0022,\u0022coords\u0022:[64.539911,40.515762]},{\u0022id\u0022:20,\u0022name\u0022:\u0022\\u0410\\u0441\\u0442\\u0440\\u0430\\u0445\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[46.347614,48.030178]},{\u0022id\u0022:32,\u0022name\u0022:\u0022\\u0411\\u0430\\u0440\\u043d\\u0430\\u0443\\u043b\u0022,\u0022coords\u0022:[53.346785,83.776856]},{\u0022id\u0022:57,\u0022name\u0022:\u0022\\u0412\\u0435\\u043b\\u0438\\u043a\\u0438\\u0439 \\u041d\\u043e\\u0432\\u0433\\u043e\\u0440\\u043e\\u0434\u0022,\u0022coords\u0022:[58.522857,31.269816]},{\u0022id\u0022:52,\u0022name\u0022:\u0022\\u0412\\u043b\\u0430\\u0434\\u0438\\u043c\\u0438\\u0440\u0022,\u0022coords\u0022:[56.129057,40.406635]},{\u0022id\u0022:10,\u0022name\u0022:\u0022\\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\u0022,\u0022coords\u0022:[48.707067,44.516975]},{\u0022id\u0022:42,\u0022name\u0022:\u0022\\u0412\\u043e\\u043b\\u043e\\u0433\\u0434\\u0430\u0022,\u0022coords\u0022:[59.220501,39.891523]},{\u0022id\u0022:6,\u0022name\u0022:\u0022\\u0412\\u043e\\u0440\\u043e\\u043d\\u0435\\u0436\u0022,\u0022coords\u0022:[51.660781,39.200296]},{\u0022id\u0022:7,\u0022name\u0022:\u0022\\u0415\\u043a\\u0430\\u0442\\u0435\\u0440\\u0438\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[56.838011,60.597465]},{\u0022id\u0022:53,\u0022name\u0022:\u0022\\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u043e\u0022,\u0022coords\u0022:[57.000353,40.97393]},{\u0022id\u0022:48,\u0022name\u0022:\u0022\\u0418\\u0436\\u0435\\u0432\\u0441\\u043a\u0022,\u0022coords\u0022:[56.852676,53.2069]},{\u0022id\u0022:56,\u0022name\u0022:\u0022\\u0419\\u043e\\u0448\\u043a\\u0430\\u0440-\\u041e\\u043b\\u0430\u0022,\u0022coords\u0022:[56.6316,47.886178]},{\u0022id\u0022:22,\u0022name\u0022:\u0022\\u041a\\u0430\\u0437\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[55.796127,49.106414]},{\u0022id\u0022:5,\u0022name\u0022:\u0022\\u041a\\u0435\\u043c\\u0435\\u0440\\u043e\\u0432\\u043e\u0022,\u0022coords\u0022:[55.355198,86.086847]},{\u0022id\u0022:33,\u0022name\u0022:\u0022\\u041a\\u0438\\u0440\\u043e\\u0432\u0022,\u0022coords\u0022:[58.603595,49.668023]},{\u0022id\u0022:4,\u0022name\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022coords\u0022:[45.03547,38.975313]},{\u0022id\u0022:31,\u0022name\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u044f\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[56.010569,92.852572]},{\u0022id\u0022:51,\u0022name\u0022:\u0022\\u041a\\u0443\\u0440\\u0433\\u0430\\u043d\u0022,\u0022coords\u0022:[55.441004,65.341118]},{\u0022id\u0022:17,\u0022name\u0022:\u0022\\u041a\\u0443\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[51.730846,36.193015]},{\u0022id\u0022:38,\u0022name\u0022:\u0022\\u041b\\u0438\\u043f\\u0435\\u0446\\u043a\u0022,\u0022coords\u0022:[52.608826,39.599229]},{\u0022id\u0022:8,\u0022name\u0022:\u0022\\u041c\\u0430\\u0433\\u043d\\u0438\\u0442\\u043e\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[53.407163,58.980291]},{\u0022id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430\u0022,\u0022coords\u0022:[55.755814,37.617635]},{\u0022id\u0022:54,\u0022name\u0022:\u0022\\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[68.970663,33.074918]},{\u0022id\u0022:23,\u0022name\u0022:\u0022\\u041d\\u0430\\u0431\\u0435\\u0440\\u0435\\u0436\\u043d\\u044b\\u0435 \\u0427\\u0435\\u043b\\u043d\\u044b\u0022,\u0022coords\u0022:[55.741272,52.403662]},{\u0022id\u0022:14,\u0022name\u0022:\u0022\\u041d\\u0438\\u0436\\u043d\\u0438\\u0439 \\u041d\\u043e\\u0432\\u0433\\u043e\\u0440\\u043e\\u0434\u0022,\u0022coords\u0022:[56.326797,44.006516]},{\u0022id\u0022:11,\u0022name\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0440\\u043e\\u0441\\u0441\\u0438\\u0439\\u0441\\u043a\u0022,\u0022coords\u0022:[44.723771,37.768804]},{\u0022id\u0022:28,\u0022name\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0441\\u0438\\u0431\\u0438\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[55.030204,82.92043]},{\u0022id\u0022:15,\u0022name\u0022:\u0022\\u041d\\u043e\\u0433\\u0438\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[55.854476,38.441866]},{\u0022id\u0022:27,\u0022name\u0022:\u0022\\u041e\\u043c\\u0441\\u043a\u0022,\u0022coords\u0022:[54.989347,73.368221]},{\u0022id\u0022:41,\u0022name\u0022:\u0022\\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[51.768205,55.096964]},{\u0022id\u0022:16,\u0022name\u0022:\u0022\\u041f\\u0435\\u043d\\u0437\\u0430\u0022,\u0022coords\u0022:[53.195042,45.018316]},{\u0022id\u0022:26,\u0022name\u0022:\u0022\\u041f\\u0435\\u0440\\u043c\\u044c\u0022,\u0022coords\u0022:[58.010455,56.229443]},{\u0022id\u0022:58,\u0022name\u0022:\u0022\\u041f\\u0435\\u0442\\u0440\\u043e\\u0437\\u0430\\u0432\\u043e\\u0434\\u0441\\u043a\u0022,\u0022coords\u0022:[61.785021,34.346878]},{\u0022id\u0022:55,\u0022name\u0022:\u0022\\u041f\\u0441\\u043a\\u043e\\u0432\u0022,\u0022coords\u0022:[57.819274,28.33246]},{\u0022id\u0022:13,\u0022name\u0022:\u0022\\u041f\\u044f\\u0442\\u0438\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[44.039802,43.070643]},{\u0022id\u0022:9,\u0022name\u0022:\u0022\\u0420\\u043e\\u0441\\u0442\\u043e\\u0432-\\u043d\\u0430-\\u0414\\u043e\\u043d\\u0443\u0022,\u0022coords\u0022:[47.222078,39.720349]},{\u0022id\u0022:30,\u0022name\u0022:\u0022\\u0420\\u044f\\u0437\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[54.629565,39.741917]},{\u0022id\u0022:18,\u0022name\u0022:\u0022\\u0421\\u0430\\u043c\\u0430\\u0440\\u0430\u0022,\u0022coords\u0022:[53.195878,50.100202]},{\u0022id\u0022:3,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[59.939095,30.315868]},{\u0022id\u0022:46,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[54.187433,45.183938]},{\u0022id\u0022:35,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u0442\\u043e\\u0432\u0022,\u0022coords\u0022:[51.533562,46.034266]},{\u0022id\u0022:47,\u0022name\u0022:\u0022\\u0421\\u043c\\u043e\\u043b\\u0435\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[54.782635,32.045287]},{\u0022id\u0022:12,\u0022name\u0022:\u0022\\u0421\\u0442\\u0430\\u0432\\u0440\\u043e\\u043f\\u043e\\u043b\\u044c\u0022,\u0022coords\u0022:[45.043311,41.96911]},{\u0022id\u0022:34,\u0022name\u0022:\u0022\\u0421\\u0443\\u0440\\u0433\\u0443\\u0442\u0022,\u0022coords\u0022:[61.241778,73.393032]},{\u0022id\u0022:60,\u0022name\u0022:\u0022\\u0421\\u044b\\u043a\\u0442\\u044b\\u0432\\u043a\\u0430\\u0440\u0022,\u0022coords\u0022:[61.668797,50.836497]},{\u0022id\u0022:40,\u0022name\u0022:\u0022\\u0422\\u0430\\u043c\\u0431\\u043e\\u0432\u0022,\u0022coords\u0022:[52.721295,41.45275]},{\u0022id\u0022:45,\u0022name\u0022:\u0022\\u0422\\u0432\\u0435\\u0440\\u044c\u0022,\u0022coords\u0022:[56.859625,35.91186]},{\u0022id\u0022:19,\u0022name\u0022:\u0022\\u0422\\u043e\\u043b\\u044c\\u044f\\u0442\\u0442\\u0438\u0022,\u0022coords\u0022:[53.507852,49.420411]},{\u0022id\u0022:37,\u0022name\u0022:\u0022\\u0422\\u043e\\u043c\\u0441\\u043a\u0022,\u0022coords\u0022:[56.484645,84.947649]},{\u0022id\u0022:29,\u0022name\u0022:\u0022\\u0422\\u0443\\u043b\\u0430\u0022,\u0022coords\u0022:[54.193122,37.617348]},{\u0022id\u0022:25,\u0022name\u0022:\u0022\\u0422\\u044e\\u043c\\u0435\\u043d\\u044c\u0022,\u0022coords\u0022:[57.152985,65.541227]},{\u0022id\u0022:21,\u0022name\u0022:\u0022\\u0423\\u0444\\u0430\u0022,\u0022coords\u0022:[54.735152,55.958736]},{\u0022id\u0022:49,\u0022name\u0022:\u0022\\u0425\\u0438\\u043c\\u043a\\u0438\u0022,\u0022coords\u0022:[55.889361,37.444853]},{\u0022id\u0022:50,\u0022name\u0022:\u0022\\u0427\\u0435\\u0431\\u043e\\u043a\\u0441\\u0430\\u0440\\u044b\u0022,\u0022coords\u0022:[56.139918,47.247728]},{\u0022id\u0022:24,\u0022name\u0022:\u0022\\u0427\\u0435\\u043b\\u044f\\u0431\\u0438\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[55.159902,61.402554]},{\u0022id\u0022:59,\u0022name\u0022:\u0022\\u042d\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\u0022,\u0022coords\u0022:[51.4839,46.1053]},{\u0022id\u0022:44,\u0022name\u0022:\u0022\\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c\u0022,\u0022coords\u0022:[57.626559,39.893813]}]'),
value: '',
multiple: false,
placeholder: null,
watchSelect: null,
updateOptionsEndpoint: null,
disabled: false,
})" tabindex="-1" class="" x-model="city" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Город</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.city ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="city" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Абакан</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Архангельск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Астрахань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Барнаул</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Великий Новгород</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Владимир</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Волгоград</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Вологда</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Воронеж</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Екатеринбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Иваново</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ижевск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Йошкар-Ола</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Казань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Кемерово</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Киров</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Краснодар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Красноярск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Курган</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Курск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Липецк</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Магнитогорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Москва</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мурманск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Набережные Челны</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Нижний Новгород</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Новороссийск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Новосибирск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ногинск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Омск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Оренбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пенза</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пермь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Петрозаводск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Псков</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пятигорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ростов-на-Дону</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Рязань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Самара</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санкт-Петербург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саранск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саратов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Смоленск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ставрополь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сургут</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сыктывкар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тамбов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тверь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тольятти</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Томск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тула</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тюмень</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Уфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Химки</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Чебоксары</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Челябинск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Энгельс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ярославль</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative w-full ">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.dealer" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:95,\u0022city_id\u0022:59,\u0022name\u0022:\u0022GOOD CAR\u0022,\u0022phone\u0022:\u0022+7 (845) 225-08-08\u0022,\u0022address\u0022:\u0022\\u042d\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441, \\u0421\\u0442\\u0435\\u043f\\u043d\\u0430\\u044f 124 \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 09.00 \\u0434\\u043e 19.00 \\u0431\\u0435\\u0437 \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0445\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[51.48329,46.125822]},{\u0022id\u0022:102,\u0022city_id\u0022:2,\u0022name\u0022:\u0022LIVAN \\u0413\\u0440\\u0430\\u043d\\u0434 \\u0413\\u0440\\u0443\\u043f\\u043f\u0022,\u0022phone\u0022:\u0022+7 (495) 120-53-83\u0022,\u0022address\u0022:\u0022\\u0420\\u0435\\u0443\\u0442\\u043e\\u0432 \\u0443\\u043b. \\u041f\\u043e\\u0431\\u0435\\u0434\\u044b 31\\u0430\u0022,\u0022work_time\u0022:\u0022\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9-00 \\u0434\\u043e 21-00\u0022,\u0022coords\u0022:[55.765924,37.847945]},{\u0022id\u0022:103,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0430\\u043d\\u0442\\u0430\u0022,\u0022phone\u0022:\u0022+7 (495) 445-55-90\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0431\\u043e\\u0433\\u0430\\u0442\\u044b\\u0440\\u0441\\u043a\\u0430\\u044f 89\\u04411.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cspan style=\\u0022font-size:11.0pt\\u0022\\u003E\\u003Cspan style=\\u0022font-family:\\u0026quot;Calibri\\u0026quot;,sans-serif\\u0022\\u003E\\u0026nbsp;9:00 - 20:00 \\u0415\\u003C\\\/span\\u003E\\u003C\\\/span\\u003E\\u003Cspan style=\\u0022font-size:11.0pt\\u0022\\u003E\\u003Cspan style=\\u0022font-family:\\u0026quot;Calibri\\u0026quot;,sans-serif\\u0022\\u003E\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/span\\u003E\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.800797,37.71389]},{\u0022id\u0022:51,\u0022city_id\u0022:33,\u0022name\u0022:\u0022\\u0410\\u0412\\u0414 \\u041f\\u0440\\u0435\\u043c\\u0438\\u0443\\u043c\u0022,\u0022phone\u0022:\u0022+7 (833) 222-29-99\u0022,\u0022address\u0022:\u0022\\u0433. \\u041a\\u0438\\u0440\\u043e\\u0432, \\u0443\\u043b. \\u041a\\u0430\\u0440\\u043b\\u0430 \\u041c\\u0430\\u0440\\u043a\\u0441\\u0430, 4\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[58.6188247,49.6626727]},{\u0022id\u0022:91,\u0022city_id\u0022:57,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e-\\u041c\u0022,\u0022phone\u0022:\u0022+7 (816) 250-07-17\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0411. \\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433\\u0441\\u043a\\u0430\\u044f, 173\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[58.57459,31.285312]},{\u0022id\u0022:61,\u0022city_id\u0022:30,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0438\\u043c\\u043f\\u043e\\u0440\\u0442 \\u0420\\u044f\\u0437\\u0430\\u043d\\u044c\u0022,\u0022phone\u0022:\u0022+7 (491) 250-02-15\u0022,\u0022address\u0022:\u0022\\u041a\\u0443\\u0439\\u0431\\u044b\\u0448\\u0435\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 42\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.581589,39.775128]},{\u0022id\u0022:45,\u0022city_id\u0022:29,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0438\\u043c\\u043f\\u043e\\u0440\\u0442 \\u0422\\u0443\\u043b\\u0430\u0022,\u0022phone\u0022:\u0022+7 (4872) 570-075\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044c\\u0441\\u043a\\u0430\\u044f, \\u0434.309\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:00 \\u0026ndash; 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.245203,37.616962]},{\u0022id\u0022:25,\u0022city_id\u0022:14,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043b\\u0438\\u0433\\u0430\u0022,\u0022phone\u0022:\u0022+7 (831) 220-00-50\u0022,\u0022address\u0022:\u0022\\u041e\\u0448\\u0430\\u0440\\u0441\\u043a\\u0430\\u044f, 95\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 09:00 \\u0434\\u043e 19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.30444,44.021842]},{\u0022id\u0022:97,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u041b\\u0438\\u0434\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7 (499) 213-13-31\u0022,\u0022address\u0022:\u0022\\u0412\\u0430\\u0440\\u0448\\u0430\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 91 \\u0441 5\u0022,\u0022work_time\u0022:\u002209:00-21:00\u0022,\u0022coords\u0022:[55.6506331,37.6207551]},{\u0022id\u0022:28,\u0022city_id\u0022:16,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043b\\u043e\\u0446\\u043c\\u0430\\u043d\u0022,\u0022phone\u0022:\u0022+7 (841) 250-56-43\u0022,\u0022address\u0022:\u0022\\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 \\u041f\\u043e\\u0431\\u0435\\u0434\\u044b, 53\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u0441\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430 09:00-19:00 \\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 09:00-17:00\\u003C\\\/p\\u003E\\r\\n\\u003Cscript id=\\u0022xverse-wallet-provider\\u0022 src=\\u0022chrome-extension:\\\/\\\/idnnbdplmphpflfnlkomgpfbpcgelopg\\\/inpage.js\\u0022\\u003E\\u003C\\\/script\\u003E\\u003Cscript id=\\u0022xverse-wallet-provider\\u0022 src=\\u0022chrome-extension:\\\/\\\/idnnbdplmphpflfnlkomgpfbpcgelopg\\\/inpage.js\\u0022\\u003E\\u003C\\\/script\\u003E\u0022,\u0022coords\u0022:[53.2204815,44.9760658]},{\u0022id\u0022:24,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043f\\u043e\\u043b\\u0435\u0022,\u0022phone\u0022:\u0022+7 (812) 561-60-98\u0022,\u0022address\u0022:\u0022\\u041a\\u0443\\u0434\\u0440\\u043e\\u0432\\u043e, \\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 5\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e 09:00-22:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.897293,30.522022]},{\u0022id\u0022:50,\u0022city_id\u0022:32,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0446\\u0435\\u043d\\u0442\\u0440 \\u0410\\u041d\\u0422\u0022,\u0022phone\u0022:\u0022+7 (385) 228-22-22\u0022,\u0022address\u0022:\u0022\\u041f\\u0430\\u0432\\u043b\\u043e\\u0432\\u0441\\u043a\\u0438\\u0439 \\u0442\\u0440\\u0430\\u043a\\u0442, 249\\u0435\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0411\\u0443\\u0434\\u043d\\u0438 \\u0441 8.00 \\u0434\\u043e 19.00 \\u0412\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0435 \\u0441 9.00 \\u0434\\u043e 17.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.342043,83.688327]},{\u0022id\u0022:96,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0446\\u0435\\u043d\\u0442\\u0440 \\u0421\\u0438\\u0442\\u0438 \\u042e\\u0433\u0022,\u0022phone\u0022:\u0022+7 (495) 660-04-00\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u043f\\u043e\\u0441\\u0435\\u043b\\u043e\\u043a \\u0420\\u0430\\u0437\\u0432\\u0438\\u043b\\u043a\\u0430, \\u041c\\u041a\\u0410\\u0414, 22-\\u0439 \\u043a\\u0438\\u043b\\u043e\\u043c\\u0435\\u0442\\u0440, \\u0432\\u043b3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431 8:00-21:00, \\u0432\\u0441 8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.598492,37.747873]},{\u0022id\u0022:83,\u0022city_id\u0022:53,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u044d\\u043a\\u0441\\u043f\\u0440\\u0435\\u0441\\u0441\u0022,\u0022phone\u0022:\u0022+7 (493) 247-20-00\u0022,\u0022address\u0022:\u0022\\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u043e, \\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u0441\\u043a\\u0438\\u0439 \\u0440\\u0430\\u0439\\u043e\\u043d, \\u0434. \\u041a\\u043e\\u043b\\u044f\\u043d\\u043e\\u0432\\u043e, \\u0443\\u043b. \\u0417\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u0430\\u044f, 26, \\u0441\\u0442\\u04401.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00 - 19:00,\\u0026nbsp; \\u0412\\u0441. 9:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.9479916,40.9660208]},{\u0022id\u0022:16,\u0022city_id\u0022:12,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u042e\\u0433 \\u0421\\u0442\\u0430\\u0432\\u0440\\u043e\\u043f\\u043e\\u043b\\u044c\u0022,\u0022phone\u0022:\u0022+7 (865) 250-03-43\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044c\\u0441\\u043a\\u0430\\u044f, 204\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a - \\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 9:00 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.0787068,41.939198]},{\u0022id\u0022:32,\u0022city_id\u0022:18,\u0022name\u0022:\u0022\\u0410\\u043b\\u044c\\u0444\\u0430\u0022,\u0022phone\u0022:\u0022+7 (846) 977-77-72\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041d\\u043e\\u0432\\u043e-\\u0423\\u0440\\u0438\\u0446\\u043a\\u0430\\u044f, \\u0434. 22\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08:00 \\u0434\\u043e 20:00 \\u0431\\u0435\\u0437 \\u043f\\u0435\\u0440\\u0435\\u0440\\u044b\\u0432\\u043e\\u0432 \\u0438 \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0445\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.1842408,50.1514795]},{\u0022id\u0022:42,\u0022city_id\u0022:27,\u0022name\u0022:\u0022\\u0410\\u043d\\u0442\\u0438\\u043a\\u043e\\u0440 \\u0421\\u0435\\u0440\\u0432\\u0438\\u0441\u0022,\u0022phone\u0022:\u0022+7 (381) 229-19-11\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0435\\u043b\\u044c\\u043d\\u0438\\u0447\\u043d\\u0430\\u044f, 132\\\/1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0432\\u0441 , \\u0441 9.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.899861,73.304719]},{\u0022id\u0022:98,\u0022city_id\u0022:42,\u0022name\u0022:\u0022\\u0410\\u0440\\u0433\\u0443\\u0441 - \\u0413\\u041a \\u041a\\u0430\\u0431\\u0440\\u0438\\u043e\\u043b\\u0435\\u0442\u0022,\u0022phone\u0022:\u0022+7(8172) 509-506\u0022,\u0022address\u0022:\u0022\\u0421\\u043e\\u0432\\u0435\\u0442\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 87\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 19.00 \\u0441 \\u041f\\u041d.-\\u0412\\u0421. \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e, \\u0431\\u0435\\u0437 \\u043f\\u0435\\u0440\\u0435\\u0440\\u044b\\u0432\\u043e\\u0432\\u0026nbsp;\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.205766,39.920745]},{\u0022id\u0022:81,\u0022city_id\u0022:10,\u0022name\u0022:\u0022\\u0410\\u0440\\u043a\\u043e\\u043d\\u0442\u0022,\u0022phone\u0022:\u0022+7 (844) 220-56-31\u0022,\u0022address\u0022:\u0022\\u0412\\u0438\\u043b\\u044c\\u043d\\u044e\\u0441\\u0441\\u043a\\u0430\\u044f \\u0443\\u043b., 42\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08.00-20.00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[48.814325,44.6022208]},{\u0022id\u0022:68,\u0022city_id\u0022:18,\u0022name\u0022:\u0022\\u0410\\u0441\\u0410\\u0432\\u0442\\u043e \\u0421\\u0430\\u043c\\u0430\\u0440\\u0430 \\u042e\\u0433\u0022,\u0022phone\u0022:\u0022+7 (846) 211-51-36\u0022,\u0022address\u0022:\u0022\\u042e\\u0436\\u043d\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 10\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9:00 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.141017,50.181087]},{\u0022id\u0022:18,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0426 \\u041a\\u0443\\u043d\\u0446\\u0435\\u0432\\u043e\u0022,\u0022phone\u0022:\u00227 (495) 846-85-06\u0022,\u0022address\u0022:\u0022\\u0413\\u043e\\u0440\\u0431\\u0443\\u043d\\u043e\\u0432\\u0430, 14\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:30 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.7260113,37.3746483]},{\u0022id\u0022:40,\u0022city_id\u0022:25,\u0022name\u0022:\u0022\\u0411\\u0430\\u0437\\u0438\\u0441-\\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (345) 266-21-52\u0022,\u0022address\u0022:\u0022\\u0433. \\u0422\\u044e\\u043c\\u0435\\u043d\\u044c, \\u0443\\u043b. \\u041f\\u0435\\u0440\\u043c\\u044f\\u043a\\u043e\\u0432\\u0430 ,19\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 08:30 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.1209298,65.5831922]},{\u0022id\u0022:93,\u0022city_id\u0022:21,\u0022name\u0022:\u0022\\u0411\\u0430\\u0448\\u0430\\u0432\\u0442\\u043e\\u043a\\u043e\\u043c\u0022,\u0022phone\u0022:\u0022+7 (347) 292-39-26\u0022,\u0022address\u0022:\u0022\\u0423\\u043b. \\u0420\\u0443\\u0431\\u0435\\u0436\\u043d\\u0430\\u044f, 168\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 09.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.6673557,55.9314831]},{\u0022id\u0022:92,\u0022city_id\u0022:58,\u0022name\u0022:\u0022\\u0411\\u0435\\u0442\\u0430 \\u041e\\u043d\\u0435\\u0433\\u043e\u0022,\u0022phone\u0022:\u0022+7 (8142) 55-90-48\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041b\\u044b\\u0436\\u043d\\u0430\\u044f, \\u0434.3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00 \\u0026ndash; 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[61.768722,34.390716]},{\u0022id\u0022:29,\u0022city_id\u0022:9,\u0022name\u0022:\u0022\\u0413\\u0435\\u0434\\u043e\\u043d-\\u0422\\u0440\\u0435\\u0439\\u0434\u0022,\u0022phone\u0022:\u0022+7 (863) 204-44-20\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0412\\u0430\\u0432\\u0438\\u043b\\u043e\\u0432\\u0430, 67\\u041c\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[47.2753554,39.6857297]},{\u0022id\u0022:47,\u0022city_id\u0022:31,\u0022name\u0022:\u0022\\u0413\\u0440\\u0430\\u043d\\u0430\\u0434\\u0430-\\u042d\\u043b\\u0438\\u0442\u0022,\u0022phone\u0022:\u0022+7 (391) 219-99-50\u0022,\u0022address\u0022:\u0022\\u041c\\u0430\\u0435\\u0440\\u0447\\u0430\\u043a\\u0430 109\\u043b\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0026nbsp;\\u0441 10 \\u0434\\u043e 19\\u0026nbsp;\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.0464934,92.8347731]},{\u0022id\u0022:86,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0414\\u0410\\u041a\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (812) 416-93-16\u0022,\u0022address\u0022:\u0022\\u0422\\u0430\\u043b\\u043b\\u0438\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 202\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0432 09:00 \\u0434\\u043e 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.806016,30.165753]},{\u0022id\u0022:82,\u0022city_id\u0022:52,\u0022name\u0022:\u0022\\u0414\\u0416\\u0415\\u0419\\u041a\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (492) 243-41-49\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0411\\u043e\\u043b\\u044c\\u0448\\u0430\\u044f \\u041d\\u0438\\u0436\\u0435\\u0433\\u043e\\u0440\\u043e\\u0434\\u0441\\u043a\\u0430\\u044f, \\u0434.95 \\u0412, \\u043a\\u043e\\u0440\\u043f. 1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u041f\\u044f\\u0442\\u043d\\u0438\\u0446\\u0430 \\u0441 08:00 \\u0434\\u043e 20:00 \\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430-\\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 08:00 \\u0434\\u043e 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.1513047,40.4538633]},{\u0022id\u0022:49,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0414\\u0426 \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\\u043a\\u0430\u0022,\u0022phone\u0022:\u0022+7 (495) 881-00-56\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442, \\u0434.32, \\u043a.7\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00 \\u0434\\u043e 21:00 \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 09:00 \\u0434\\u043e 21:00 \\u041e\\u041f\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.721158,37.698178]},{\u0022id\u0022:22,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0414\\u0426 \\u0428\\u0435\\u0440\\u0435\\u043c\\u0435\\u0442\\u044c\\u0435\\u0432\\u043e\u0022,\u0022phone\u0022:\u0022+7 (495) 881-00-55\u0022,\u0022address\u0022:\u0022\\u0425\\u0438\\u043c\\u043a\\u0438, \\u041b\\u0435\\u043d\\u0438\\u043d\\u0433\\u0440\\u0430\\u0434\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, \\u0441\\u0442\\u0440\\u043e\\u0435\\u043d\\u0438\\u0435 21\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:00 \\u0434\\u043e 21:00 \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 09:00 \\u0434\\u043e 21:00 \\u041e\\u041f\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.906602,37.410834]},{\u0022id\u0022:101,\u0022city_id\u0022:60,\u0022name\u0022:\u0022\\u0418\\u041d\\u041a\\u041e\\u041c-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 8212 51 33 33\u0022,\u0022address\u0022:\u0022167000, \\u0421\\u044b\\u0441\\u043e\\u043b\\u044c\\u0441\\u043a\\u043e\\u0435 \\u0448. 39\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cmeta charset=\\u0022UTF-8\\u0022 \\\/\\u003E08.00 \\u0434\\u043e 20.00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[61.640126,50.817525]},{\u0022id\u0022:99,\u0022city_id\u0022:11,\u0022name\u0022:\u0022\\u041a-\\u0420\\u0430\\u043b\\u043b\\u0438\u0022,\u0022phone\u0022:\u0022+7 (861) 238-15-58\u0022,\u0022address\u0022:\u0022\\u041b\\u0443\\u043d\\u0430\\u0447\\u0430\\u0440\\u0441\\u043a\\u043e\\u0433\\u043e 20\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u041f\\u0442: 09:00-19:00\\u003Cbr \\\/\\u003E\\r\\n\\u0421\\u0431:\\u0026nbsp;09:00-18:00\\u003C\\\/p\\u003E\\r\\n\\r\\n\\u003Cp\\u003E\\u0412\\u0441: 10:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[44.7279908,37.7400316]},{\u0022id\u0022:7,\u0022city_id\u0022:4,\u0022name\u0022:\u0022\\u041a\\u041b\\u042e\\u0427\\u0410\\u0412\\u0422\\u041e \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022phone\u0022:\u0022+7 (861) 998-22-22\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0410\\u044d\\u0440\\u043e\\u043f\\u043e\\u0440\\u0442\\u043e\\u0432\\u0441\\u043a\\u0430\\u044f 4\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8.00-20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.027323,39.131052]},{\u0022id\u0022:13,\u0022city_id\u0022:9,\u0022name\u0022:\u0022\\u041a\\u041b\\u042e\\u0427\\u0410\\u0412\\u0422\\u041e \\u0420\\u043e\\u0441\\u0442\\u043e\\u0432-\\u043d\\u0430-\\u0414\\u043e\\u043d\\u0443\u0022,\u0022phone\u0022:\u0022+7 (863) 206-82-06\u0022,\u0022address\u0022:\u0022\\u0410\\u043a\\u0441\\u0430\\u0439, \\u0410\\u043a\\u0441\\u0430\\u0439\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442, 13\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8.00-20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[47.222078,39.720349]},{\u0022id\u0022:70,\u0022city_id\u0022:48,\u0022name\u0022:\u0022\\u041a\\u041e\\u041c\\u041e\\u0421-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (341) 293-39-44\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u043e\\u043c\\u043c\\u0443\\u043d\\u0430\\u0440\\u043e\\u0432 \\u0434 381\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0412\\u0440\\u0435\\u043c\\u044f \\u0440\\u0430\\u0431\\u043e\\u0442\\u044b \\u0430\\u0432\\u0442\\u043e\\u0441\\u0430\\u043b\\u043e\\u043d\\u0430:\\u003Cbr \\\/\\u003E\\r\\n\\u041f\\u043d - \\u041f\\u0442: 9:00 - 20:00 \\u0026nbsp; \\\/ \\u0026nbsp; C\\u0431 - \\u0412\\u0441: 9:00 - 18:00\\u003C\\\/p\\u003E\\r\\n\\r\\n\\u003Cp\\u003E\\u0412\\u0440\\u0435\\u043c\\u044f \\u0440\\u0430\\u0431\\u043e\\u0442\\u044b \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\\u0430:\\u003Cbr \\\/\\u003E\\r\\n\\u041f\\u043d - \\u041f\\u0442: 9:00 - 18:00 \\u0026nbsp; \\\/ \\u0026nbsp; C\\u0431 - \\u0412\\u0441: \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u043e\\u0439\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8667124,53.2167488]},{\u0022id\u0022:88,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u041b\\u0430\\u043a\\u0438 \\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (343) 228-38-33\u0022,\u0022address\u0022:\u0022\\u0411\\u0435\\u0431\\u0435\\u043b\\u044f, 115\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e, \\u0441 09.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.867331,60.548417]},{\u0022id\u0022:89,\u0022city_id\u0022:56,\u0022name\u0022:\u0022\\u041b\\u0415\\u041e\\u041d\u0022,\u0022phone\u0022:\u0022+7 (836) 223-20-15\u0022,\u0022address\u0022:\u0022\\u043f. \\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u0435\\u0432\\u043e, \\u0443\\u043b. \\u0427\\u0435\\u0445\\u043e\\u0432\\u0430 16\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u041f\\u0442 8:00 - 19:00 \\u0421\\u0431-\\u0412\\u0441 9:00 - 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.6377593,47.7741073]},{\u0022id\u0022:43,\u0022city_id\u0022:28,\u0022name\u0022:\u0022\\u041c\\u0435\\u0433\\u0430\\u043f\\u0430\\u0440\\u043a\u0022,\u0022phone\u0022:\u0022+7 (383) 200-35-85\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0412\\u0430\\u0442\\u0443\\u0442\\u0438\\u043d\\u0430, 46\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 21.00 \\u043e\\u0442\\u0434\\u0435\\u043b \\u043f\\u0440\\u043e\\u0434\\u0430\\u0436 \\u0441 7.30 \\u0434\\u043e 21.00 \\u043e\\u0442\\u0434\\u0435\\u043b \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\\u0430\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.9649978,82.9275647]},{\u0022id\u0022:54,\u0022city_id\u0022:36,\u0022name\u0022:\u0022\\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u044c \\u0410\\u0431\\u0430\\u043a\\u0430\\u043d\u0022,\u0022phone\u0022:\u0022+7 (390) 221-78-00\u0022,\u0022address\u0022:\u0022\\u0433. \\u0410\\u0431\\u0430\\u043a\\u0430\\u043d, \\u043a\\u0432. \\u041c\\u043e\\u043b\\u043e\\u0434\\u0435\\u0436\\u043d\\u044b\\u0439, 2\\u0412\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430 9:00-19:00 \\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 9:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.721152000000004,91.442396]},{\u0022id\u0022:77,\u0022city_id\u0022:37,\u0022name\u0022:\u0022\\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u044c \\u0422\\u043e\\u043c\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (382) 299-99-00\u0022,\u0022address\u0022:\u0022\\u0433. \\u0422\\u043e\\u043c\\u0441\\u043a, \\u0443\\u043b. \\u0415\\u043b\\u0438\\u0437\\u0430\\u0440\\u043e\\u0432\\u044b\\u0445, 82\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431: \\u0441 9:00 \\u0434\\u043e 19:00 \\u0432\\u0441. \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u043e\\u0439\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.484645,84.947649]},{\u0022id\u0022:59,\u0022city_id\u0022:40,\u0022name\u0022:\u0022\\u041c\\u0426 \\u0422\\u0430\\u043c\\u0431\\u043e\\u0432\u0022,\u0022phone\u0022:\u0022+7 (475) 255-95-65\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u0438\\u043a\\u0438\\u0432\\u0438\\u0434\\u0437\\u0435,83\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[52.723334,41.376133]},{\u0022id\u0022:2,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041c\\u041a\\u0410\\u0414 18\u0022,\u0022phone\u0022:\u0022+7 (495) 153-64-41\u0022,\u0022address\u0022:\u0022\\u041c\\u041a\\u0410\\u0414 18 \\u043a\\u043c.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.625894,37.799202]},{\u0022id\u0022:3,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041c\\u041a\\u0410\\u0414 47\u0022,\u0022phone\u0022:\u0022+7 (495) 127-87-46\u0022,\u0022address\u0022:\u0022\\u041c\\u041a\\u0410\\u0414 47 \\u043a\\u043c.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.653308,37.440366]},{\u0022id\u0022:1,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041d\\u043e\\u0432\\u043e\\u0440\\u0438\\u0436\\u0441\\u043a\\u0438\\u0439\u0022,\u0022phone\u0022:\u0022+7 (495) 126-26-04\u0022,\u0022address\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0440\\u0438\\u0436\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 9 \\u043a\\u043c \\u043e\\u0442 \\u041c\\u041a\\u0410\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.789799,37.256559]},{\u0022id\u0022:23,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041e\\u043b\\u0438\\u043c\\u043f\u0022,\u0022phone\u0022:\u0022+7 (812) 561-62-52\u0022,\u0022address\u0022:\u0022\\u0418\\u0441\\u043f\\u043e\\u043b\\u043a\\u043e\\u043c\\u0441\\u043a\\u0430\\u044f \\u0443\\u043b. 15 \\u043b\\u0438\\u0442 \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u0441 8: 00 \\u0434\\u043e 21:00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u043f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9:00 \\u0434\\u043e 21:00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.929244,30.382862]},{\u0022id\u0022:20,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u0422\\u0443\\u0448\\u0438\\u043d\\u043e\u0022,\u0022phone\u0022:\u0022+7 (495) 126-27-71\u0022,\u0022address\u0022:\u0022\\u0426\\u0432\\u0435\\u0442\\u043e\\u0447\\u043d\\u044b\\u0439 \\u043f\\u0440\\u043e\\u0435\\u0437\\u0434, \\u0434.6\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.841716,37.435381]},{\u0022id\u0022:100,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041d\\u0415\\u0417\\u0410\\u0412\\u0418\\u0421\\u0418\\u041c\\u041e\\u0421\\u0422\\u042c\u0022,\u0022phone\u0022:\u0022+7 499 229 99 44\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u0443\\u043b. \\u0418\\u0432\\u0430\\u043d\\u0430 \\u0424\\u0440\\u0430\\u043d\\u043a\\u043e, \\u0434. 10\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cmeta charset=\\u0022UTF-8\\u0022 \\\/\\u003E\\u0421 09:00 \\u0026ndash; 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.727896,37.448851]},{\u0022id\u0022:78,\u0022city_id\u0022:14,\u0022name\u0022:\u0022\\u041d\\u0438\\u0436\\u0435\\u0433\\u043e\\u0440\\u043e\\u0434\\u0435\\u0446 \\u041d\\u041d\u0022,\u0022phone\u0022:\u0022+7 (831) 211-76-82\u0022,\u0022address\u0022:\u0022\\u041a\\u043e\\u043c\\u0441\\u043e\\u043c\\u043e\\u043b\\u044c\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 14\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.3095266,43.8994472]},{\u0022id\u0022:73,\u0022city_id\u0022:10,\u0022name\u0022:\u0022\\u041d\\u0438\\u043a\\u0430 \\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (844) 255-21-21\u0022,\u0022address\u0022:\u0022\\u0433. \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434, \\u0443\\u043b.\\u0438\\u043c. \\u0417\\u0435\\u043c\\u043b\\u044f\\u0447\\u043a\\u0438, \\u0434. 41\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a - \\u0441\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430\\u0026nbsp;09:00 -\\u0026nbsp;18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[48.764842,44.51402]},{\u0022id\u0022:69,\u0022city_id\u0022:47,\u0022name\u0022:\u0022\\u041f\\u0440\\u0435\\u043c\\u044c\\u0435\\u0440 \\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (481) 270-77-04\u0022,\u0022address\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u0438\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 40\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a -\\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 9.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.7720006,31.981009]},{\u0022id\u0022:11,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u0412\\u044b\\u0441\\u043e\\u0446\\u043a\\u043e\\u0433\\u043e\u0022,\u0022phone\u0022:\u0022+7 (343) 286-60-00\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0412\\u043b\\u0430\\u0434\\u0438\\u043c\\u0438\\u0440\\u0430 \\u0412\\u044b\\u0441\\u043e\\u0446\\u043a\\u043e\\u0433\\u043e, 3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8435736,60.6710541]},{\u0022id\u0022:38,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u0413\\u0443\\u0440\\u0437\\u0443\\u0444\\u0441\\u043a\\u0430\\u044f\u0022,\u0022phone\u0022:\u0022+7 (343) 357-30-00\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0413\\u0443\\u0440\\u0437\\u0443\\u0444\\u0441\\u043a\\u0430\\u044f, 63\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8252112,60.5596405]},{\u0022id\u0022:12,\u0022city_id\u0022:8,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u041c\\u0430\\u0433\\u043d\\u0438\\u0442\\u043e\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (351) 949-04-20\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0417\\u0435\\u043b\\u0435\\u043d\\u044b\\u0439 \\u041b\\u043e\\u0433, 53\\u0430\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 - 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.407163,58.980291]},{\u0022id\u0022:85,\u0022city_id\u0022:55,\u0022name\u0022:\u0022\\u0420\\u0420\\u0422\u0022,\u0022phone\u0022:\u0022+7 (811) 259-14-28\u0022,\u0022address\u0022:\u0022\\u0420\\u0438\\u0436\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 100\\u0412\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0432\\u0441 09:00-21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.819274,28.33246]},{\u0022id\u0022:84,\u0022city_id\u0022:54,\u0022name\u0022:\u0022\\u0420\\u0420\\u0422 \\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (815) 255-48-65\u0022,\u0022address\u0022:\u0022\\u041a\\u043e\\u043b\\u044c\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 124\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0421 9:00 \\u0434\\u043e 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[68.921406,33.108101]},{\u0022id\u0022:63,\u0022city_id\u0022:43,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (818) 245-70-91\u0022,\u0022address\u0022:\u0022163002, \\u0433. \\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a, \\u0443\\u043b. \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044f\\u0442, \\u0434. 36\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[64.533558,40.600177]},{\u0022id\u0022:64,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u041f\\u0443\\u043b\\u043a\\u043e\\u0432\\u043e\u0022,\u0022phone\u0022:\u0022+7 (812) 250-37-94\u0022,\u0022address\u0022:\u0022196240, \\u0433. \\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433, \\u041f\\u0443\\u043b\\u043a\\u043e\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, \\u0434. 27, \\u043b\\u0438\\u0442. \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.815269,30.321599]},{\u0022id\u0022:65,\u0022city_id\u0022:44,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c\u0022,\u0022phone\u0022:\u0022+7 485) 260-72-19\u0022,\u0022address\u0022:\u0022150044, \\u0433. \\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c, \\u0443\\u043b. \\u041f\\u043e\\u043b\\u0443\\u0448\\u043a\\u0438\\u043d\\u0430 \\u0420\\u043e\\u0449\\u0430, \\u0434. 23\\u0430\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.661698,39.851072]},{\u0022id\u0022:67,\u0022city_id\u0022:46,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a\\u043c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (834) 222-32-32\u0022,\u0022address\u0022:\u0022\\u0420\\u0435\\u0441\\u043f\\u0443\\u0431\\u043b\\u0438\\u043a\\u0430 \\u041c\\u043e\\u0440\\u0434\\u043e\\u0432\\u0438\\u044f, \\u0433. \\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a, \\u0443\\u043b. \\u0421\\u0442\\u0440\\u043e\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u0430\\u044f, 4\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u0421\\u0431 08:00 - 20:00 \\u0412\\u0441 09:00 - 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.2044954,45.1700043]},{\u0022id\u0022:87,\u0022city_id\u0022:26,\u0022name\u0022:\u0022\\u0421\\u0430\\u0442\\u0443\\u0440\\u043d-\\u0420-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (342) 248-24-08\u0022,\u0022address\u0022:\u0022\\u0448\\u043e\\u0441\\u0441\\u0435 \\u041a\\u043e\\u0441\\u043c\\u043e\\u043d\\u0430\\u0432\\u0442\\u043e\\u0432, 368\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d - \\u0421\\u0431 09:00 - 21:00 \\u0412\\u0441 10:00 - 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.9444875,56.0710586]},{\u0022id\u0022:90,\u0022city_id\u0022:24,\u0022name\u0022:\u0022\\u0421\\u0438\\u043b\\u044c\\u0432\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7(351)-701-00-67\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0418\\u0433\\u0443\\u043c\\u0435\\u043d\\u043a\\u0430 173 \\u0441\\u0442\\u0440. 1\u0022,\u0022work_time\u0022:\u0022\\u003Cp style=\\u0022text-align:justify\\u0022\\u003E\\u0441 08-30 \\u0434\\u043e 21-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.0844,61.39419]},{\u0022id\u0022:80,\u0022city_id\u0022:51,\u0022name\u0022:\u0022\\u0421\\u0438\\u043b\\u044c\\u0432\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7 (352) 250-94-48\u0022,\u0022address\u0022:\u0022\\u043f\\u0440. \\u041c\\u0430\\u0440\\u0448\\u0430\\u043b\\u0430 \\u0413\\u043e\\u043b\\u0438\\u043a\\u043e\\u0432\\u0430, 22\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e 8.30 - 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.4787154,65.3152615]},{\u0022id\u0022:75,\u0022city_id\u0022:50,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\u0022,\u0022phone\u0022:\u0022+7 (835) 232-91-31\u0022,\u0022address\u0022:\u0022\\u041c\\u0430\\u0440\\u043f\\u043e\\u0441\\u0430\\u0434\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 19\\\/1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431: 08.00-20.00 \\u0432\\u0441: 09.00-17.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.128159,47.325046]},{\u0022id\u0022:76,\u0022city_id\u0022:22,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u041a\\u0430\\u0437\\u0430\\u043d\\u044c \\u0418\\u0431\\u0440\\u0430\\u0433\\u0438\\u043c\\u043e\\u0432\\u0430\u0022,\u0022phone\u0022:\u0022+7 (843) 210-32-41\u0022,\u0022address\u0022:\u0022\\u043f\\u0440\\u043e\\u0441\\u043f. \\u0418\\u0431\\u0440\\u0430\\u0433\\u0438\\u043c\\u043e\\u0432\\u0430, 48\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 08:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 09:00-19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.823232,49.093918]},{\u0022id\u0022:37,\u0022city_id\u0022:23,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u041d\\u0430\\u0431\\u0435\\u0440\\u0435\\u0436\\u043d\\u044b\\u0435 \\u0427\\u0435\\u043b\\u043d\\u044b\u0022,\u0022phone\u0022:\u0022+7 (855) 222-12-51\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0430\\u0448\\u0438\\u043d\\u043e\\u0441\\u0442\\u0440\\u043e\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u0430\\u044f, \\u0434. 1\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 09:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 10:00-19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.70917,52.395577]},{\u0022id\u0022:35,\u0022city_id\u0022:21,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u0423\\u0444\\u0430\u0022,\u0022phone\u0022:\u0022+7 (347) 200-85-82\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0430\\u0440\\u0448\\u0430\\u043b\\u0430 \\u0416\\u0443\\u043a\\u043e\\u0432\\u0430, \\u0434\\u043e\\u043c \\u211632\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 09:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 10:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.782609,56.074879]},{\u0022id\u0022:44,\u0022city_id\u0022:28,\u0022name\u0022:\u0022\\u0424\\u0410\\u0421\\u0422\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (383) 363-00-44\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0421\\u0442\\u0430\\u043d\\u0446\\u0438\\u043e\\u043d\\u043d\\u0430\\u044f, \\u0434\\u043e\\u043c 88\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.9974249,82.7553848]},{\u0022id\u0022:94,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0424\\u043e\\u0440\\u0441\\u0430\\u0436\u0022,\u0022phone\u0022:\u00228 812-347-77-12\u0022,\u0022address\u0022:\u0022194355, \\u0412\\u044b\\u0431\\u043e\\u0440\\u0433\\u0441\\u043a\\u043e\\u0435 \\u0448., 27, \\u043a\\u043e\\u0440\\u043f. 2\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[60.061861,30.305007]},{\u0022id\u0022:60,\u0022city_id\u0022:41,\u0022name\u0022:\u0022\\u0426\\u0435\\u043d\\u0442\\u0440 \\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022phone\u0022:\u0022+7 (353) 240-41-41\u0022,\u0022address\u0022:\u0022\\u0433.\\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433, \\u0417\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 13\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u043f\\u044f\\u0442\\u043d\\u0438\\u0446\\u0430: 9.00 \\u0434\\u043e 19.00 \\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430, \\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 : 10.00-18.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[51.768205,55.096964]},{\u0022id\u0022:8,\u0022city_id\u0022:4,\u0022name\u0022:\u0022\\u042e\\u0433-\\u0410\\u0432\\u0442\\u043e \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022phone\u0022:\u0022+7 (861) 203-19-08\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0414\\u0437\\u0435\\u0440\\u0436\\u0438\\u043d\\u0441\\u043a\\u043e\\u0433\\u043e, 102\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00 - 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.1037465,38.9833614]}]'),
value: '',
multiple: false,
placeholder: null,
watchSelect: 'city',
updateOptionsEndpoint: '\/internal\/dealer\/',
disabled: false,
})" tabindex="-1" class="" x-model="dealer" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Дилерский центр</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.dealer ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="dealer" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">GOOD CAR</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">LIVAN Гранд Групп</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Аванта</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АВД Премиум</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Авто-М</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоимпорт Рязань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоимпорт Тула</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автолига</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АвтоЛидер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автолоцман</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автополе</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоцентр АНТ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоцентр Сити Юг</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоэкспресс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АвтоЮг Ставрополь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Альфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Антикор Сервис</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Аргус - ГК Кабриолет</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Арконт</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АсАвто Самара Юг</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АЦ Кунцево</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Базис-Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Башавтоком</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Бета Онего</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Гедон-Трейд</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Гранада-Элит</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДАКАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЖЕЙКАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЦ Волгоградка</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЦ Шереметьево</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ИНКОМ-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">К-Ралли</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КЛЮЧАВТО Краснодар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КЛЮЧАВТО Ростов-на-Дону</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КОМОС-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Лаки Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ЛЕОН</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мегапарк</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Медведь Абакан</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Медведь Томск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">МЦ Тамбов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор МКАД 18</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор МКАД 47</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Новорижский</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Олимп</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Тушино</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">НЕЗАВИСИМОСТЬ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Нижегородец НН</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ника Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Премьер Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Высоцкого</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Гурзуфская</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Магнитогорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">РРТ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">РРТ Мурманск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Архангельск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Пулково</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Ярославль</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саранскмоторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сатурн-Р-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сильвер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сильвер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Казань Ибрагимова</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Набережные Челны</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Уфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ФАСТАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Форсаж</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Центр Оренбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Юг-Авто Краснодар</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative w-full ">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.model" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:3,\u0022name\u0022:\u0022X6PRO\u0022,\u0022price_min\u0022:2089000,\u0022price_min_format\u0022:\u00222\\u0026nbsp;089\\u0026nbsp;000\u0022,\u0022preview_link\u0022:\u0022https:\\\/\\\/livan-motors.ru\\\/storage\\\/model\\\/bbBDhP06n1B6pGX5Att1HJPFDMmYvUKCMQUSKD9s.png\u0022},{\u0022id\u0022:4,\u0022name\u0022:\u0022S6PRO\u0022,\u0022price_min\u0022:1959000,\u0022price_min_format\u0022:\u00221\\u0026nbsp;959\\u0026nbsp;000\u0022,\u0022preview_link\u0022:\u0022https:\\\/\\\/livan-motors.ru\\\/storage\\\/model\\\/TuEDy1PJsvGNHojQ8yuKHHS95SZKYBnll6VpTf2Z.png\u0022},{\u0022id\u0022:1,\u0022name\u0022:\u0022X3PRO\u0022,\u0022price_min\u0022:1559000,\u0022price_min_format\u0022:\u00221\\u0026nbsp;559\\u0026nbsp;000\u0022,\u0022preview_link\u0022:\u0022https:\\\/\\\/livan-motors.ru\\\/storage\\\/model\\\/GH3gzubQmSC8GzjJNtehI9LKZyl2XAvdqr5HfnT3.png\u0022}]'),
value: '',
multiple: false,
placeholder: null,
watchSelect: null,
updateOptionsEndpoint: null,
disabled: false,
})" tabindex="-1" class="" x-model="model" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Модель</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.model ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="model" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">X6PRO</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">S6PRO</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">X3PRO</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full space-y-1">
<label class="text-xs mb-2" for="">Имя</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="name" name="name">
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.phone" style="display: none;"> Обязательное поле </span>
<div class="w-full space-y-1" x-data="inputPhone()">
<label class="text-xs mb-2" for="">Телефон</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="phone" name="phone"
x-bind:class="errors.phone ? '!border-red-500' : ''" inputmode="text">
</div>
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.agreement" style="display: none;"> Обязательное поле </span>
<div class="flex items-center cursor-pointer aria-disabled:cursor-default group max-w-full w-max " x-on:click="onClick" x-data="formCheckbox({})" aria-disabled="false">
<div class="border w-5 h-5 relative flex-shrink-0 focus:border-main rounded-sm outline-0 focus:shadow-input bg-white group-aria-disabled:bg-gray-light-10 border-gray-300" x-bind:class="{
'bg-white group-aria-disabled:bg-gray-light-10 border-gray-300': !value,
'bg-main group-aria-disabled:bg-main-40 border-main': value,
}" tabindex="0" x-on:keydown.space.prevent="onClick">
<svg x-show="value" class="w-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 stroke-current text-white" viewBox="0 0 14 10" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path d="M12.3332 1L4.99984 8.33333L1.6665 5" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<input x-model="agreement" name="agreement" aria-label="Согласие" x-bind:class="errors.agreement ? '!border-red-500' : ''" type="checkbox" class="hidden">
</div>
<div class="font-light text-sm ml-2">
<div class="border-b border-transparent">Я соглашаюсь с <a href="https://livan-motors.ru/agreement/" target="_blank" class="border-b border-gray/70 hover:text-main hover:border-main">условиями обработки персональных данных</a></div>
</div>
</div>
</div>
<button
class="rounded-sm cursor-pointer disabled:cursor-not-allowed aria-disabled:cursor-not-allowed text-center bg-black hover:bg-gray text-white disabled:bg-gray/50 aria-disabled:bg-gray/50 py-3 px-6 focus:border-main outline-0 focus:shadow-input w-full text-center"
type="submit"> Оставить заявку </button>
</form><form x-on:submit.prevent="onSubmit" class="space-y-4">
<div class="relative w-full ">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.city" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:36,\u0022name\u0022:\u0022\\u0410\\u0431\\u0430\\u043a\\u0430\\u043d\u0022,\u0022coords\u0022:[53.721152000000004,91.442396]},{\u0022id\u0022:43,\u0022name\u0022:\u0022\\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a\u0022,\u0022coords\u0022:[64.539911,40.515762]},{\u0022id\u0022:20,\u0022name\u0022:\u0022\\u0410\\u0441\\u0442\\u0440\\u0430\\u0445\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[46.347614,48.030178]},{\u0022id\u0022:32,\u0022name\u0022:\u0022\\u0411\\u0430\\u0440\\u043d\\u0430\\u0443\\u043b\u0022,\u0022coords\u0022:[53.346785,83.776856]},{\u0022id\u0022:57,\u0022name\u0022:\u0022\\u0412\\u0435\\u043b\\u0438\\u043a\\u0438\\u0439 \\u041d\\u043e\\u0432\\u0433\\u043e\\u0440\\u043e\\u0434\u0022,\u0022coords\u0022:[58.522857,31.269816]},{\u0022id\u0022:52,\u0022name\u0022:\u0022\\u0412\\u043b\\u0430\\u0434\\u0438\\u043c\\u0438\\u0440\u0022,\u0022coords\u0022:[56.129057,40.406635]},{\u0022id\u0022:10,\u0022name\u0022:\u0022\\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\u0022,\u0022coords\u0022:[48.707067,44.516975]},{\u0022id\u0022:42,\u0022name\u0022:\u0022\\u0412\\u043e\\u043b\\u043e\\u0433\\u0434\\u0430\u0022,\u0022coords\u0022:[59.220501,39.891523]},{\u0022id\u0022:6,\u0022name\u0022:\u0022\\u0412\\u043e\\u0440\\u043e\\u043d\\u0435\\u0436\u0022,\u0022coords\u0022:[51.660781,39.200296]},{\u0022id\u0022:7,\u0022name\u0022:\u0022\\u0415\\u043a\\u0430\\u0442\\u0435\\u0440\\u0438\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[56.838011,60.597465]},{\u0022id\u0022:53,\u0022name\u0022:\u0022\\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u043e\u0022,\u0022coords\u0022:[57.000353,40.97393]},{\u0022id\u0022:48,\u0022name\u0022:\u0022\\u0418\\u0436\\u0435\\u0432\\u0441\\u043a\u0022,\u0022coords\u0022:[56.852676,53.2069]},{\u0022id\u0022:56,\u0022name\u0022:\u0022\\u0419\\u043e\\u0448\\u043a\\u0430\\u0440-\\u041e\\u043b\\u0430\u0022,\u0022coords\u0022:[56.6316,47.886178]},{\u0022id\u0022:22,\u0022name\u0022:\u0022\\u041a\\u0430\\u0437\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[55.796127,49.106414]},{\u0022id\u0022:5,\u0022name\u0022:\u0022\\u041a\\u0435\\u043c\\u0435\\u0440\\u043e\\u0432\\u043e\u0022,\u0022coords\u0022:[55.355198,86.086847]},{\u0022id\u0022:33,\u0022name\u0022:\u0022\\u041a\\u0438\\u0440\\u043e\\u0432\u0022,\u0022coords\u0022:[58.603595,49.668023]},{\u0022id\u0022:4,\u0022name\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022coords\u0022:[45.03547,38.975313]},{\u0022id\u0022:31,\u0022name\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u044f\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[56.010569,92.852572]},{\u0022id\u0022:51,\u0022name\u0022:\u0022\\u041a\\u0443\\u0440\\u0433\\u0430\\u043d\u0022,\u0022coords\u0022:[55.441004,65.341118]},{\u0022id\u0022:17,\u0022name\u0022:\u0022\\u041a\\u0443\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[51.730846,36.193015]},{\u0022id\u0022:38,\u0022name\u0022:\u0022\\u041b\\u0438\\u043f\\u0435\\u0446\\u043a\u0022,\u0022coords\u0022:[52.608826,39.599229]},{\u0022id\u0022:8,\u0022name\u0022:\u0022\\u041c\\u0430\\u0433\\u043d\\u0438\\u0442\\u043e\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[53.407163,58.980291]},{\u0022id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430\u0022,\u0022coords\u0022:[55.755814,37.617635]},{\u0022id\u0022:54,\u0022name\u0022:\u0022\\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[68.970663,33.074918]},{\u0022id\u0022:23,\u0022name\u0022:\u0022\\u041d\\u0430\\u0431\\u0435\\u0440\\u0435\\u0436\\u043d\\u044b\\u0435 \\u0427\\u0435\\u043b\\u043d\\u044b\u0022,\u0022coords\u0022:[55.741272,52.403662]},{\u0022id\u0022:14,\u0022name\u0022:\u0022\\u041d\\u0438\\u0436\\u043d\\u0438\\u0439 \\u041d\\u043e\\u0432\\u0433\\u043e\\u0440\\u043e\\u0434\u0022,\u0022coords\u0022:[56.326797,44.006516]},{\u0022id\u0022:11,\u0022name\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0440\\u043e\\u0441\\u0441\\u0438\\u0439\\u0441\\u043a\u0022,\u0022coords\u0022:[44.723771,37.768804]},{\u0022id\u0022:28,\u0022name\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0441\\u0438\\u0431\\u0438\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[55.030204,82.92043]},{\u0022id\u0022:15,\u0022name\u0022:\u0022\\u041d\\u043e\\u0433\\u0438\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[55.854476,38.441866]},{\u0022id\u0022:27,\u0022name\u0022:\u0022\\u041e\\u043c\\u0441\\u043a\u0022,\u0022coords\u0022:[54.989347,73.368221]},{\u0022id\u0022:41,\u0022name\u0022:\u0022\\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[51.768205,55.096964]},{\u0022id\u0022:16,\u0022name\u0022:\u0022\\u041f\\u0435\\u043d\\u0437\\u0430\u0022,\u0022coords\u0022:[53.195042,45.018316]},{\u0022id\u0022:26,\u0022name\u0022:\u0022\\u041f\\u0435\\u0440\\u043c\\u044c\u0022,\u0022coords\u0022:[58.010455,56.229443]},{\u0022id\u0022:58,\u0022name\u0022:\u0022\\u041f\\u0435\\u0442\\u0440\\u043e\\u0437\\u0430\\u0432\\u043e\\u0434\\u0441\\u043a\u0022,\u0022coords\u0022:[61.785021,34.346878]},{\u0022id\u0022:55,\u0022name\u0022:\u0022\\u041f\\u0441\\u043a\\u043e\\u0432\u0022,\u0022coords\u0022:[57.819274,28.33246]},{\u0022id\u0022:13,\u0022name\u0022:\u0022\\u041f\\u044f\\u0442\\u0438\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022coords\u0022:[44.039802,43.070643]},{\u0022id\u0022:9,\u0022name\u0022:\u0022\\u0420\\u043e\\u0441\\u0442\\u043e\\u0432-\\u043d\\u0430-\\u0414\\u043e\\u043d\\u0443\u0022,\u0022coords\u0022:[47.222078,39.720349]},{\u0022id\u0022:30,\u0022name\u0022:\u0022\\u0420\\u044f\\u0437\\u0430\\u043d\\u044c\u0022,\u0022coords\u0022:[54.629565,39.741917]},{\u0022id\u0022:18,\u0022name\u0022:\u0022\\u0421\\u0430\\u043c\\u0430\\u0440\\u0430\u0022,\u0022coords\u0022:[53.195878,50.100202]},{\u0022id\u0022:3,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433\u0022,\u0022coords\u0022:[59.939095,30.315868]},{\u0022id\u0022:46,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[54.187433,45.183938]},{\u0022id\u0022:35,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u0442\\u043e\\u0432\u0022,\u0022coords\u0022:[51.533562,46.034266]},{\u0022id\u0022:47,\u0022name\u0022:\u0022\\u0421\\u043c\\u043e\\u043b\\u0435\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[54.782635,32.045287]},{\u0022id\u0022:12,\u0022name\u0022:\u0022\\u0421\\u0442\\u0430\\u0432\\u0440\\u043e\\u043f\\u043e\\u043b\\u044c\u0022,\u0022coords\u0022:[45.043311,41.96911]},{\u0022id\u0022:34,\u0022name\u0022:\u0022\\u0421\\u0443\\u0440\\u0433\\u0443\\u0442\u0022,\u0022coords\u0022:[61.241778,73.393032]},{\u0022id\u0022:60,\u0022name\u0022:\u0022\\u0421\\u044b\\u043a\\u0442\\u044b\\u0432\\u043a\\u0430\\u0440\u0022,\u0022coords\u0022:[61.668797,50.836497]},{\u0022id\u0022:40,\u0022name\u0022:\u0022\\u0422\\u0430\\u043c\\u0431\\u043e\\u0432\u0022,\u0022coords\u0022:[52.721295,41.45275]},{\u0022id\u0022:45,\u0022name\u0022:\u0022\\u0422\\u0432\\u0435\\u0440\\u044c\u0022,\u0022coords\u0022:[56.859625,35.91186]},{\u0022id\u0022:19,\u0022name\u0022:\u0022\\u0422\\u043e\\u043b\\u044c\\u044f\\u0442\\u0442\\u0438\u0022,\u0022coords\u0022:[53.507852,49.420411]},{\u0022id\u0022:37,\u0022name\u0022:\u0022\\u0422\\u043e\\u043c\\u0441\\u043a\u0022,\u0022coords\u0022:[56.484645,84.947649]},{\u0022id\u0022:29,\u0022name\u0022:\u0022\\u0422\\u0443\\u043b\\u0430\u0022,\u0022coords\u0022:[54.193122,37.617348]},{\u0022id\u0022:25,\u0022name\u0022:\u0022\\u0422\\u044e\\u043c\\u0435\\u043d\\u044c\u0022,\u0022coords\u0022:[57.152985,65.541227]},{\u0022id\u0022:21,\u0022name\u0022:\u0022\\u0423\\u0444\\u0430\u0022,\u0022coords\u0022:[54.735152,55.958736]},{\u0022id\u0022:49,\u0022name\u0022:\u0022\\u0425\\u0438\\u043c\\u043a\\u0438\u0022,\u0022coords\u0022:[55.889361,37.444853]},{\u0022id\u0022:50,\u0022name\u0022:\u0022\\u0427\\u0435\\u0431\\u043e\\u043a\\u0441\\u0430\\u0440\\u044b\u0022,\u0022coords\u0022:[56.139918,47.247728]},{\u0022id\u0022:24,\u0022name\u0022:\u0022\\u0427\\u0435\\u043b\\u044f\\u0431\\u0438\\u043d\\u0441\\u043a\u0022,\u0022coords\u0022:[55.159902,61.402554]},{\u0022id\u0022:59,\u0022name\u0022:\u0022\\u042d\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\u0022,\u0022coords\u0022:[51.4839,46.1053]},{\u0022id\u0022:44,\u0022name\u0022:\u0022\\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c\u0022,\u0022coords\u0022:[57.626559,39.893813]}]'),
value: 1,
multiple: false,
placeholder: null,
watchSelect: null,
updateOptionsEndpoint: null,
disabled: false,
})" tabindex="-1" class="" x-model="city" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Город</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.city ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="city" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Абакан</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Архангельск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Астрахань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Барнаул</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Великий Новгород</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Владимир</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Волгоград</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Вологда</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Воронеж</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Екатеринбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Иваново</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ижевск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Йошкар-Ола</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Казань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Кемерово</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Киров</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Краснодар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Красноярск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Курган</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Курск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Липецк</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Магнитогорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Москва</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мурманск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Набережные Челны</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Нижний Новгород</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Новороссийск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Новосибирск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ногинск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Омск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Оренбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пенза</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пермь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Петрозаводск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Псков</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Пятигорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ростов-на-Дону</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Рязань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Самара</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санкт-Петербург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саранск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саратов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Смоленск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ставрополь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сургут</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сыктывкар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тамбов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тверь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тольятти</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Томск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тула</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Тюмень</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Уфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Химки</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Чебоксары</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Челябинск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Энгельс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ярославль</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative w-full ">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.dealer" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:95,\u0022city_id\u0022:59,\u0022name\u0022:\u0022GOOD CAR\u0022,\u0022phone\u0022:\u0022+7 (845) 225-08-08\u0022,\u0022address\u0022:\u0022\\u042d\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441, \\u0421\\u0442\\u0435\\u043f\\u043d\\u0430\\u044f 124 \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 09.00 \\u0434\\u043e 19.00 \\u0431\\u0435\\u0437 \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0445\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[51.48329,46.125822]},{\u0022id\u0022:102,\u0022city_id\u0022:2,\u0022name\u0022:\u0022LIVAN \\u0413\\u0440\\u0430\\u043d\\u0434 \\u0413\\u0440\\u0443\\u043f\\u043f\u0022,\u0022phone\u0022:\u0022+7 (495) 120-53-83\u0022,\u0022address\u0022:\u0022\\u0420\\u0435\\u0443\\u0442\\u043e\\u0432 \\u0443\\u043b. \\u041f\\u043e\\u0431\\u0435\\u0434\\u044b 31\\u0430\u0022,\u0022work_time\u0022:\u0022\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9-00 \\u0434\\u043e 21-00\u0022,\u0022coords\u0022:[55.765924,37.847945]},{\u0022id\u0022:103,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0430\\u043d\\u0442\\u0430\u0022,\u0022phone\u0022:\u0022+7 (495) 445-55-90\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0431\\u043e\\u0433\\u0430\\u0442\\u044b\\u0440\\u0441\\u043a\\u0430\\u044f 89\\u04411.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cspan style=\\u0022font-size:11.0pt\\u0022\\u003E\\u003Cspan style=\\u0022font-family:\\u0026quot;Calibri\\u0026quot;,sans-serif\\u0022\\u003E\\u0026nbsp;9:00 - 20:00 \\u0415\\u003C\\\/span\\u003E\\u003C\\\/span\\u003E\\u003Cspan style=\\u0022font-size:11.0pt\\u0022\\u003E\\u003Cspan style=\\u0022font-family:\\u0026quot;Calibri\\u0026quot;,sans-serif\\u0022\\u003E\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/span\\u003E\\u003C\\\/span\\u003E\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.800797,37.71389]},{\u0022id\u0022:51,\u0022city_id\u0022:33,\u0022name\u0022:\u0022\\u0410\\u0412\\u0414 \\u041f\\u0440\\u0435\\u043c\\u0438\\u0443\\u043c\u0022,\u0022phone\u0022:\u0022+7 (833) 222-29-99\u0022,\u0022address\u0022:\u0022\\u0433. \\u041a\\u0438\\u0440\\u043e\\u0432, \\u0443\\u043b. \\u041a\\u0430\\u0440\\u043b\\u0430 \\u041c\\u0430\\u0440\\u043a\\u0441\\u0430, 4\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[58.6188247,49.6626727]},{\u0022id\u0022:91,\u0022city_id\u0022:57,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e-\\u041c\u0022,\u0022phone\u0022:\u0022+7 (816) 250-07-17\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0411. \\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433\\u0441\\u043a\\u0430\\u044f, 173\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[58.57459,31.285312]},{\u0022id\u0022:61,\u0022city_id\u0022:30,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0438\\u043c\\u043f\\u043e\\u0440\\u0442 \\u0420\\u044f\\u0437\\u0430\\u043d\\u044c\u0022,\u0022phone\u0022:\u0022+7 (491) 250-02-15\u0022,\u0022address\u0022:\u0022\\u041a\\u0443\\u0439\\u0431\\u044b\\u0448\\u0435\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 42\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.581589,39.775128]},{\u0022id\u0022:45,\u0022city_id\u0022:29,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0438\\u043c\\u043f\\u043e\\u0440\\u0442 \\u0422\\u0443\\u043b\\u0430\u0022,\u0022phone\u0022:\u0022+7 (4872) 570-075\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044c\\u0441\\u043a\\u0430\\u044f, \\u0434.309\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:00 \\u0026ndash; 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.245203,37.616962]},{\u0022id\u0022:25,\u0022city_id\u0022:14,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043b\\u0438\\u0433\\u0430\u0022,\u0022phone\u0022:\u0022+7 (831) 220-00-50\u0022,\u0022address\u0022:\u0022\\u041e\\u0448\\u0430\\u0440\\u0441\\u043a\\u0430\\u044f, 95\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 09:00 \\u0434\\u043e 19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.30444,44.021842]},{\u0022id\u0022:97,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u041b\\u0438\\u0434\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7 (499) 213-13-31\u0022,\u0022address\u0022:\u0022\\u0412\\u0430\\u0440\\u0448\\u0430\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 91 \\u0441 5\u0022,\u0022work_time\u0022:\u002209:00-21:00\u0022,\u0022coords\u0022:[55.6506331,37.6207551]},{\u0022id\u0022:28,\u0022city_id\u0022:16,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043b\\u043e\\u0446\\u043c\\u0430\\u043d\u0022,\u0022phone\u0022:\u0022+7 (841) 250-56-43\u0022,\u0022address\u0022:\u0022\\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 \\u041f\\u043e\\u0431\\u0435\\u0434\\u044b, 53\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u0441\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430 09:00-19:00 \\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 09:00-17:00\\u003C\\\/p\\u003E\\r\\n\\u003Cscript id=\\u0022xverse-wallet-provider\\u0022 src=\\u0022chrome-extension:\\\/\\\/idnnbdplmphpflfnlkomgpfbpcgelopg\\\/inpage.js\\u0022\\u003E\\u003C\\\/script\\u003E\\u003Cscript id=\\u0022xverse-wallet-provider\\u0022 src=\\u0022chrome-extension:\\\/\\\/idnnbdplmphpflfnlkomgpfbpcgelopg\\\/inpage.js\\u0022\\u003E\\u003C\\\/script\\u003E\u0022,\u0022coords\u0022:[53.2204815,44.9760658]},{\u0022id\u0022:24,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u043f\\u043e\\u043b\\u0435\u0022,\u0022phone\u0022:\u0022+7 (812) 561-60-98\u0022,\u0022address\u0022:\u0022\\u041a\\u0443\\u0434\\u0440\\u043e\\u0432\\u043e, \\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 5\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e 09:00-22:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.897293,30.522022]},{\u0022id\u0022:50,\u0022city_id\u0022:32,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0446\\u0435\\u043d\\u0442\\u0440 \\u0410\\u041d\\u0422\u0022,\u0022phone\u0022:\u0022+7 (385) 228-22-22\u0022,\u0022address\u0022:\u0022\\u041f\\u0430\\u0432\\u043b\\u043e\\u0432\\u0441\\u043a\\u0438\\u0439 \\u0442\\u0440\\u0430\\u043a\\u0442, 249\\u0435\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0411\\u0443\\u0434\\u043d\\u0438 \\u0441 8.00 \\u0434\\u043e 19.00 \\u0412\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0435 \\u0441 9.00 \\u0434\\u043e 17.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.342043,83.688327]},{\u0022id\u0022:96,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u0446\\u0435\\u043d\\u0442\\u0440 \\u0421\\u0438\\u0442\\u0438 \\u042e\\u0433\u0022,\u0022phone\u0022:\u0022+7 (495) 660-04-00\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u043f\\u043e\\u0441\\u0435\\u043b\\u043e\\u043a \\u0420\\u0430\\u0437\\u0432\\u0438\\u043b\\u043a\\u0430, \\u041c\\u041a\\u0410\\u0414, 22-\\u0439 \\u043a\\u0438\\u043b\\u043e\\u043c\\u0435\\u0442\\u0440, \\u0432\\u043b3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431 8:00-21:00, \\u0432\\u0441 8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.598492,37.747873]},{\u0022id\u0022:83,\u0022city_id\u0022:53,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u044d\\u043a\\u0441\\u043f\\u0440\\u0435\\u0441\\u0441\u0022,\u0022phone\u0022:\u0022+7 (493) 247-20-00\u0022,\u0022address\u0022:\u0022\\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u043e, \\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u0441\\u043a\\u0438\\u0439 \\u0440\\u0430\\u0439\\u043e\\u043d, \\u0434. \\u041a\\u043e\\u043b\\u044f\\u043d\\u043e\\u0432\\u043e, \\u0443\\u043b. \\u0417\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u0430\\u044f, 26, \\u0441\\u0442\\u04401.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00 - 19:00,\\u0026nbsp; \\u0412\\u0441. 9:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.9479916,40.9660208]},{\u0022id\u0022:16,\u0022city_id\u0022:12,\u0022name\u0022:\u0022\\u0410\\u0432\\u0442\\u043e\\u042e\\u0433 \\u0421\\u0442\\u0430\\u0432\\u0440\\u043e\\u043f\\u043e\\u043b\\u044c\u0022,\u0022phone\u0022:\u0022+7 (865) 250-03-43\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044c\\u0441\\u043a\\u0430\\u044f, 204\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a - \\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 9:00 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.0787068,41.939198]},{\u0022id\u0022:32,\u0022city_id\u0022:18,\u0022name\u0022:\u0022\\u0410\\u043b\\u044c\\u0444\\u0430\u0022,\u0022phone\u0022:\u0022+7 (846) 977-77-72\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041d\\u043e\\u0432\\u043e-\\u0423\\u0440\\u0438\\u0446\\u043a\\u0430\\u044f, \\u0434. 22\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08:00 \\u0434\\u043e 20:00 \\u0431\\u0435\\u0437 \\u043f\\u0435\\u0440\\u0435\\u0440\\u044b\\u0432\\u043e\\u0432 \\u0438 \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u044b\\u0445\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.1842408,50.1514795]},{\u0022id\u0022:42,\u0022city_id\u0022:27,\u0022name\u0022:\u0022\\u0410\\u043d\\u0442\\u0438\\u043a\\u043e\\u0440 \\u0421\\u0435\\u0440\\u0432\\u0438\\u0441\u0022,\u0022phone\u0022:\u0022+7 (381) 229-19-11\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0435\\u043b\\u044c\\u043d\\u0438\\u0447\\u043d\\u0430\\u044f, 132\\\/1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0432\\u0441 , \\u0441 9.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.899861,73.304719]},{\u0022id\u0022:98,\u0022city_id\u0022:42,\u0022name\u0022:\u0022\\u0410\\u0440\\u0433\\u0443\\u0441 - \\u0413\\u041a \\u041a\\u0430\\u0431\\u0440\\u0438\\u043e\\u043b\\u0435\\u0442\u0022,\u0022phone\u0022:\u0022+7(8172) 509-506\u0022,\u0022address\u0022:\u0022\\u0421\\u043e\\u0432\\u0435\\u0442\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 87\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 19.00 \\u0441 \\u041f\\u041d.-\\u0412\\u0421. \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e, \\u0431\\u0435\\u0437 \\u043f\\u0435\\u0440\\u0435\\u0440\\u044b\\u0432\\u043e\\u0432\\u0026nbsp;\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.205766,39.920745]},{\u0022id\u0022:81,\u0022city_id\u0022:10,\u0022name\u0022:\u0022\\u0410\\u0440\\u043a\\u043e\\u043d\\u0442\u0022,\u0022phone\u0022:\u0022+7 (844) 220-56-31\u0022,\u0022address\u0022:\u0022\\u0412\\u0438\\u043b\\u044c\\u043d\\u044e\\u0441\\u0441\\u043a\\u0430\\u044f \\u0443\\u043b., 42\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08.00-20.00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[48.814325,44.6022208]},{\u0022id\u0022:68,\u0022city_id\u0022:18,\u0022name\u0022:\u0022\\u0410\\u0441\\u0410\\u0432\\u0442\\u043e \\u0421\\u0430\\u043c\\u0430\\u0440\\u0430 \\u042e\\u0433\u0022,\u0022phone\u0022:\u0022+7 (846) 211-51-36\u0022,\u0022address\u0022:\u0022\\u042e\\u0436\\u043d\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 10\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9:00 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.141017,50.181087]},{\u0022id\u0022:18,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0410\\u0426 \\u041a\\u0443\\u043d\\u0446\\u0435\\u0432\\u043e\u0022,\u0022phone\u0022:\u00227 (495) 846-85-06\u0022,\u0022address\u0022:\u0022\\u0413\\u043e\\u0440\\u0431\\u0443\\u043d\\u043e\\u0432\\u0430, 14\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:30 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.7260113,37.3746483]},{\u0022id\u0022:40,\u0022city_id\u0022:25,\u0022name\u0022:\u0022\\u0411\\u0430\\u0437\\u0438\\u0441-\\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (345) 266-21-52\u0022,\u0022address\u0022:\u0022\\u0433. \\u0422\\u044e\\u043c\\u0435\\u043d\\u044c, \\u0443\\u043b. \\u041f\\u0435\\u0440\\u043c\\u044f\\u043a\\u043e\\u0432\\u0430 ,19\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 08:30 \\u0434\\u043e 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.1209298,65.5831922]},{\u0022id\u0022:93,\u0022city_id\u0022:21,\u0022name\u0022:\u0022\\u0411\\u0430\\u0448\\u0430\\u0432\\u0442\\u043e\\u043a\\u043e\\u043c\u0022,\u0022phone\u0022:\u0022+7 (347) 292-39-26\u0022,\u0022address\u0022:\u0022\\u0423\\u043b. \\u0420\\u0443\\u0431\\u0435\\u0436\\u043d\\u0430\\u044f, 168\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 09.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.6673557,55.9314831]},{\u0022id\u0022:92,\u0022city_id\u0022:58,\u0022name\u0022:\u0022\\u0411\\u0435\\u0442\\u0430 \\u041e\\u043d\\u0435\\u0433\\u043e\u0022,\u0022phone\u0022:\u0022+7 (8142) 55-90-48\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041b\\u044b\\u0436\\u043d\\u0430\\u044f, \\u0434.3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E9:00 \\u0026ndash; 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[61.768722,34.390716]},{\u0022id\u0022:29,\u0022city_id\u0022:9,\u0022name\u0022:\u0022\\u0413\\u0435\\u0434\\u043e\\u043d-\\u0422\\u0440\\u0435\\u0439\\u0434\u0022,\u0022phone\u0022:\u0022+7 (863) 204-44-20\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0412\\u0430\\u0432\\u0438\\u043b\\u043e\\u0432\\u0430, 67\\u041c\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[47.2753554,39.6857297]},{\u0022id\u0022:47,\u0022city_id\u0022:31,\u0022name\u0022:\u0022\\u0413\\u0440\\u0430\\u043d\\u0430\\u0434\\u0430-\\u042d\\u043b\\u0438\\u0442\u0022,\u0022phone\u0022:\u0022+7 (391) 219-99-50\u0022,\u0022address\u0022:\u0022\\u041c\\u0430\\u0435\\u0440\\u0447\\u0430\\u043a\\u0430 109\\u043b\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0026nbsp;\\u0441 10 \\u0434\\u043e 19\\u0026nbsp;\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.0464934,92.8347731]},{\u0022id\u0022:86,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0414\\u0410\\u041a\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (812) 416-93-16\u0022,\u0022address\u0022:\u0022\\u0422\\u0430\\u043b\\u043b\\u0438\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 202\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0432 09:00 \\u0434\\u043e 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.806016,30.165753]},{\u0022id\u0022:82,\u0022city_id\u0022:52,\u0022name\u0022:\u0022\\u0414\\u0416\\u0415\\u0419\\u041a\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (492) 243-41-49\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0411\\u043e\\u043b\\u044c\\u0448\\u0430\\u044f \\u041d\\u0438\\u0436\\u0435\\u0433\\u043e\\u0440\\u043e\\u0434\\u0441\\u043a\\u0430\\u044f, \\u0434.95 \\u0412, \\u043a\\u043e\\u0440\\u043f. 1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u041f\\u044f\\u0442\\u043d\\u0438\\u0446\\u0430 \\u0441 08:00 \\u0434\\u043e 20:00 \\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430-\\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 08:00 \\u0434\\u043e 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.1513047,40.4538633]},{\u0022id\u0022:49,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0414\\u0426 \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\\u043a\\u0430\u0022,\u0022phone\u0022:\u0022+7 (495) 881-00-56\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442, \\u0434.32, \\u043a.7\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00 \\u0434\\u043e 21:00 \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 09:00 \\u0434\\u043e 21:00 \\u041e\\u041f\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.721158,37.698178]},{\u0022id\u0022:22,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u0414\\u0426 \\u0428\\u0435\\u0440\\u0435\\u043c\\u0435\\u0442\\u044c\\u0435\\u0432\\u043e\u0022,\u0022phone\u0022:\u0022+7 (495) 881-00-55\u0022,\u0022address\u0022:\u0022\\u0425\\u0438\\u043c\\u043a\\u0438, \\u041b\\u0435\\u043d\\u0438\\u043d\\u0433\\u0440\\u0430\\u0434\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, \\u0441\\u0442\\u0440\\u043e\\u0435\\u043d\\u0438\\u0435 21\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E08:00 \\u0434\\u043e 21:00 \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 09:00 \\u0434\\u043e 21:00 \\u041e\\u041f\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.906602,37.410834]},{\u0022id\u0022:101,\u0022city_id\u0022:60,\u0022name\u0022:\u0022\\u0418\\u041d\\u041a\\u041e\\u041c-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 8212 51 33 33\u0022,\u0022address\u0022:\u0022167000, \\u0421\\u044b\\u0441\\u043e\\u043b\\u044c\\u0441\\u043a\\u043e\\u0435 \\u0448. 39\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cmeta charset=\\u0022UTF-8\\u0022 \\\/\\u003E08.00 \\u0434\\u043e 20.00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[61.640126,50.817525]},{\u0022id\u0022:99,\u0022city_id\u0022:11,\u0022name\u0022:\u0022\\u041a-\\u0420\\u0430\\u043b\\u043b\\u0438\u0022,\u0022phone\u0022:\u0022+7 (861) 238-15-58\u0022,\u0022address\u0022:\u0022\\u041b\\u0443\\u043d\\u0430\\u0447\\u0430\\u0440\\u0441\\u043a\\u043e\\u0433\\u043e 20\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u041f\\u0442: 09:00-19:00\\u003Cbr \\\/\\u003E\\r\\n\\u0421\\u0431:\\u0026nbsp;09:00-18:00\\u003C\\\/p\\u003E\\r\\n\\r\\n\\u003Cp\\u003E\\u0412\\u0441: 10:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[44.7279908,37.7400316]},{\u0022id\u0022:7,\u0022city_id\u0022:4,\u0022name\u0022:\u0022\\u041a\\u041b\\u042e\\u0427\\u0410\\u0412\\u0422\\u041e \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022phone\u0022:\u0022+7 (861) 998-22-22\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0410\\u044d\\u0440\\u043e\\u043f\\u043e\\u0440\\u0442\\u043e\\u0432\\u0441\\u043a\\u0430\\u044f 4\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8.00-20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.027323,39.131052]},{\u0022id\u0022:13,\u0022city_id\u0022:9,\u0022name\u0022:\u0022\\u041a\\u041b\\u042e\\u0427\\u0410\\u0412\\u0422\\u041e \\u0420\\u043e\\u0441\\u0442\\u043e\\u0432-\\u043d\\u0430-\\u0414\\u043e\\u043d\\u0443\u0022,\u0022phone\u0022:\u0022+7 (863) 206-82-06\u0022,\u0022address\u0022:\u0022\\u0410\\u043a\\u0441\\u0430\\u0439, \\u0410\\u043a\\u0441\\u0430\\u0439\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442, 13\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8.00-20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[47.222078,39.720349]},{\u0022id\u0022:70,\u0022city_id\u0022:48,\u0022name\u0022:\u0022\\u041a\\u041e\\u041c\\u041e\\u0421-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (341) 293-39-44\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u043e\\u043c\\u043c\\u0443\\u043d\\u0430\\u0440\\u043e\\u0432 \\u0434 381\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0412\\u0440\\u0435\\u043c\\u044f \\u0440\\u0430\\u0431\\u043e\\u0442\\u044b \\u0430\\u0432\\u0442\\u043e\\u0441\\u0430\\u043b\\u043e\\u043d\\u0430:\\u003Cbr \\\/\\u003E\\r\\n\\u041f\\u043d - \\u041f\\u0442: 9:00 - 20:00 \\u0026nbsp; \\\/ \\u0026nbsp; C\\u0431 - \\u0412\\u0441: 9:00 - 18:00\\u003C\\\/p\\u003E\\r\\n\\r\\n\\u003Cp\\u003E\\u0412\\u0440\\u0435\\u043c\\u044f \\u0440\\u0430\\u0431\\u043e\\u0442\\u044b \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\\u0430:\\u003Cbr \\\/\\u003E\\r\\n\\u041f\\u043d - \\u041f\\u0442: 9:00 - 18:00 \\u0026nbsp; \\\/ \\u0026nbsp; C\\u0431 - \\u0412\\u0441: \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u043e\\u0439\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8667124,53.2167488]},{\u0022id\u0022:88,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u041b\\u0430\\u043a\\u0438 \\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (343) 228-38-33\u0022,\u0022address\u0022:\u0022\\u0411\\u0435\\u0431\\u0435\\u043b\\u044f, 115\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e, \\u0441 09.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.867331,60.548417]},{\u0022id\u0022:89,\u0022city_id\u0022:56,\u0022name\u0022:\u0022\\u041b\\u0415\\u041e\\u041d\u0022,\u0022phone\u0022:\u0022+7 (836) 223-20-15\u0022,\u0022address\u0022:\u0022\\u043f. \\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u0435\\u0432\\u043e, \\u0443\\u043b. \\u0427\\u0435\\u0445\\u043e\\u0432\\u0430 16\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u041f\\u0442 8:00 - 19:00 \\u0421\\u0431-\\u0412\\u0441 9:00 - 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.6377593,47.7741073]},{\u0022id\u0022:43,\u0022city_id\u0022:28,\u0022name\u0022:\u0022\\u041c\\u0435\\u0433\\u0430\\u043f\\u0430\\u0440\\u043a\u0022,\u0022phone\u0022:\u0022+7 (383) 200-35-85\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0412\\u0430\\u0442\\u0443\\u0442\\u0438\\u043d\\u0430, 46\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 21.00 \\u043e\\u0442\\u0434\\u0435\\u043b \\u043f\\u0440\\u043e\\u0434\\u0430\\u0436 \\u0441 7.30 \\u0434\\u043e 21.00 \\u043e\\u0442\\u0434\\u0435\\u043b \\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\\u0430\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.9649978,82.9275647]},{\u0022id\u0022:54,\u0022city_id\u0022:36,\u0022name\u0022:\u0022\\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u044c \\u0410\\u0431\\u0430\\u043a\\u0430\\u043d\u0022,\u0022phone\u0022:\u0022+7 (390) 221-78-00\u0022,\u0022address\u0022:\u0022\\u0433. \\u0410\\u0431\\u0430\\u043a\\u0430\\u043d, \\u043a\\u0432. \\u041c\\u043e\\u043b\\u043e\\u0434\\u0435\\u0436\\u043d\\u044b\\u0439, 2\\u0412\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430 9:00-19:00 \\u0412\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 9:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.721152000000004,91.442396]},{\u0022id\u0022:77,\u0022city_id\u0022:37,\u0022name\u0022:\u0022\\u041c\\u0435\\u0434\\u0432\\u0435\\u0434\\u044c \\u0422\\u043e\\u043c\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (382) 299-99-00\u0022,\u0022address\u0022:\u0022\\u0433. \\u0422\\u043e\\u043c\\u0441\\u043a, \\u0443\\u043b. \\u0415\\u043b\\u0438\\u0437\\u0430\\u0440\\u043e\\u0432\\u044b\\u0445, 82\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431: \\u0441 9:00 \\u0434\\u043e 19:00 \\u0432\\u0441. \\u0432\\u044b\\u0445\\u043e\\u0434\\u043d\\u043e\\u0439\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.484645,84.947649]},{\u0022id\u0022:59,\u0022city_id\u0022:40,\u0022name\u0022:\u0022\\u041c\\u0426 \\u0422\\u0430\\u043c\\u0431\\u043e\\u0432\u0022,\u0022phone\u0022:\u0022+7 (475) 255-95-65\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041a\\u0438\\u043a\\u0438\\u0432\\u0438\\u0434\\u0437\\u0435,83\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 08.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[52.723334,41.376133]},{\u0022id\u0022:2,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041c\\u041a\\u0410\\u0414 18\u0022,\u0022phone\u0022:\u0022+7 (495) 153-64-41\u0022,\u0022address\u0022:\u0022\\u041c\\u041a\\u0410\\u0414 18 \\u043a\\u043c.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.625894,37.799202]},{\u0022id\u0022:3,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041c\\u041a\\u0410\\u0414 47\u0022,\u0022phone\u0022:\u0022+7 (495) 127-87-46\u0022,\u0022address\u0022:\u0022\\u041c\\u041a\\u0410\\u0414 47 \\u043a\\u043c.\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.653308,37.440366]},{\u0022id\u0022:1,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041d\\u043e\\u0432\\u043e\\u0440\\u0438\\u0436\\u0441\\u043a\\u0438\\u0439\u0022,\u0022phone\u0022:\u0022+7 (495) 126-26-04\u0022,\u0022address\u0022:\u0022\\u041d\\u043e\\u0432\\u043e\\u0440\\u0438\\u0436\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 9 \\u043a\\u043c \\u043e\\u0442 \\u041c\\u041a\\u0410\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.789799,37.256559]},{\u0022id\u0022:23,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u041e\\u043b\\u0438\\u043c\\u043f\u0022,\u0022phone\u0022:\u0022+7 (812) 561-62-52\u0022,\u0022address\u0022:\u0022\\u0418\\u0441\\u043f\\u043e\\u043b\\u043a\\u043e\\u043c\\u0441\\u043a\\u0430\\u044f \\u0443\\u043b. 15 \\u043b\\u0438\\u0442 \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u0441 8: 00 \\u0434\\u043e 21:00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u043f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9:00 \\u0434\\u043e 21:00 \\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.929244,30.382862]},{\u0022id\u0022:20,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041c\\u044d\\u0439\\u0434\\u0436\\u043e\\u0440 \\u0422\\u0443\\u0448\\u0438\\u043d\\u043e\u0022,\u0022phone\u0022:\u0022+7 (495) 126-27-71\u0022,\u0022address\u0022:\u0022\\u0426\\u0432\\u0435\\u0442\\u043e\\u0447\\u043d\\u044b\\u0439 \\u043f\\u0440\\u043e\\u0435\\u0437\\u0434, \\u0434.6\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 8.00 \\u0434\\u043e 21.00 \\u041f\\u0440\\u043e\\u0434\\u0430\\u0436\\u0438 \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.841716,37.435381]},{\u0022id\u0022:100,\u0022city_id\u0022:2,\u0022name\u0022:\u0022\\u041d\\u0415\\u0417\\u0410\\u0412\\u0418\\u0421\\u0418\\u041c\\u041e\\u0421\\u0422\\u042c\u0022,\u0022phone\u0022:\u0022+7 499 229 99 44\u0022,\u0022address\u0022:\u0022\\u041c\\u043e\\u0441\\u043a\\u0432\\u0430, \\u0443\\u043b. \\u0418\\u0432\\u0430\\u043d\\u0430 \\u0424\\u0440\\u0430\\u043d\\u043a\\u043e, \\u0434. 10\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u003Cmeta charset=\\u0022UTF-8\\u0022 \\\/\\u003E\\u0421 09:00 \\u0026ndash; 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.727896,37.448851]},{\u0022id\u0022:78,\u0022city_id\u0022:14,\u0022name\u0022:\u0022\\u041d\\u0438\\u0436\\u0435\\u0433\\u043e\\u0440\\u043e\\u0434\\u0435\\u0446 \\u041d\\u041d\u0022,\u0022phone\u0022:\u0022+7 (831) 211-76-82\u0022,\u0022address\u0022:\u0022\\u041a\\u043e\\u043c\\u0441\\u043e\\u043c\\u043e\\u043b\\u044c\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 14\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00-20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.3095266,43.8994472]},{\u0022id\u0022:73,\u0022city_id\u0022:10,\u0022name\u0022:\u0022\\u041d\\u0438\\u043a\\u0430 \\u041c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (844) 255-21-21\u0022,\u0022address\u0022:\u0022\\u0433. \\u0412\\u043e\\u043b\\u0433\\u043e\\u0433\\u0440\\u0430\\u0434, \\u0443\\u043b.\\u0438\\u043c. \\u0417\\u0435\\u043c\\u043b\\u044f\\u0447\\u043a\\u0438, \\u0434. 41\\u0414\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a - \\u0441\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430\\u0026nbsp;09:00 -\\u0026nbsp;18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[48.764842,44.51402]},{\u0022id\u0022:69,\u0022city_id\u0022:47,\u0022name\u0022:\u0022\\u041f\\u0440\\u0435\\u043c\\u044c\\u0435\\u0440 \\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (481) 270-77-04\u0022,\u0022address\u0022:\u0022\\u041a\\u0440\\u0430\\u0441\\u043d\\u0438\\u043d\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 40\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a -\\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 \\u0441 9.00 \\u0434\\u043e 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.7720006,31.981009]},{\u0022id\u0022:11,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u0412\\u044b\\u0441\\u043e\\u0446\\u043a\\u043e\\u0433\\u043e\u0022,\u0022phone\u0022:\u0022+7 (343) 286-60-00\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0412\\u043b\\u0430\\u0434\\u0438\\u043c\\u0438\\u0440\\u0430 \\u0412\\u044b\\u0441\\u043e\\u0446\\u043a\\u043e\\u0433\\u043e, 3\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8435736,60.6710541]},{\u0022id\u0022:38,\u0022city_id\u0022:7,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u0413\\u0443\\u0440\\u0437\\u0443\\u0444\\u0441\\u043a\\u0430\\u044f\u0022,\u0022phone\u0022:\u0022+7 (343) 357-30-00\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0413\\u0443\\u0440\\u0437\\u0443\\u0444\\u0441\\u043a\\u0430\\u044f, 63\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9-00 \\u0434\\u043e 20-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.8252112,60.5596405]},{\u0022id\u0022:12,\u0022city_id\u0022:8,\u0022name\u0022:\u0022\\u0420\\u0435\\u0433\\u0438\\u043d\\u0430\\u0441 \\u041c\\u0430\\u0433\\u043d\\u0438\\u0442\\u043e\\u0433\\u043e\\u0440\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (351) 949-04-20\u0022,\u0022address\u0022:\u0022\\u0443\\u043b\\u0438\\u0446\\u0430 \\u0417\\u0435\\u043b\\u0435\\u043d\\u044b\\u0439 \\u041b\\u043e\\u0433, 53\\u0430\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 - 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[53.407163,58.980291]},{\u0022id\u0022:85,\u0022city_id\u0022:55,\u0022name\u0022:\u0022\\u0420\\u0420\\u0422\u0022,\u0022phone\u0022:\u0022+7 (811) 259-14-28\u0022,\u0022address\u0022:\u0022\\u0420\\u0438\\u0436\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 100\\u0412\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0432\\u0441 09:00-21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.819274,28.33246]},{\u0022id\u0022:84,\u0022city_id\u0022:54,\u0022name\u0022:\u0022\\u0420\\u0420\\u0422 \\u041c\\u0443\\u0440\\u043c\\u0430\\u043d\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (815) 255-48-65\u0022,\u0022address\u0022:\u0022\\u041a\\u043e\\u043b\\u044c\\u0441\\u043a\\u0438\\u0439 \\u043f\\u0440\\u043e\\u0441\\u043f\\u0435\\u043a\\u0442 124\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0421 9:00 \\u0434\\u043e 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[68.921406,33.108101]},{\u0022id\u0022:63,\u0022city_id\u0022:43,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a\u0022,\u0022phone\u0022:\u0022+7 (818) 245-70-91\u0022,\u0022address\u0022:\u0022163002, \\u0433. \\u0410\\u0440\\u0445\\u0430\\u043d\\u0433\\u0435\\u043b\\u044c\\u0441\\u043a, \\u0443\\u043b. \\u041e\\u043a\\u0442\\u044f\\u0431\\u0440\\u044f\\u0442, \\u0434. 36\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[64.533558,40.600177]},{\u0022id\u0022:64,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u041f\\u0443\\u043b\\u043a\\u043e\\u0432\\u043e\u0022,\u0022phone\u0022:\u0022+7 (812) 250-37-94\u0022,\u0022address\u0022:\u0022196240, \\u0433. \\u0421\\u0430\\u043d\\u043a\\u0442-\\u041f\\u0435\\u0442\\u0435\\u0440\\u0431\\u0443\\u0440\\u0433, \\u041f\\u0443\\u043b\\u043a\\u043e\\u0432\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, \\u0434. 27, \\u043b\\u0438\\u0442. \\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[59.815269,30.321599]},{\u0022id\u0022:65,\u0022city_id\u0022:44,\u0022name\u0022:\u0022\\u0421\\u0430\\u043d\\u0440\\u0430\\u0439\\u0437 \\u0413\\u0440\\u0443\\u043f\\u043f \\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c\u0022,\u0022phone\u0022:\u0022+7 485) 260-72-19\u0022,\u0022address\u0022:\u0022150044, \\u0433. \\u042f\\u0440\\u043e\\u0441\\u043b\\u0430\\u0432\\u043b\\u044c, \\u0443\\u043b. \\u041f\\u043e\\u043b\\u0443\\u0448\\u043a\\u0438\\u043d\\u0430 \\u0420\\u043e\\u0449\\u0430, \\u0434. 23\\u0430\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E09:00 - 21:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.661698,39.851072]},{\u0022id\u0022:67,\u0022city_id\u0022:46,\u0022name\u0022:\u0022\\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a\\u043c\\u043e\\u0442\\u043e\\u0440\\u0441\u0022,\u0022phone\u0022:\u0022+7 (834) 222-32-32\u0022,\u0022address\u0022:\u0022\\u0420\\u0435\\u0441\\u043f\\u0443\\u0431\\u043b\\u0438\\u043a\\u0430 \\u041c\\u043e\\u0440\\u0434\\u043e\\u0432\\u0438\\u044f, \\u0433. \\u0421\\u0430\\u0440\\u0430\\u043d\\u0441\\u043a, \\u0443\\u043b. \\u0421\\u0442\\u0440\\u043e\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u0430\\u044f, 4\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d-\\u0421\\u0431 08:00 - 20:00 \\u0412\\u0441 09:00 - 18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.2044954,45.1700043]},{\u0022id\u0022:87,\u0022city_id\u0022:26,\u0022name\u0022:\u0022\\u0421\\u0430\\u0442\\u0443\\u0440\\u043d-\\u0420-\\u0410\\u0432\\u0442\\u043e\u0022,\u0022phone\u0022:\u0022+7 (342) 248-24-08\u0022,\u0022address\u0022:\u0022\\u0448\\u043e\\u0441\\u0441\\u0435 \\u041a\\u043e\\u0441\\u043c\\u043e\\u043d\\u0430\\u0432\\u0442\\u043e\\u0432, 368\\u0410\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d - \\u0421\\u0431 09:00 - 21:00 \\u0412\\u0441 10:00 - 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[57.9444875,56.0710586]},{\u0022id\u0022:90,\u0022city_id\u0022:24,\u0022name\u0022:\u0022\\u0421\\u0438\\u043b\\u044c\\u0432\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7(351)-701-00-67\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0418\\u0433\\u0443\\u043c\\u0435\\u043d\\u043a\\u0430 173 \\u0441\\u0442\\u0440. 1\u0022,\u0022work_time\u0022:\u0022\\u003Cp style=\\u0022text-align:justify\\u0022\\u003E\\u0441 08-30 \\u0434\\u043e 21-00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.0844,61.39419]},{\u0022id\u0022:80,\u0022city_id\u0022:51,\u0022name\u0022:\u0022\\u0421\\u0438\\u043b\\u044c\\u0432\\u0435\\u0440\u0022,\u0022phone\u0022:\u0022+7 (352) 250-94-48\u0022,\u0022address\u0022:\u0022\\u043f\\u0440. \\u041c\\u0430\\u0440\\u0448\\u0430\\u043b\\u0430 \\u0413\\u043e\\u043b\\u0438\\u043a\\u043e\\u0432\\u0430, 22\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0435\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e 8.30 - 20.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.4787154,65.3152615]},{\u0022id\u0022:75,\u0022city_id\u0022:50,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441\u0022,\u0022phone\u0022:\u0022+7 (835) 232-91-31\u0022,\u0022address\u0022:\u0022\\u041c\\u0430\\u0440\\u043f\\u043e\\u0441\\u0430\\u0434\\u0441\\u043a\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435, 19\\\/1\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u043f\\u043d-\\u0441\\u0431: 08.00-20.00 \\u0432\\u0441: 09.00-17.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[56.128159,47.325046]},{\u0022id\u0022:76,\u0022city_id\u0022:22,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u041a\\u0430\\u0437\\u0430\\u043d\\u044c \\u0418\\u0431\\u0440\\u0430\\u0433\\u0438\\u043c\\u043e\\u0432\\u0430\u0022,\u0022phone\u0022:\u0022+7 (843) 210-32-41\u0022,\u0022address\u0022:\u0022\\u043f\\u0440\\u043e\\u0441\\u043f. \\u0418\\u0431\\u0440\\u0430\\u0433\\u0438\\u043c\\u043e\\u0432\\u0430, 48\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 08:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 09:00-19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.823232,49.093918]},{\u0022id\u0022:37,\u0022city_id\u0022:23,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u041d\\u0430\\u0431\\u0435\\u0440\\u0435\\u0436\\u043d\\u044b\\u0435 \\u0427\\u0435\\u043b\\u043d\\u044b\u0022,\u0022phone\u0022:\u0022+7 (855) 222-12-51\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0430\\u0448\\u0438\\u043d\\u043e\\u0441\\u0442\\u0440\\u043e\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u0430\\u044f, \\u0434. 1\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 09:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 10:00-19:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[55.70917,52.395577]},{\u0022id\u0022:35,\u0022city_id\u0022:21,\u0022name\u0022:\u0022\\u0422\\u0440\\u0430\\u043d\\u0441\\u0442\\u0435\\u0445\\u0441\\u0435\\u0440\\u0432\\u0438\\u0441 \\u0423\\u0444\\u0430\u0022,\u0022phone\u0022:\u0022+7 (347) 200-85-82\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u041c\\u0430\\u0440\\u0448\\u0430\\u043b\\u0430 \\u0416\\u0443\\u043a\\u043e\\u0432\\u0430, \\u0434\\u043e\\u043c \\u211632\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043d.-\\u0421\\u0431.: 09:00-20:00\\u003Cbr \\\/\\u003E\\r\\n\\u0412\\u0441.: 10:00-18:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.782609,56.074879]},{\u0022id\u0022:44,\u0022city_id\u0022:28,\u0022name\u0022:\u0022\\u0424\\u0410\\u0421\\u0422\\u0410\\u0420\u0022,\u0022phone\u0022:\u0022+7 (383) 363-00-44\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0421\\u0442\\u0430\\u043d\\u0446\\u0438\\u043e\\u043d\\u043d\\u0430\\u044f, \\u0434\\u043e\\u043c 88\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[54.9974249,82.7553848]},{\u0022id\u0022:94,\u0022city_id\u0022:3,\u0022name\u0022:\u0022\\u0424\\u043e\\u0440\\u0441\\u0430\\u0436\u0022,\u0022phone\u0022:\u00228 812-347-77-12\u0022,\u0022address\u0022:\u0022194355, \\u0412\\u044b\\u0431\\u043e\\u0440\\u0433\\u0441\\u043a\\u043e\\u0435 \\u0448., 27, \\u043a\\u043e\\u0440\\u043f. 2\\u0411\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u0415\\u0436\\u0435\\u0434\\u043d\\u0435\\u0432\\u043d\\u043e \\u0441 9.00 \\u0434\\u043e 21.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[60.061861,30.305007]},{\u0022id\u0022:60,\u0022city_id\u0022:41,\u0022name\u0022:\u0022\\u0426\\u0435\\u043d\\u0442\\u0440 \\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433\u0022,\u0022phone\u0022:\u0022+7 (353) 240-41-41\u0022,\u0022address\u0022:\u0022\\u0433.\\u041e\\u0440\\u0435\\u043d\\u0431\\u0443\\u0440\\u0433, \\u0417\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u043e\\u0435 \\u0448\\u043e\\u0441\\u0441\\u0435 13\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E\\u041f\\u043e\\u043d\\u0435\\u0434\\u0435\\u043b\\u044c\\u043d\\u0438\\u043a-\\u043f\\u044f\\u0442\\u043d\\u0438\\u0446\\u0430: 9.00 \\u0434\\u043e 19.00 \\u0421\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430, \\u0432\\u043e\\u0441\\u043a\\u0440\\u0435\\u0441\\u0435\\u043d\\u044c\\u0435 : 10.00-18.00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[51.768205,55.096964]},{\u0022id\u0022:8,\u0022city_id\u0022:4,\u0022name\u0022:\u0022\\u042e\\u0433-\\u0410\\u0432\\u0442\\u043e \\u041a\\u0440\\u0430\\u0441\\u043d\\u043e\\u0434\\u0430\\u0440\u0022,\u0022phone\u0022:\u0022+7 (861) 203-19-08\u0022,\u0022address\u0022:\u0022\\u0443\\u043b. \\u0414\\u0437\\u0435\\u0440\\u0436\\u0438\\u043d\\u0441\\u043a\\u043e\\u0433\\u043e, 102\\\/2\u0022,\u0022work_time\u0022:\u0022\\u003Cp\\u003E8:00 - 20:00\\u003C\\\/p\\u003E\u0022,\u0022coords\u0022:[45.1037465,38.9833614]}]'),
value: '',
multiple: false,
placeholder: null,
watchSelect: 'city',
updateOptionsEndpoint: '\/internal\/dealer\/',
disabled: false,
})" tabindex="-1" class="" x-model="dealer" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Дилерский центр</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.dealer ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="dealer" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">GOOD CAR</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">LIVAN Гранд Групп</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Аванта</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АВД Премиум</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Авто-М</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоимпорт Рязань</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоимпорт Тула</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автолига</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АвтоЛидер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автолоцман</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автополе</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоцентр АНТ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоцентр Сити Юг</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Автоэкспресс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АвтоЮг Ставрополь</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Альфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Антикор Сервис</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Аргус - ГК Кабриолет</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Арконт</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АсАвто Самара Юг</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">АЦ Кунцево</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Базис-Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Башавтоком</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Бета Онего</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Гедон-Трейд</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Гранада-Элит</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДАКАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЖЕЙКАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЦ Волгоградка</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ДЦ Шереметьево</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ИНКОМ-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">К-Ралли</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КЛЮЧАВТО Краснодар</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КЛЮЧАВТО Ростов-на-Дону</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">КОМОС-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Лаки Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ЛЕОН</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мегапарк</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Медведь Абакан</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Медведь Томск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">МЦ Тамбов</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор МКАД 18</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор МКАД 47</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Новорижский</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Олимп</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Мэйджор Тушино</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">НЕЗАВИСИМОСТЬ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Нижегородец НН</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ника Моторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Премьер Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Высоцкого</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Гурзуфская</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Регинас Магнитогорск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">РРТ</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">РРТ Мурманск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Архангельск</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Пулково</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Санрайз Групп Ярославль</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Саранскмоторс</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сатурн-Р-Авто</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сильвер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Сильвер</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Казань Ибрагимова</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Набережные Челны</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Транстехсервис Уфа</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">ФАСТАР</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Форсаж</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Центр Оренбург</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Юг-Авто Краснодар</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.service" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:1,\u0022name\u0022:\u0022\\u041f\\u043b\\u0430\\u043d\\u043e\\u0432\\u043e\\u0435 \\u0422\\u041e\u0022},{\u0022id\u0022:2,\u0022name\u0022:\u0022\\u0420\\u0435\\u043c\\u043e\\u043d\\u0442\u0022},{\u0022id\u0022:3,\u0022name\u0022:\u0022\\u041a\\u0443\\u0437\\u043e\\u0432\\u043d\\u043e\\u0439 \\u0440\\u0435\\u043c\\u043e\\u043d\\u0442\u0022},{\u0022id\u0022:4,\u0022name\u0022:\u0022\\u0414\\u0438\\u0430\\u0433\\u043d\\u043e\\u0441\\u0442\\u0438\\u043a\\u0430\u0022},{\u0022id\u0022:5,\u0022name\u0022:\u0022\\u0428\\u0438\\u043d\\u043e\\u043c\\u043e\\u043d\\u0442\\u0430\\u0436\u0022},{\u0022id\u0022:6,\u0022name\u0022:\u0022\\u0414\\u0440\\u0443\\u0433\\u043e\\u0435\u0022}]'),
value: null,
multiple: false,
placeholder: null,
watchSelect: null,
updateOptionsEndpoint: null,
disabled: false,
})" tabindex="-1" class="" x-model="service" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Тип обслуживания</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.service ? 'border-red-500' : ''">
<div class="truncate text-gray-70" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">Выбрать</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="service" x-bind:value="selected?.id">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Плановое ТО</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Ремонт</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Кузовной ремонт</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Диагностика</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Шиномонтаж</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">Другое</div>
</div>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.model" style="display: none;"> Обязательное поле </span>
<div x-data="select({
options: JSON.parse('[{\u0022id\u0022:3,\u0022name\u0022:\u0022X6PRO\u0022,\u0022price_min\u0022:2089000,\u0022price_min_format\u0022:\u00222\\u0026nbsp;089\\u0026nbsp;000\u0022,\u0022preview_link\u0022:\u0022https:\\\/\\\/livan-motors.ru\\\/storage\\\/model\\\/bbBDhP06n1B6pGX5Att1HJPFDMmYvUKCMQUSKD9s.png\u0022},{\u0022id\u0022:4,\u0022name\u0022:\u0022S6PRO\u0022,\u0022price_min\u0022:1959000,\u0022price_min_format\u0022:\u00221\\u0026nbsp;959\\u0026nbsp;000\u0022,\u0022preview_link\u0022:\u0022https:\\\/\\\/livan-motors.ru\\\/storage\\\/model\\\/TuEDy1PJsvGNHojQ8yuKHHS95SZKYBnll6VpTf2Z.png\u0022},{\u0022id\u0022:1,\u0022name\u0022:\u0022X3PRO\u0022,\u0022price_min\u0022:1559000,\u0022price_min_format\u0022:\u00221\\u0026nbsp;559\\u0026nbsp;000\u0022,\u0022preview_link\u0022:\u0022https:\\\/\\\/livan-motors.ru\\\/storage\\\/model\\\/GH3gzubQmSC8GzjJNtehI9LKZyl2XAvdqr5HfnT3.png\u0022}]'),
value: 1,
multiple: false,
placeholder: null,
watchSelect: null,
updateOptionsEndpoint: null,
disabled: false,
})" tabindex="-1" class="" x-model="model" x-modelable="selected" aria-disabled="false">
<label class="text-xs mb-2">Модель</label>
<div tabindex="0" class="relative cursor-pointer group-aria-disabled:cursor-default" x-on:focus="onContainerFocus" x-on:blur="onContainerBlur" x-on:click="onContainerClick" x-ref="container">
<div x-show="!inFocus" class="bg-white group-aria-disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full flex items-center justify-between space-x-4"
x-bind:class="errors.model ? 'border-red-500' : ''">
<div class="truncate" x-bind:class="[ selected ? '' : 'text-gray-70' ]" x-text="label">X3PRO</div>
<svg class="h-2 flex-shrink-0 stroke-current text-gray-70 transition transform ease-in-out rotate-0" x-bind:class="inFocus ? 'rotate-180' : 'rotate-0'" viewBox="0 0 12 6" fill="none" stroke="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.6666 1L5.99992 5L1.33325 1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<input x-ref="selectValue" type="hidden" name="model" x-bind:value="selected?.id" value="1">
<div class="w-full space-y-1">
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-show="inFocus" x-model="search"
x-ref="search" x-on:blur="onSearchBlur" x-on:keydown="onSearchKeydown" style="display: none;">
</div>
<div x-show="inFocus" class="absolute top-full left-0 mt-3 w-full h-max max-h-60 shadow bg-white rounded overflow-y-scroll z-10 p-3" x-ref="dropdown" style="display: none;">
<div class="w-full flex flex-col">
<template x-for="(option, idx) in filteredOptions()">
<div class="px-4 py-2 cursor-pointer option" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)"></div>
</template>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">X6PRO</div>
<div class="px-4 py-2 cursor-pointer option hover:bg-gray-light-10" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">S6PRO</div>
<div class="px-4 py-2 cursor-pointer option bg-main text-white" x-bind:class="{
'bg-main text-white': isOptionSelected(option) && !isOptionNavigated(idx),
'bg-gray-light-10': isOptionNavigated(idx) && !isOptionSelected(option),
'bg-gray-light-10 text-main': isOptionNavigated(idx) && isOptionSelected(option),
'hover:bg-gray-light-10': !isOptionSelected(option),
}" x-text="option.name" @click.stop="onOptionClick(option)">X3PRO</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full space-y-1">
<label class="text-xs mb-2" for="">VIN номер</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="vin" name="vin">
</div>
<div class="w-full space-y-1">
<label class="text-xs mb-2" for="">Имя</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="name" name="name">
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.phone" style="display: none;"> Обязательное поле </span>
<div class="w-full space-y-1" x-data="inputPhone()">
<label class="text-xs mb-2" for="">Телефон</label>
<input type="text" class="bg-white border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full focus:border-main outline-0 focus:shadow-input disabled:bg-gray-light-10" x-model="phone" name="phone"
x-bind:class="errors.phone ? '!border-red-500' : ''" inputmode="text">
</div>
</div>
</div>
<div class="">
<label class="text-xs mb-2" for="">Ваши пожелания</label>
<textarea class="bg-white disabled:bg-gray-light-10 border border-gray-light/70 py-3 px-4 placeholder:text-gray-70 rounded-sm font-light w-full" x-model="comment" name="comment"></textarea>
</div>
<div class="relative w-full">
<span class="absolute top-full left-0 text-[10px] text-red-500" x-show="errors.agreement" style="display: none;"> Обязательное поле </span>
<div class="flex items-center cursor-pointer aria-disabled:cursor-default group max-w-full w-max " x-on:click="onClick" x-data="formCheckbox({})" aria-disabled="false">
<div class="border w-5 h-5 relative flex-shrink-0 focus:border-main rounded-sm outline-0 focus:shadow-input bg-white group-aria-disabled:bg-gray-light-10 border-gray-300" x-bind:class="{
'bg-white group-aria-disabled:bg-gray-light-10 border-gray-300': !value,
'bg-main group-aria-disabled:bg-main-40 border-main': value,
}" tabindex="0" x-on:keydown.space.prevent="onClick">
<svg x-show="value" class="w-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 stroke-current text-white" viewBox="0 0 14 10" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path d="M12.3332 1L4.99984 8.33333L1.6665 5" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<input x-model="agreement" name="agreement" aria-label="Согласие" x-bind:class="errors.agreement ? '!border-red-500' : ''" type="checkbox" class="hidden">
</div>
<div class="font-light text-sm ml-2">
<div class="border-b border-transparent">Я соглашаюсь с <a href="https://livan-motors.ru/agreement/" target="_blank" class="border-b border-gray/70 hover:text-main hover:border-main">условиями обработки персональных данных</a></div>
</div>
</div>
</div>
<button
class="rounded-sm cursor-pointer disabled:cursor-not-allowed aria-disabled:cursor-not-allowed text-center bg-black hover:bg-gray text-white disabled:bg-gray/50 aria-disabled:bg-gray/50 py-3 px-6 focus:border-main outline-0 focus:shadow-input w-full text-center"
type="submit"> Оставить заявку </button>
</form>Text Content
Вся Россия Ваш город Вся Россия ? Да, верно Выбрать другой Модели Авто в наличии Покупателям Найти дилера Спецпредложения Трейд-ин Корпоративным клиентам Записаться на тест-драйв Владельцам Гарантия LIVAN Спецпредложения Калькулятор ТО Записаться на сервис Запчасти и аксессуары Инструкции по эксплуатации My Livan LIVAN Ассистанс Мир LIVAN LIVAN в России LIVAN в мире Новости Публикации о нас Вакансии Контакты Стать дилером Дилеры Вся Россия Ваш город Вся Россия Абакан Архангельск Астрахань Барнаул Великий Новгород Владимир Волгоград Вологда Воронеж Екатеринбург Иваново Ижевск Йошкар-Ола Казань Кемерово Киров Краснодар Красноярск Курган Курск Липецк Магнитогорск Москва Мурманск Набережные Челны Нижний Новгород Новороссийск Новосибирск Ногинск Омск Оренбург Пенза Пермь Петрозаводск Псков Пятигорск Ростов-на-Дону Рязань Самара Санкт-Петербург Саранск Саратов Смоленск Ставрополь Сургут Сыктывкар Тамбов Тверь Тольятти Томск Тула Тюмень Уфа Химки Чебоксары Челябинск Энгельс Ярославль Модели Авто в наличии Покупателям Найти дилера Спецпредложения Трейд-ин Корпоративным клиентам Записаться на тест-драйв Владельцам Гарантия LIVAN Спецпредложения Калькулятор ТО Записаться на сервис Запчасти и аксессуары Инструкции по эксплуатации My Livan LIVAN Ассистанс Мир LIVAN LIVAN в России LIVAN в мире Новости Публикации о нас Вакансии Контакты Стать дилером Дилеры Дайте Старт новому LIVAN X6PRO от 2 089 000 ₽ Подробнее о модели Драйв в Вашем стиле LIVAN S6PRO от 1 959 000 ₽ Подробнее о модели Быть свободным LIVAN X3PRO от 1 559 000 ₽ Подробнее о модели МОДЕЛИ LIVAN LIVAN X6PRO LIVAN S6PRO LIVAN X3PRO LIVAN X6PRO от 2 089 000 ₽ Подробнее о модели LIVAN S6PRO от 1 959 000 ₽ Подробнее о модели LIVAN X3PRO от 1 559 000 ₽ Подробнее о модели СПЕЦИАЛЬНЫЕ ПРЕДЛОЖЕНИЯ Смотреть все С 24 мая Trade – in С 25 июля Ежемесячный платеж всего 9 410 рублей в месяц. С 26 июля Программа LIVAN FINANCE Смотреть все УЗНАЙТЕ БОЛЬШЕ О LIVAN Записаться на тест-драйв Записаться на сервис Найти дилера Запросить предложение НОВОСТИ Смотреть все 5 августа Вместо Короллы и Октавии: LIVAN S6 PRO или Changan Eado PLUS? 30 июля Один подстаканник за два миллиона? Livan S6PRO 29 мая Развитие технологий восполнения энергии в электромобилях Livan. 29 мая Мы придерживаемся первоначального курса. 12 марта Просто машина: приятные неожиданности Livan S6 Pro Седан из Поднебесной тоже может доставить водителю удовольствие 15 февраля САМЫЙ ПРИЛИЧНЫЙ СРЕДИ Kaiyi, Омода, Джили, но дороже Лада Веста 29 декабря LIVAN X6 pro / Большой тест-драйв 27 декабря LIVAN X6 PRO. Тест-драйв. Anton Avtoman. 25 декабря Крепкий середнячок Livan X6 Pro | Наши тесты 10 декабря ШКОДА и КИА в одном ФЛАКОНЕ! Новый LIVAN S6PRO / Ливэн С6ПРО 2023 детальный тест и обзор! 30 ноября За рулем. LIVAN X6PRO — обзор нового недорогого кроссовера 16 ноября Это замена Sandero и XRay. Livan X3 Pro | Наши тесты 16 ноября Китайский премиум за 2.5 млн против Haval, Chery и Geely! Новый Livan X6PRO #ДорогоБогато 30 октября «Монжаро» на минималках: тест и обзор Livan X3 Pro При каждой поездке в голове крутилась самодельная кавер-версия на народную песню про кудрявого Ивана: «Я за то люблю Ливана, что машина иностранна»… И неспроста: ведь, по сути, Livan X3 Pro — это кавер-версия на Geely Vision X3 20 октября Компания LIVAN сообщает об официальной премьере динамичного городского седана LIVAN S6PRO и кроссовера LIVAN X6PRO Компания LIVAN сообщает об официальной премьере динамичного городского седана в спортивном стиле LIVAN S6PRO и динамичного городского кроссовера LIVAN X6PRO. 13 октября 12 октября 2023 года объявлены результаты народного голосования Премии «Автомобиль года в России» По результатам ежегодной национальной премии «АВТОМОБИЛЬ ГОДА В РОССИИ» в 2023 году модель LIVAN X3PRO является лидером в номинации «Лучшее соотношение цена-качество». 4 сентября Розыгрыш призов с LIVAN X3PRO и «Росбанк Авто» Участвуйте и выигрывайте 1 из 10 подарочных карт VISA номиналом в 15 000 рублей. 28 июля Почему LIVAN – это принципиально новая автомобильная марка? Новая китайская марка Livan начала продажи в России компактного кроссовера и уже скоро приступит к поставкам еще двух моделей: седана и кроссовера побольше. О развитии марки Livan в России в интервью «Авто Года» рассказывает господин Се Цзяо, генеральный директор «Ливэн Моторс Рус». Он, в частности, прокомментировал распространенное мнение потребителей о завышенной цене автомобилей из Китая. 23 июля Полный фарш и автомат по цене Лады: новый Livan x3 pro - самый доступный кроссовер 18 июля Lifan умер, да здравствует Livan: тест-драйв Livan X3Pro Он невелик по размерам, но выглядит гармонично. У него не самый могучий мотор и вариатор, но в городе он чувствует себя, как плотвичка в воде. Его салон отделан жестким пластиком, но его оснащение соответствует иным более солидным машинам. Знакомьтесь — Livan X3Pro. 11 июля Дешевых машин больше не будет: на что рассчитывает Livan в России До пандемии коронавируса Lifan была одной из самых успешных китайских марок в России. Однако ряд экономических факторов и сложности, вызванные ковидом, сильно сказались на ее финансовой стабильности. После банкротства производителя его активы перешли к корпорации Geely, и появился новый бренд Livan. Что изменилось в компании, кроме одной буквы в наименовании, какие автомобили она планирует продавать в нашей стране и чем Livan отличается от массы других «поднебесных» автостроителей, порталу «АвтоВзгляд» рассказал исполнительный директор «Ливэн Моторс Рус» господин Кун Шуай. 15 июня Стартовали продажи LIVAN X3PRO 15 июня 2023 года бренд LIVAN официально представил динамичный городской кроссовер LIVAN X3PRO и объявил о старте продаж 28 мая Планы Livan в РФ: с июля — большой седан и SUV с DCT. Продажи в 2024 году — 40 000 штук! В наш последний объезд дилеров мы уже встретили первую модель недавно рожденного (точнее, перерожденного) бренда Livan в одном московском автосалоне. Наши читатели, прочитав название как «Ливан», отреагировали в своем репертуаре: дескать, для комплекта осталось добавить бренды «Иран» и «Гондурас». Между тем по-русски все-таки правильно произносить «Ливэн». Что касается формирования модельной линейки в России: некоторое время назад с дилерской конференции по интернету расползлись утечки, но мы слухи не предлагаем — с нами побеседовал исполнительный директор российского представительства Livan г-н Кун Шуай и все подробно рассказал… Смотреть все НАЙТИ ДИЛЕРА Вся Россия Карта Список Ваш город Вся Россия Абакан Архангельск Астрахань Барнаул Великий Новгород Владимир Волгоград Вологда Воронеж Екатеринбург Иваново Ижевск Йошкар-Ола Казань Кемерово Киров Краснодар Красноярск Курган Курск Липецк Магнитогорск Москва Мурманск Набережные Челны Нижний Новгород Новороссийск Новосибирск Ногинск Омск Оренбург Пенза Пермь Петрозаводск Псков Пятигорск Ростов-на-Дону Рязань Самара Санкт-Петербург Саранск Саратов Смоленск Ставрополь Сургут Сыктывкар Тамбов Тверь Тольятти Томск Тула Тюмень Уфа Химки Чебоксары Челябинск Энгельс Ярославль GOOD CAR Автосервис Тест-драйв Запчасти Выбрать дилера Энгельс, Энгельс, Степная 124 А Показать реквизиты Общество с ограниченной ответственностью «Вега» ИНН 6449107952 КПП 644901001 ОГРН 1246400004069 с 09.00 до 19.00 без выходных +7 (845) 353-18-21 livan-goodcar.ru Автосервис Тест-драйв Запчасти Выбрать дилера LIVAN Гранд Групп Автосервис Тест-драйв Запчасти Выбрать дилера Москва, Реутов ул. Победы 31а Показать реквизиты ООО «ГРАНД ГРУПП» ИНН 5047251873 КПП 504701001 ОГРН 1215000053663 Ежедневно с 9-00 до 21-00 +7 (495) 120-53-83 livan-grandgrupp.ru Автосервис Тест-драйв Запчасти Выбрать дилера Аванта Выбрать дилера Москва, ул. Краснобогатырская 89с1. Показать реквизиты ООО «Ривьера» ИНН 9718235608 9:00 - 20:00 Ежедневно +7 (495) 445-55-90 Выбрать дилера АВД Премиум Автосервис Тест-драйв Запчасти Выбрать дилера Киров, г. Киров, ул. Карла Маркса, 4 Показать реквизиты ООО АВД Премиум ИНН 4345429976 КПП 434501001 ОГРН 1154350012783 Ежедневно с 08-00 до 20-00 +7 (833) 222-29-99 livan-awdm.ru Автосервис Тест-драйв Запчасти Выбрать дилера Авто-М Автосервис Тест-драйв Запчасти Выбрать дилера Великий Новгород, ул. Б. Санкт-Петербургская, 173 Показать реквизиты ООО Авто-МК ИНН 5321158260 КПП 532101001 ОГРН 1125321007008 Ежедневно с 8.00 до 20.00 +7 (816) 220-04-69 livan-avto-m.ru Автосервис Тест-драйв Запчасти Выбрать дилера Автоимпорт Рязань Автосервис Тест-драйв Запчасти Выбрать дилера Рязань, Куйбышевское шоссе, 42 Показать реквизиты Общество с ограниченной ответственностью «Автоимпорт ФВ» ИНН 6234035000 9:00-20:00 +7 (491) 272-23-44 livan-autoimport62.ru Автосервис Тест-драйв Запчасти Выбрать дилера Автоимпорт Тула Автосервис Тест-драйв Запчасти Выбрать дилера Тула, ул. Октябрьская, д.309 Показать реквизиты ООО Тульские автомобили ИНН 7100009698 08:00 – 20:00 +7 (4872) 900-407 livan-autoimport.ru Автосервис Тест-драйв Запчасти Выбрать дилера Автолига Автосервис Тест-драйв Запчасти Выбрать дилера Нижний Новгород, Ошарская, 95 Показать реквизиты ООО «Автолига-спорт» ИНН 5262145299 с 09:00 до 19:00 +7 (831) 288-38-40 livan-avtoliga.ru Автосервис Тест-драйв Запчасти Выбрать дилера АвтоЛидер Автосервис Тест-драйв Запчасти Выбрать дилера Москва, Варшавское шоссе 91 с 5 Показать реквизиты ООО Автолидер ИНН 7726402915 КПП 772601001 ОГРН 1177746487918 09:00-21:00 +7 (499) 213-13-31 livan-autolider.ru Автосервис Тест-драйв Запчасти Выбрать дилера Автолоцман Автосервис Тест-драйв Запчасти Выбрать дилера Пенза, проспект Победы, 53Б Показать реквизиты ООО "Автолоцман-СК" ИНН 5835122738 Понедельник-суббота 09:00-19:00 Воскресенье 09:00-17:00 +7 (841) 250-51-37 livan-autolocman.ru Автосервис Тест-драйв Запчасти Выбрать дилера Автополе Автосервис Тест-драйв Запчасти Выбрать дилера Санкт-Петербург, Кудрово, Мурманское шоссе, 5 Ежедневно 09:00-22:00 +7 (812) 565-30-57 Автосервис Тест-драйв Запчасти Выбрать дилера Автоцентр АНТ Автосервис Тест-драйв Запчасти Выбрать дилера Барнаул, Павловский тракт, 249е Показать реквизиты ООО "АНТ Импорт" ИНН 2225084998 Будни с 8.00 до 19.00 Выходные с 9.00 до 17.00 +7 (385) 259-56-14 livan-ant22.ru Автосервис Тест-драйв Запчасти Выбрать дилера Автоцентр Сити Юг Автосервис Тест-драйв Запчасти Выбрать дилера Москва, Москва, поселок Развилка, МКАД, 22-й километр, вл3 Показать реквизиты 5003114100 ИНН Общество с ограниченной ответственностью «Автоцентр Сити Юг» КПП 500301001 ОГРН 1155003001999 пн-сб 8:00-21:00, вс 8:00-20:00 +7 (495) 660-04-00 livan-acc.ru Автосервис Тест-драйв Запчасти Выбрать дилера Автоэкспресс Автосервис Тест-драйв Запчасти Выбрать дилера Иваново, Иваново, Ивановский район, д. Коляново, ул. Загородная, 26, стр1. Показать реквизиты ООО "АВТОЭКСПРЕСС ЦЕНТР" ИНН 3711037740 КПП 352501001 ОГРН 1143711002401 9:00 - 19:00, Вс. 9:00-18:00 +7 (493) 270-04-24 livan-avtoexpress.ru Автосервис Тест-драйв Запчасти Выбрать дилера АвтоЮг Ставрополь Автосервис Тест-драйв Запчасти Выбрать дилера Ставрополь, улица Октябрьская, 204 Показать реквизиты Общество с ограниченной ответственностью «Автоюг Ставрополь» ИНН 2635255012 понедельник - воскресенье с 9:00 до 20:00 +7 (865) 259-42-17 livan-avtoug.ru Автосервис Тест-драйв Запчасти Выбрать дилера Альфа Автосервис Тест-драйв Запчасти Выбрать дилера Самара, ул. Ново-Урицкая, д. 22 Показать реквизиты ООО «Автоцентр Альфа» ИНН 6324066475 КПП 631101001 ОГРН 1156313073608 Ежедневно с 08:00 до 20:00 без перерывов и выходных +7 (846) 211-05-94 livan-alpha.ru Автосервис Тест-драйв Запчасти Выбрать дилера Антикор Сервис Автосервис Тест-драйв Запчасти Выбрать дилера Омск, ул. Мельничная, 132/1 Показать реквизиты ООО "Антикор-Омск" ИНН 5507276296 КПП 5507276196 пн-вс , с 9.00 до 20.00 +7 (381) 299-26-97 livan-antikorservis-omsk.ru Автосервис Тест-драйв Запчасти Выбрать дилера Аргус - ГК Кабриолет Автосервис Тест-драйв Запчасти Выбрать дилера Вологда, Советский проспект 87 Показать реквизиты ООО «Аргус» ИНН 3525276300 с 9.00 до 19.00 с ПН.-ВС. ежедневно, без перерывов +7(8172) 204-708 Автосервис Тест-драйв Запчасти Выбрать дилера Арконт Автосервис Тест-драйв Запчасти Выбрать дилера Волгоград, Вильнюсская ул., 42/2 Показать реквизиты Филиал №1 ООО "Арконт Д" ИНН 3443921870 КПП 344343001 ОГРН 1133443012361 08.00-20.00 ежедневно +7 (844) 220-60-42 livan-arkont.ru Автосервис Тест-драйв Запчасти Выбрать дилера АсАвто Самара Юг Автосервис Тест-драйв Запчасти Выбрать дилера Самара, Южное шоссе, 10А Показать реквизиты ООО «Самара Юг» ИНН 6317154603 КПП 631701001 ОГРН 1216300043200 Ежедневно с 9:00 до 20:00 +7 (846) 212-96-34 livan-asavto-smr.ru Автосервис Тест-драйв Запчасти Выбрать дилера АЦ Кунцево Автосервис Тест-драйв Запчасти Выбрать дилера Москва, Горбунова, 14 Показать реквизиты ООО "АЦ Кунцево" ИНН 5032271820 08:30 - 21:00 7 (495) 477-81-21 livan-kuntsevo.ru Автосервис Тест-драйв Запчасти Выбрать дилера Базис-Моторс Автосервис Тест-драйв Запчасти Выбрать дилера Тюмень, г. Тюмень, ул. Пермякова ,19 Показать реквизиты ООО "Базис Тюмень" ИНН 7203519605 КПП 720301001 ОГРН 1217200007364 с 08:30 до 20:00 +7 (345) 251-90-46 livan-bazismotors.ru Автосервис Тест-драйв Запчасти Выбрать дилера Башавтоком Автосервис Тест-драйв Запчасти Выбрать дилера Уфа, Ул. Рубежная, 168 Показать реквизиты ООО "Автофорум" ИНН 0274096907 КПП 027401001 ОГРН 1040203900758 Ежедневно с 09.00 до 21.00 +7 (347) 215-06-40 livan-bashautocom.ru Автосервис Тест-драйв Запчасти Выбрать дилера Бета Онего Автосервис Тест-драйв Запчасти Выбрать дилера Петрозаводск, ул. Лыжная, д.3 Показать реквизиты ООО «Бета Финанс» ИНН 7804607479 КПП 782001001 ОГРН 1177847322003 9:00 – 21:00 +7 (8142) 55-90-48 Автосервис Тест-драйв Запчасти Выбрать дилера Гедон-Трейд Автосервис Тест-драйв Запчасти Выбрать дилера Ростов-на-Дону, ул. Вавилова, 67М Показать реквизиты 344064, г. Ростов-на-Дону, ул. Вавилова, здание 67М ИНН 6164230283 КПП 616501001 ОГРН 1056164000860 8:00-20:00 +7 (863) 320-59-35 livan-gedon.ru Автосервис Тест-драйв Запчасти Выбрать дилера Гранада-Элит Автосервис Тест-драйв Запчасти Выбрать дилера Красноярск, Маерчака 109л Показать реквизиты ООО «Гранада-Элит» ИНН 2463129090 КПП 246301001 ОГРН 1232400001635 с 10 до 19 +7 (391) 269-97-40 livan-granadaelite.ru Автосервис Тест-драйв Запчасти Выбрать дилера ДАКАР Автосервис Тест-драйв Запчасти Выбрать дилера Санкт-Петербург, Таллинское шоссе, 202Д Показать реквизиты ООО "Одиссея-СПБ" ИНН 7805640694 КПП 781401001 ОГРН 1147847013962 Ежедневно в 09:00 до 21:00 +7 (812) 416-93-16 livan-dacar.ru Автосервис Тест-драйв Запчасти Выбрать дилера ДЖЕЙКАР Автосервис Тест-драйв Запчасти Выбрать дилера Владимир, ул. Большая Нижегородская, д.95 В, корп. 1 Показать реквизиты ООО "ДЖЕЙКАР" ИНН 5260153657 КПП 330045001 ОГРН 1055238096748 Понедельник-Пятница с 08:00 до 20:00 Суббота-Воскресенье с 08:00 до 18:00 +7 (492) 222-17-82 livan-jcar.ru Автосервис Тест-драйв Запчасти Выбрать дилера ДЦ Волгоградка Автосервис Тест-драйв Выбрать дилера Москва, Москва, Волгоградский проспект, д.32, к.7 Показать реквизиты ООО КЦ Шереметьево ИНН 5047111019 8:00 до 21:00 сервис 09:00 до 21:00 ОП +7 (495) 492-01-06 livan-sheremetyevo.ru Автосервис Тест-драйв Выбрать дилера ДЦ Шереметьево Автосервис Тест-драйв Запчасти Выбрать дилера Москва, Химки, Ленинградское шоссе, строение 21А Показать реквизиты ООО КЦ Шереметьево ИНН 5047111019 08:00 до 21:00 сервис 09:00 до 21:00 ОП +7 (495) 488-67-90 livan-sheremetyevo.ru Автосервис Тест-драйв Запчасти Выбрать дилера ИНКОМ-Авто Выбрать дилера Сыктывкар, 167000, Сысольское ш. 39 Показать реквизиты ООО «ИНКОМ-Авто» ИНН 1101151047 08.00 до 20.00 ежедневно +7 8212 51 33 33 Выбрать дилера К-Ралли Автосервис Тест-драйв Запчасти Выбрать дилера Новороссийск, Луначарского 20А Показать реквизиты ООО К-Ралли Ч ИНН 2315145589 КПП 231501001 ОГРН 1082315005387 Пн-Пт: 09:00-19:00 Сб: 09:00-18:00 Вс: 10:00-18:00 +7 (861) 238-15-58 k-rally-livan.ru Автосервис Тест-драйв Запчасти Выбрать дилера КЛЮЧАВТО Краснодар Автосервис Тест-драйв Запчасти Выбрать дилера Краснодар, ул. Аэропортовская 4/2 Показать реквизиты ООО "СБСВ-КЛЮЧАВТО ПРЕМИУМ" ИНН 2305028251 КПП 230501001 ОГРН 1132368000610 8.00-20.00 +7 (861) 238-19-94 livan-keyauto.ru Автосервис Тест-драйв Запчасти Выбрать дилера КЛЮЧАВТО Ростов-на-Дону Автосервис Тест-драйв Запчасти Выбрать дилера Ростов-на-Дону, Аксай, Аксайский проспект, 13 Показать реквизиты ООО "СБСВ-КЛЮЧАВТО АЗОВ" ИНН 2305028491 КПП 610245001 ОГРН 1132368001776 8.00-20.00 +7 (863) 320-59-30 livan-keyauto.ru Автосервис Тест-драйв Запчасти Выбрать дилера КОМОС-Авто Автосервис Тест-драйв Запчасти Выбрать дилера Ижевск, ул. Коммунаров д 381 Показать реквизиты ООО Навигатор Авто ИНН 1832053366 КПП 183101001 ОГРН 1071832000888 Время работы автосалона: Пн - Пт: 9:00 - 20:00 / Cб - Вс: 9:00 - 18:00 Время работы сервиса: Пн - Пт: 9:00 - 18:00 / Cб - Вс: выходной +7 (341) 226-97-56 livan-komos-auto.ru Автосервис Тест-драйв Запчасти Выбрать дилера Лаки Моторс Автосервис Тест-драйв Запчасти Выбрать дилера Екатеринбург, Бебеля, 115 Показать реквизиты ООО "Автоцентр на Бебеля" ИНН 6674137570 КПП 667901001 ОГРН 1046605198837 Ежедневно, с 09.00 до 20.00 +7 (343) 364-56-87 livan-luckymotors.ru Автосервис Тест-драйв Запчасти Выбрать дилера ЛЕОН Автосервис Тест-драйв Запчасти Выбрать дилера Йошкар-Ола, п. Медведево, ул. Чехова 16А Показать реквизиты ООО "Леон" ИНН 1207901941 КПП 120701001 ОГРН 1131218001089 Пн-Пт 8:00 - 19:00 Сб-Вс 9:00 - 18:00 +7 (836) 238-64-76 livan-yola.ru Автосервис Тест-драйв Запчасти Выбрать дилера Мегапарк Автосервис Тест-драйв Запчасти Выбрать дилера Новосибирск, ул. Ватутина, 46 Показать реквизиты ООО "Мегапарк" ИНН 5406694334 КПП 540601001 ОГРН 1115476159908 с 9.00 до 21.00 отдел продаж с 7.30 до 21.00 отдел сервиса +7 (383) 388-97-83 livan-megapark.ru Автосервис Тест-драйв Запчасти Выбрать дилера Медведь Абакан Автосервис Тест-драйв Запчасти Выбрать дилера Абакан, г. Абакан, кв. Молодежный, 2В Показать реквизиты ООО "Медведь Абакан" ИНН 1901119652 Понедельник-Суббота 9:00-19:00 Воскресенье 9:00-18:00 +7 (930) 036-36-45 livan-medved-abakan.ru Автосервис Тест-драйв Запчасти Выбрать дилера Медведь Томск Автосервис Тест-драйв Запчасти Выбрать дилера Томск, г. Томск, ул. Елизаровых, 82 Показать реквизиты ООО "Медведь АТЦ" ИНН 2465059071 пн-сб: с 9:00 до 19:00 вс. выходной +7 (382) 248-96-45 livan-medved-tomsk.ru Автосервис Тест-драйв Запчасти Выбрать дилера МЦ Тамбов Автосервис Тест-драйв Запчасти Выбрать дилера Тамбов, ул. Кикивидзе,83 Показать реквизиты ООО «МЦ ТАМБОВ» ИНН 6829154437 ежедневно с 08.00 до 20.00 +7 (475) 242-67-34 livan-mctambov.ru Автосервис Тест-драйв Запчасти Выбрать дилера Мэйджор МКАД 18 Автосервис Тест-драйв Запчасти Выбрать дилера Москва, МКАД 18 км. Показать реквизиты ООО «Мэйджор-Авто» ИНН 7707244950 КПП 502401001 ОГРН 1027739648023 (с 28.11.2002г.) Ежедневно с 8.00 до 21.00 Продажи с 9.00 до 21.00 +7 (495) 480-71-10 major-livan.ru Автосервис Тест-драйв Запчасти Выбрать дилера Мэйджор МКАД 47 Автосервис Тест-драйв Запчасти Выбрать дилера Москва, МКАД 47 км. Показать реквизиты ООО «Мэйджор-Авто» ИНН 7707244950 КПП 502401001 ОГРН 1027739648023 (с 28.11.2002г.) Ежедневно с 8.00 до 21.00 Продажи с 9.00 до 21.00 +7 (495) 477-85-33 major-livan.ru Автосервис Тест-драйв Запчасти Выбрать дилера Мэйджор Новорижский Автосервис Тест-драйв Запчасти Выбрать дилера Москва, Новорижское шоссе, 9 км от МКАД Показать реквизиты ООО «Мэйджор-Авто» ИНН 7707244950 КПП 502401001 ОГРН 1027739648023 (с 28.11.2002г.) Ежедневно с 8.00 до 21.00 Продажи с 9.00 до 21.00 +7 (495) 477-84-64 major-livan.ru Автосервис Тест-драйв Запчасти Выбрать дилера Мэйджор Олимп Автосервис Тест-драйв Запчасти Выбрать дилера Санкт-Петербург, Исполкомская ул. 15 лит А Показать реквизиты ООО «Мэйджор-Авто» ИНН 7707244950 КПП 502401001 ОГРН 1027739648023 сервис с 8: 00 до 21:00 ежедневно продажи с 9:00 до 21:00 ежедневно +7 (812) 561-62-52 livan-major-olimp.ru Автосервис Тест-драйв Запчасти Выбрать дилера Мэйджор Тушино Автосервис Тест-драйв Запчасти Выбрать дилера Москва, Цветочный проезд, д.6 Показать реквизиты ООО «Мэйджор-Авто» ИНН 7707244950 КПП 502401001 ОГРН 1027739648023 (с 28.11.2002г.) Ежедневно с 8.00 до 21.00 Продажи с 9.00 до 21.00 +7 (495) 480-09-89 major-livan.ru Автосервис Тест-драйв Запчасти Выбрать дилера НЕЗАВИСИМОСТЬ Выбрать дилера Москва, Москва, ул. Ивана Франко, д. 10 Показать реквизиты ООО «Империя» ИНН 7730653453 С 09:00 – 20:00 +7 499 229 99 44 Выбрать дилера Нижегородец НН Автосервис Тест-драйв Запчасти Выбрать дилера Нижний Новгород, Комсомольское шоссе 14А 8:00-20:00 +7 (831) 211-76-82 Автосервис Тест-драйв Запчасти Выбрать дилера Ника Моторс Автосервис Тест-драйв Запчасти Выбрать дилера Волгоград, г. Волгоград, ул.им. Землячки, д. 41Д Показать реквизиты ООО "НИКА МОТОРС" ИНН 3459067615 КПП 344301001 ОГРН 1163443054994 Понедельник - суббота 09:00 - 18:00 +7 (844) 220-60-47 livan-volgograd.ru Автосервис Тест-драйв Запчасти Выбрать дилера Премьер Авто Автосервис Тест-драйв Запчасти Выбрать дилера Смоленск, Краснинское шоссе 40 Показать реквизиты ООО Премьер Авто Запад ИНН 6732074435 КПП 673201001 ОГРН 1146733010071 Понедельник -воскресенье с 9.00 до 20.00 +7 (481) 251-55-53 livan-premieravto.ru Автосервис Тест-драйв Запчасти Выбрать дилера Регинас Высоцкого Автосервис Тест-драйв Запчасти Выбрать дилера Екатеринбург, улица Владимира Высоцкого, 3 с 9-00 до 20-00 +7 (343) 286-60-00 Автосервис Тест-драйв Запчасти Выбрать дилера Регинас Гурзуфская Автосервис Тест-драйв Запчасти Выбрать дилера Екатеринбург, улица Гурзуфская, 63 с 9-00 до 20-00 +7 (343) 357-30-00 Автосервис Тест-драйв Запчасти Выбрать дилера Регинас Магнитогорск Автосервис Тест-драйв Запчасти Выбрать дилера Магнитогорск, улица Зеленый Лог, 53а Показать реквизиты Общество с ограниченной ответственностью "Регинас" ИНН 7438009698 КПП 744701001 ОГРН 1027402332374 с 9.00 - 20.00 +7 (351) 954-51-09 livan-reginasmgn.ru Автосервис Тест-драйв Запчасти Выбрать дилера РРТ Автосервис Тест-драйв Запчасти Выбрать дилера Псков, Рижский проспект 100В Показать реквизиты ООО "РРТ" ИНН 7804578154 КПП 781001001 ОГРН 1167847379292 пн-вс 09:00-21:00 +7 (811) 259-15-07 livan-rrt.ru Автосервис Тест-драйв Запчасти Выбрать дилера РРТ Мурманск Автосервис Тест-драйв Запчасти Выбрать дилера Мурманск, Кольский проспект 124 Показать реквизиты ООО "РРТ" ИНН 7804578154 КПП 781001001 ОГРН 1167847379292 С 9:00 до 21:00 +7 (815) 265-28-79 livan-rrtmurmansk.ru Автосервис Тест-драйв Запчасти Выбрать дилера Санрайз Групп Архангельск Автосервис Тест-драйв Запчасти Выбрать дилера Архангельск, 163002, г. Архангельск, ул. Октябрят, д. 36 Показать реквизиты ООО «Санрайз Групп» ИНН 7725408569 09:00 - 21:00 +7 (818) 260-34-82 livan-sunrisegroup.ru Автосервис Тест-драйв Запчасти Выбрать дилера Санрайз Групп Пулково Автосервис Тест-драйв Запчасти Выбрать дилера Санкт-Петербург, 196240, г. Санкт-Петербург, Пулковское шоссе, д. 27, лит. А Показать реквизиты ООО «Санрайз Групп» ИНН 7725408569 09:00 - 21:00 +7 (812) 565-19-16 livan-sunrisegroup.ru Автосервис Тест-драйв Запчасти Выбрать дилера Санрайз Групп Ярославль Автосервис Тест-драйв Запчасти Выбрать дилера Ярославль, 150044, г. Ярославль, ул. Полушкина Роща, д. 23а Показать реквизиты ООО «Санрайз Групп» ИНН 7725408569 09:00 - 21:00 +7 (485) 263-90-73 livan-sunrisegroup.ru Автосервис Тест-драйв Запчасти Выбрать дилера Саранскмоторс Автосервис Тест-драйв Запчасти Выбрать дилера Саранск, Республика Мордовия, г. Саранск, ул. Строительная, 4Б Показать реквизиты ООО "КМ-Авто Саранск-2" ИНН 1300005883 Пн-Сб 08:00 - 20:00 Вс 09:00 - 18:00 +7 (834) 222-98-51 livan-saranskmotors.ru Автосервис Тест-драйв Запчасти Выбрать дилера Сатурн-Р-Авто Автосервис Тест-драйв Запчасти Выбрать дилера Пермь, шоссе Космонавтов, 368А Показать реквизиты ООО "САТУРН-Р-АВТО" ИНН 4501110065 КПП 590201001 ОГРН 1044500016692 Пн - Сб 09:00 - 21:00 Вс 10:00 - 20:00 +7 (342) 255-54-38 livan-saturn.ru Автосервис Тест-драйв Запчасти Выбрать дилера Сильвер Автосервис Тест-драйв Запчасти Выбрать дилера Челябинск, ул. Игуменка 173 стр. 1 Показать реквизиты ООО "Сильвер-Авто ГРУПП" ИНН 7456003755 КПП 450145001 ОГРН 1117456000980 с 08-30 до 21-00 +7(351)-701-00-67 Автосервис Тест-драйв Запчасти Выбрать дилера Сильвер Автосервис Тест-драйв Запчасти Выбрать дилера Курган, пр. Маршала Голикова, 22 Показать реквизиты ООО "Сильвер-Авто ГРУПП" ИНН 7456003755 КПП 450145001 ОГРН 1117456000980 ежедневно 8.30 - 20.00 +7 (352) 252-35-06 livan-silver.ru Автосервис Тест-драйв Запчасти Выбрать дилера Транстехсервис Автосервис Тест-драйв Запчасти Выбрать дилера Чебоксары, Марпосадское шоссе, 19/1 Показать реквизиты ООО "УК "Транстехсервис" ИНН 1650131524 КПП 165001001 пн-сб: 08.00-20.00 вс: 09.00-17.00 +7 (835) 228-59-75 livan-tts.ru Автосервис Тест-драйв Запчасти Выбрать дилера Транстехсервис Казань Ибрагимова Автосервис Запчасти Выбрать дилера Казань, просп. Ибрагимова, 48 Показать реквизиты ООО "УК "Транстехсервис" ИНН 1650131524 КПП 165001001 Пн.-Сб.: 08:00-20:00 Вс.: 09:00-19:00 +7 (843) 558-74-90 livan-tts.ru Автосервис Запчасти Выбрать дилера Транстехсервис Набережные Челны Автосервис Тест-драйв Запчасти Выбрать дилера Набережные Челны, ул. Машиностроительная, д. 1/2 Показать реквизиты ООО "УК "Транстехсервис" ИНН 1650131524 КПП 165001001 Пн.-Сб.: 09:00-20:00 Вс.: 10:00-19:00 +7 (855) 222-14-45 livan-tts.ru Автосервис Тест-драйв Запчасти Выбрать дилера Транстехсервис Уфа Автосервис Тест-драйв Запчасти Выбрать дилера Уфа, ул. Маршала Жукова, дом №32 Показать реквизиты ООО "УК "Транстехсервис" ИНН 1650131524 КПП 165001001 Пн.-Сб.: 09:00-20:00 Вс.: 10:00-18:00 +7 (347) 215-06-31 livan-tts.ru Автосервис Тест-драйв Запчасти Выбрать дилера ФАСТАР Автосервис Тест-драйв Запчасти Выбрать дилера Новосибирск, ул. Станционная, дом 88 Показать реквизиты Общество с ограниченной ответственностью «ФАСТАР» ИНН 5404045140 КПП 540401001 ОГРН 1165476173280 от 10.10.2016 с 9.00 до 21.00 +7 (383) 390-24-56 livan-fastar.ru Автосервис Тест-драйв Запчасти Выбрать дилера Форсаж Автосервис Тест-драйв Запчасти Выбрать дилера Санкт-Петербург, 194355, Выборгское ш., 27, корп. 2Б Показать реквизиты ООО «Форсаж» ИНН 7810368525 КПП 781601001 ОГРН 1157847241474 Ежедневно с 9.00 до 21.00 8 812-565-19-13 Автосервис Тест-драйв Запчасти Выбрать дилера Центр Оренбург Тест-драйв Выбрать дилера Оренбург, г.Оренбург, Загородное шоссе 13/2 Показать реквизиты ООО "Азимут" ИНН 5609202193 КПП 560901001 ОГРН 1235600004232 Понедельник-пятница: 9.00 до 19.00 Суббота, воскресенье : 10.00-18.00 +7 (353) 248-74-05 livan-orenburg.ru Тест-драйв Выбрать дилера Юг-Авто Краснодар Автосервис Тест-драйв Запчасти Выбрать дилера Краснодар, ул. Дзержинского, 102/2 Показать реквизиты ООО "ДЦ Юг-Авто" ИНН 2311120713 8:00 - 20:00 +7 (861) 258-80-03 livan-yug-avto.ru Автосервис Тест-драйв Запчасти Выбрать дилера LIVAN - ОФИЦИАЛЬНЫЙ САЙТ В РОССИИ LIVAN - новое имя на российском автомобильном рынке, сконцентрирован на преимуществах дифференциации в создании высокоценного бренда передовых и безопасных автомобилей высокого качества. В начале 2022 года китайская компания Geely Auto Group аккумулировала свои силы, ресурсы и технологии, чтобы создать Livan Automotive. Этот шаг послужил импульсом для развития бренда Livan, под которым каждый день выходят десятки инновационных автомобилей и электромобилей, объединяющих новаторство и функциональность. Бренд Livan входит в группу Geely, стоит в авангарде создания систем экологичных путешествий, предлагая передовые технологии и комфорт в поездках. Livan Automotive сегодня является самостоятельным центром научных исследований и разработок в автомобильной индустрии, производственными smart-центрами и глобальной сетью поставщиков. Под брендом Livan автомобили для российского рынка производятся в Китае с учетом мировых стандартов качества компании Geely. ООО "Ливэн Моторс Рус" выступает эксклюзивным дистрибьютором Livan Automotive в России, обеспечивая продажи через обширную сеть официальных дилеров, неся все обязательства по гарантийному обслуживанию перед владельцами. Модели Livan, собранные для российского рынка, адаптированы к нашему климату и дорогам. В настоящее время доступны для приобретения компактный кроссовер Livan X3 Pro, среднеразмерный кроссовер Livan X6 Pro и седан Livan S6 Pro. О планах Livan Вы первыми узнаете из раздела Новости нашего сайта. Уже сегодня Вы можете пройти тест-драйв и купить Livan у наших официальных дилеров на выгодных условиях. На наш новый автомобиль, приобретаемый в любом дилерском центре Livan, цена всегда соответствует политике ООО "Ливэн Моторс Рус". Мы также в свою очередь предоставляем гарантию на 5 лет или 150 000 км пробега. Показать Модели X6PRO S6PRO X3PRO Авто в наличии Покупателям Найти дилера Спецпредложения Трейд-ин Корпоративным клиентам Записаться на тест-драйв Владельцам Гарантия LIVAN Спецпредложения Калькулятор ТО Записаться на сервис Запчасти и аксессуары Инструкции по эксплуатации My Livan LIVAN Ассистанс Мир LIVAN LIVAN в России LIVAN в мире Новости Публикации о нас Контакты Вакансии Стать дилером Связаться с нами 8 (800) 550-93-33 LIVAN в соцсетях Вся представленная на сайте информация, касающаяся автомобилей и сервисного обслуживания, носит информационный характер и не является публичной офертой. Все цены указанные на данном сайте носят информационный характер и являются максимально рекомендуемыми розничными ценами по расчетам дистрибьютора (ООО «Ливэн Моторс Рус»). Для получения подробной информации просьба обращаться к ближайшему официальному дилеру ООО «Ливэн Моторс Рус» либо по телефону Горячей линии 8 (800) 550 93 33. Опубликованная на данном сайте информация может быть изменена в любое время без предварительного уведомления. © 2024 LIVAN Юридическая информация Политика конфиденциальности Раздел для дилеров Выберите ваш город Вся Россия Абакан Архангельск Астрахань Барнаул Великий Новгород Владимир Волгоград Вологда Воронеж Екатеринбург Иваново Ижевск Йошкар-Ола Казань Кемерово Киров Краснодар Красноярск Курган Курск Липецк Магнитогорск Москва Мурманск Набережные Челны Нижний Новгород Новороссийск Новосибирск Ногинск Омск Оренбург Пенза Пермь Петрозаводск Псков Пятигорск Ростов-на-Дону Рязань Самара Санкт-Петербург Саранск Саратов Смоленск Ставрополь Сургут Сыктывкар Тамбов Тверь Тольятти Томск Тула Тюмень Уфа Химки Чебоксары Челябинск Энгельс Ярославль Задать вопрос Оставьте ваши контакты и мы свяжемся с вами в ближайшее время Обязательное поле Имя Обязательное поле Телефон Обязательное поле Комментарий или вопрос Обязательное поле Я соглашаюсь с условиями обработки персональных данных Оставить заявку Ваш вопрос успешно отправлен Мы свяжемся с вами в ближайшее время Хорошо Заказать звонок Оставьте ваши контакты и мы свяжемся с вами в ближайшее время Обязательное поле Город Выбрать Абакан Архангельск Астрахань Барнаул Великий Новгород Владимир Волгоград Вологда Воронеж Екатеринбург Иваново Ижевск Йошкар-Ола Казань Кемерово Киров Краснодар Красноярск Курган Курск Липецк Магнитогорск Москва Мурманск Набережные Челны Нижний Новгород Новороссийск Новосибирск Ногинск Омск Оренбург Пенза Пермь Петрозаводск Псков Пятигорск Ростов-на-Дону Рязань Самара Санкт-Петербург Саранск Саратов Смоленск Ставрополь Сургут Сыктывкар Тамбов Тверь Тольятти Томск Тула Тюмень Уфа Химки Чебоксары Челябинск Энгельс Ярославль Обязательное поле Дилерский центр Выбрать GOOD CAR LIVAN Гранд Групп Аванта АВД Премиум Авто-М Автоимпорт Рязань Автоимпорт Тула Автолига АвтоЛидер Автолоцман Автополе Автоцентр АНТ Автоцентр Сити Юг Автоэкспресс АвтоЮг Ставрополь Альфа Антикор Сервис Аргус - ГК Кабриолет Арконт АсАвто Самара Юг АЦ Кунцево Базис-Моторс Башавтоком Бета Онего Гедон-Трейд Гранада-Элит ДАКАР ДЖЕЙКАР ДЦ Волгоградка ДЦ Шереметьево ИНКОМ-Авто К-Ралли КЛЮЧАВТО Краснодар КЛЮЧАВТО Ростов-на-Дону КОМОС-Авто Лаки Моторс ЛЕОН Мегапарк Медведь Абакан Медведь Томск МЦ Тамбов Мэйджор МКАД 18 Мэйджор МКАД 47 Мэйджор Новорижский Мэйджор Олимп Мэйджор Тушино НЕЗАВИСИМОСТЬ Нижегородец НН Ника Моторс Премьер Авто Регинас Высоцкого Регинас Гурзуфская Регинас Магнитогорск РРТ РРТ Мурманск Санрайз Групп Архангельск Санрайз Групп Пулково Санрайз Групп Ярославль Саранскмоторс Сатурн-Р-Авто Сильвер Сильвер Транстехсервис Транстехсервис Казань Ибрагимова Транстехсервис Набережные Челны Транстехсервис Уфа ФАСТАР Форсаж Центр Оренбург Юг-Авто Краснодар Обязательное поле Телефон Обязательное поле Я соглашаюсь с условиями обработки персональных данных Перезвоните мне Заказать звонок Оставьте ваши контакты и мы свяжемся с вами в ближайшее время Обязательное поле Имя Обязательное поле Телефон Обязательное поле Я соглашаюсь с условиями обработки персональных данных Перезвоните мне Ваша заявка успешно отправлена Мы свяжемся с вами в ближайшее время Хорошо Вы подписаны на рассылку Хорошо Мы используем файлы Cookie, чтобы сделать ваше пребывание на сайте более комфортным Хорошо Записаться на тест-драйв После отправки заявки, выбранный дилер свяжется с вами для согласования времени тест-драйва Обязательное поле Город Выбрать Абакан Архангельск Астрахань Барнаул Великий Новгород Владимир Волгоград Вологда Воронеж Екатеринбург Иваново Ижевск Йошкар-Ола Казань Кемерово Киров Краснодар Красноярск Курган Курск Липецк Магнитогорск Москва Мурманск Набережные Челны Нижний Новгород Новороссийск Новосибирск Ногинск Омск Оренбург Пенза Пермь Петрозаводск Псков Пятигорск Ростов-на-Дону Рязань Самара Санкт-Петербург Саранск Саратов Смоленск Ставрополь Сургут Сыктывкар Тамбов Тверь Тольятти Томск Тула Тюмень Уфа Химки Чебоксары Челябинск Энгельс Ярославль Обязательное поле Дилерский центр Выбрать GOOD CAR LIVAN Гранд Групп Аванта АВД Премиум Авто-М Автоимпорт Рязань Автоимпорт Тула Автолига АвтоЛидер Автолоцман Автополе Автоцентр АНТ Автоцентр Сити Юг Автоэкспресс АвтоЮг Ставрополь Альфа Антикор Сервис Аргус - ГК Кабриолет Арконт АсАвто Самара Юг АЦ Кунцево Базис-Моторс Башавтоком Бета Онего Гедон-Трейд Гранада-Элит ДАКАР ДЖЕЙКАР ДЦ Волгоградка ДЦ Шереметьево ИНКОМ-Авто К-Ралли КЛЮЧАВТО Краснодар КЛЮЧАВТО Ростов-на-Дону КОМОС-Авто Лаки Моторс ЛЕОН Мегапарк Медведь Абакан Медведь Томск МЦ Тамбов Мэйджор МКАД 18 Мэйджор МКАД 47 Мэйджор Новорижский Мэйджор Олимп Мэйджор Тушино НЕЗАВИСИМОСТЬ Нижегородец НН Ника Моторс Премьер Авто Регинас Высоцкого Регинас Гурзуфская Регинас Магнитогорск РРТ РРТ Мурманск Санрайз Групп Архангельск Санрайз Групп Пулково Санрайз Групп Ярославль Саранскмоторс Сатурн-Р-Авто Сильвер Сильвер Транстехсервис Транстехсервис Казань Ибрагимова Транстехсервис Набережные Челны Транстехсервис Уфа ФАСТАР Форсаж Центр Оренбург Юг-Авто Краснодар Обязательное поле Модель Выбрать X6PRO S6PRO X3PRO Имя Обязательное поле Телефон Обязательное поле Я соглашаюсь с условиями обработки персональных данных Оставить заявку Вы записались на тест-драйв Выбранный дилер свяжется с вами в ближайшее время для согласования времени тест-драйва LIVAN от undefined ₽ Хорошо Записаться на сервис После отправки заявки, выбранный дилер свяжется с вами для согласования времени сервисного обслуживания Обязательное поле Город Выбрать Абакан Архангельск Астрахань Барнаул Великий Новгород Владимир Волгоград Вологда Воронеж Екатеринбург Иваново Ижевск Йошкар-Ола Казань Кемерово Киров Краснодар Красноярск Курган Курск Липецк Магнитогорск Москва Мурманск Набережные Челны Нижний Новгород Новороссийск Новосибирск Ногинск Омск Оренбург Пенза Пермь Петрозаводск Псков Пятигорск Ростов-на-Дону Рязань Самара Санкт-Петербург Саранск Саратов Смоленск Ставрополь Сургут Сыктывкар Тамбов Тверь Тольятти Томск Тула Тюмень Уфа Химки Чебоксары Челябинск Энгельс Ярославль Обязательное поле Дилерский центр Выбрать GOOD CAR LIVAN Гранд Групп Аванта АВД Премиум Авто-М Автоимпорт Рязань Автоимпорт Тула Автолига АвтоЛидер Автолоцман Автополе Автоцентр АНТ Автоцентр Сити Юг Автоэкспресс АвтоЮг Ставрополь Альфа Антикор Сервис Аргус - ГК Кабриолет Арконт АсАвто Самара Юг АЦ Кунцево Базис-Моторс Башавтоком Бета Онего Гедон-Трейд Гранада-Элит ДАКАР ДЖЕЙКАР ДЦ Волгоградка ДЦ Шереметьево ИНКОМ-Авто К-Ралли КЛЮЧАВТО Краснодар КЛЮЧАВТО Ростов-на-Дону КОМОС-Авто Лаки Моторс ЛЕОН Мегапарк Медведь Абакан Медведь Томск МЦ Тамбов Мэйджор МКАД 18 Мэйджор МКАД 47 Мэйджор Новорижский Мэйджор Олимп Мэйджор Тушино НЕЗАВИСИМОСТЬ Нижегородец НН Ника Моторс Премьер Авто Регинас Высоцкого Регинас Гурзуфская Регинас Магнитогорск РРТ РРТ Мурманск Санрайз Групп Архангельск Санрайз Групп Пулково Санрайз Групп Ярославль Саранскмоторс Сатурн-Р-Авто Сильвер Сильвер Транстехсервис Транстехсервис Казань Ибрагимова Транстехсервис Набережные Челны Транстехсервис Уфа ФАСТАР Форсаж Центр Оренбург Юг-Авто Краснодар Обязательное поле Тип обслуживания Выбрать Плановое ТО Ремонт Кузовной ремонт Диагностика Шиномонтаж Другое Обязательное поле Модель X3PRO X6PRO S6PRO X3PRO VIN номер Имя Обязательное поле Телефон Ваши пожелания Обязательное поле Я соглашаюсь с условиями обработки персональных данных Оставить заявку word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1