<div class="times_calendar_wrapper" id="times-wrapper"><p class="regulation_modal_title">{{ 'site.choose_date'|trans({}, 'dc_base') }}</p> <div class="recording__service-calendar-time" v-if="times.length"> <div v-if="!isTodayDate && isNightDealer" class="night-time blue-color" data-time="00:00 - 08:00" @click="setTime">00:00 - 08:00</div> <div :class="checkTime(time)" :data-time="time" v-for="time in times" v-on="!disabledDate(time) ? { click: setTime } : {}" v-html="time"></div> <div v-if="isNightDealer" class="night-time blue-color" data-time="20:00 - 00:00" @click="setTime">20:00 - 00:00</div> </div> <div class="recording__service-calendar-time" v-else> {{ 'site.choose_time'|trans({}, 'dc_base') }} </div> <div class="service-square-info" v-if="checkTime(userTime)"> <div></div> <span>{{ 'modules.online-booking.time-alert'|trans({}, 'dc_base') }}</span> </div> <div class="choosedate-content-info" v-if="times.length"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 29C22.732 29 29 22.732 29 15C29 7.26801 22.732 1 15 1C7.26801 1 1 7.26801 1 15C1 22.732 7.26801 29 15 29Z" stroke="#E40C25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15 9.40002V15" stroke="#E40C25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15 20.6H15.014" stroke="#E40C25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <p>{{ 'modules.online-booking.time_info'|trans({},'dc_base') }}</p> </div></div>