Agenda1.0local://CalendarCptServer<!-- CALENDAR CONTAINER -->
<div class="uica_calendar">
<div class="uica_calendar_container"></div>
</div>
<!-- Add Event form -->
<div class="uica_window" style="display:none;">
<div class="uica_header_window">
<input class="uica_title_event uica_te" type="text" name="title_event" placeholder="Titre de l'évènement">
<!--COLOR PICKER -->
<span class="fonticon uica_window_close_btn">✖</span>
<button class="uica_cs_opener" style="padding: 3px 8px;border-radius: 2px;border: 0px solid;background-color: transparent;margin-left: 10px;float:right">
<span class="fonticon"></span>
</button>
<div class="uica_color_selector">
<div class="uica_cs_square"></div>
<div class="uica_cs_title">
<span>Choisir une couleur</span>
<span class="fonticon uica_cf_close_btn">✖</span>
</div>
<div class="uica_cs_container">
<div class="uica_cs_card_more">
<span class="uica_cs_textcolor">Ou une autre couleur</span>
<input class="uica_colorPicker input_colorPicker">
</div>
</div>
</div>
</div>
<div class="uica_content">
<div class="uica_event_dates">
<!-- Jour entier==> checkbox -->
<div>
<label id="use_hour_text" for="use_hour">Préciser les heures</label>
<input class="uica_input_use_hour" name='use_hour' type='checkbox' value='use_hour'>
</div>
<div>
<label for="start_date">Début</label>
<div class="day_container">
<select class="start_day_chooser">
<option value="1">Lundi</option>
<option value="2">Mardi</option>
<option value="3">Mercredi</option>
<option value="4">Jeudi</option>
<option value="5">Vendredi</option>
<option value="6">Samedi</option>
<option value="0">Dimanche</option>
</select>
</div>
<div class='input-group date uica_startdatepicker'>
<input type='text' class="form-control" style="height: 29px;border-radius: 2px;padding-left:45px;" required="required"/>
<span class="input-group-addon">
<span class="fonticon">⏨</span>
</span>
</div>
</div>
<div>
<label for="end_date">Fin</label>
<div class="day_container">
<select class="end_day_chooser">
<option value="1">Lundi</option>
<option value="2">Mardi</option>
<option value="3">Mercredi</option>
<option value="4">Jeudi</option>
<option value="5">Vendredi</option>
<option value="6">Samedi</option>
<option value="0">Dimanche</option>
</select>
</div>
<div class='input-group date uica_enddatepicker'>
<input type='text' class="form-control" style="height: 29px;border-radius: 2px;padding-left:45px;" required="required"/>
<span class="input-group-addon">
<span class="fonticon">⏨</span>
</span>
</div>
</div>
</div>
<div class="uica_elements uica_textcontainer">
<label>Description : </label>
<div class="uica_ptxt" uitype="editor" uinocb="true"></div>
</div>
</div>
<div class="uica_footer">
<button class="uica_delete_btn btn btn-default"><span class="fonticon" style="font-size: 14px;"></span> Supprimer</button>
<button class="uica_submit_btn btn btn-primary"></button>
</div>
</div>
<!-- Popup viewer form -->
<div class="uica_viewer_event_window" style="display:none;">
<div class="uica_viewer_header_window">
<span class="fonticon uica_viewer_close_btn">✖</span>
<label class="uica_viewer_title_event uica_te"></label>
</div>
<div class="uica_viewer_content">
<div class="uica_viewer_event_dates">
<span class="uica_viewer_date_event"></span>
</div>
<div class="uica_viewer_uica_elements">
<label>Description</label>
<div class="uica_viewer_description_container"></div>
</div>
</div>
</form>
</div>
<!-- Windows selection mode -->
<div class="uica_mode_selection_window editor_interface">
<div class="uica_mode_selection_header">
<h3>Choisissez le mode d'affichage</h3>
</div>
<div class="uica_mode_selection_first_choice_container" data-mode="calendar">
<div class="uica_mode_selection_choice_header">
<h3>Calendrier</h3>
</div>
<div class="uica_mode_selection_content">
<img class="uica_mode_selection_illustration" src="/components/UI_Calendar/agenda.svg" alt="">
<p>Affiche un calendrier sur sur votre site - ajoutez et modifiez des évènements à des dates spécifiques.</p>
</div>
<div class="uica_mode_selection_footer">
<button type="button" class="uica_mode_selection_calendar_choice btn btn-primary" value="calendar">Mode Calendrier</button>
</div>
</div>
<div class="uica_mode_selection_second_choice_container" data-mode="agenda">
<div class="uica_mode_selection_choice_header">
<h3>Horaires</h3>
</div>
<div class="uica_mode_selection_content">
<img class="uica_mode_selection_illustration" src="/components/UI_Calendar/emploie_du_temps.svg" alt="">
<p>Vous avez une activité avec un planning récurrent ? Utilisez le mode Horaires.</p>
</div>
<div class="uica_mode_selection_footer">
<button type="button" class="uica_mode_selection_agenda_choice btn btn-primary" value="agenda">Mode Horaires</button>
</div>
</div>
</div>