div.event-form-change(v-if="formOpen")
div.form-item-container
div.close-icon-position
span.title-form Ответственный
basic-icon.close-icon(width="16" height="16" icon-color="#252850" @click="closeEventForm")
close-icon
div.input-container(@click="openSelectResponsible")
div.form-select
div.form-item-input.select-container-res {{eventData.responsible}}
div.option-container(v-if="selectResponsibleOpen" id="responsible" @click="(event)=>chooseOption(event)")
div.option-item(v-for="(responsible, index) in listResponsible" :key="index" :id="index") {{responsible}}
div.select-form-separator
basic-icon(width="24" height="24" icon-color="#090A15")
arrow-down-icon
div.form-item-container
span.title-form Оновная информация
div.form-inform-container
basic-icon(width="24" height="24" icon-color="#090A15" )
clock-icon
div.time-input-container
div.input-container
input.form-item-input(v-model="eventData.timeEvent.firstTime" type="time" min="08:00" max="18:00")
span —
div.input-container
input.form-item-input(v-model="eventData.timeEvent.secondTime" type="time" min="08:00" max="18:00")
div.form-inform-container
basic-icon(width="24" height="24" icon-color="#090A15")
user-icon
div.input-container
input.form-item-input(v-model="eventData.eventClient" type="text" placeholder="ФИО клиента")
div.form-item-container(class='additional-information')
div.form-inform-container
span.title-form Дополнительная информация
button-plus(id="addInfo" @click="(e)=>addFriendInfo(e)")
div.form-inform-container(v-for="(info, index) in listFriendInfo" :key="index")
span.number-additional {{info}}
div.input-container
input.form-item-input(v-model="eventData.friendInfo[info]" type="text" placeholder="Что-то важное")
div.form-item-container
span.title-form Вид события
div.input-container(@click="openSelectKindEvent")
div.form-select
div.form-item-input.select-container-kind {{eventData.kindEvent}}
div.option-container(v-if="selectKindEventOpen" id="kind" @click="(event)=>chooseOption(event)")
div.option-item(v-for="(kind, index) in kindEvents" :key="index" :id="index") {{kind}}
div.select-form-separator
basic-icon(width="24" height="24" icon-color="#090A15")
arrow-down-icon
div.form-item-container
div.form-inform-container
span.title-form Контакты
button-plus(id="addContact" @click="(e)=>addFriendInfo(e)")
div.form-inform-container(v-for="(contact, index) in listContacts" :key="index")
basic-icon(width="24" height="20" icon-color="#090A15")
mail-icon
div.input-container
input.form-item-input(v-model="eventData.contacts[contact]" type="text" placeholder="E-mail")
add-event-button(@click="createEvent")