<a class="btn btn-secondary add_fields" data-association-insertion-node="#sessions" data-association-insertion-method="append" data-association="session" data-associations="sessions" data-association-insertion-template="<div class='panel panel-default nested-fields'>
<div class='panel-heading'>
<h4 class='panel-title'>
Séance D'Événement
<input type="hidden" name="event[sessions_attributes][new_sessions][_destroy]" id="event_sessions_attributes_new_sessions__destroy" value="false" /><a class="pull-right remove_fields dynamic" href="#"><i class='fa fa-trash'></i>
</a></h4>
</div>
<div class='panel-collapse'>
<div class='panel-body'>
<div class='row'>
<div class='col-xs-12'>
<div class='complexdatetimepicker'>
<div class='results row'>
<div class='col-xs-12'>
<div class='form-group'>
<label for="event_sessions_attributes_new_sessions_start_dates">Dates</label>
<div class='input-group toggle_cdtp' id='complexdatetimepicker-toggle'>
<div class='textual_results form-control alert-info'>
<div class="form-group string optional readonly event_sessions_dates_label"><input class="form-control string optional readonly" readonly="readonly" type="text" name="event[sessions_attributes][new_sessions][dates_label]" id="event_sessions_attributes_new_sessions_dates_label" /></div>
</div>
<a class='input-group-addon alert-info'>
<i class='fa fa-calendar'></i>
</a>
</div>
</div>
</div>
<div class='hidden'>
<div class='col-sm-6 start_dates'>
<div class="form-group text optional event_sessions_start_dates"><label class="control-label text optional" for="event_sessions_attributes_new_sessions_start_dates">Start dates :</label><input class="form-control" type="text" value="" name="event[sessions_attributes][new_sessions][start_dates][]" id="event_sessions_attributes_new_sessions_" /></div>
</div>
<div class='col-sm-6 end_dates'>
<div class="form-group text optional event_sessions_end_dates"><label class="control-label text optional" for="event_sessions_attributes_new_sessions_end_dates">End dates :</label><input class="form-control" type="text" value="" name="event[sessions_attributes][new_sessions][end_dates][]" id="event_sessions_attributes_new_sessions_" /></div>
</div>
</div>
</div>
<div class='complex-datetimepicker-container row'>
<div class='col-xs-12'>
<div class='panel panel-default'>
<div class='panel-body'>
<div class='row'>
<div class='date-formats-picker col-xs-3'>
<ul class='nav nav-pills nav-stacked'>
<li class='format' role='presentation'>
<a data-date-format='uniq' href='#'>Le ...</a>
</li>
<li class='format' role='presentation'>
<a data-date-format='multiple' href='#'>Les ...</a>
</li>
<li class='format' role='presentation'>
<a data-date-format='range' href='#'>Du ... Au ...</a>
</li>
</ul>
</div>
<ul class='date-pickers col-xs-9'>
<li class='date-formats-picker-target' data-date-format='uniq'>
<div class='cdtp_datepicker'></div>
</li>
<li class='date-formats-picker-target' data-date-format='multiple'>
<div class='cdtp_datepicker'></div>
</li>
<li class='date-formats-picker-target' data-date-format='range'>
<div class='row'>
<div class='col-xs-1'>
Du
</div>
<div class='col-xs-5'>
<div class='cdtp_datepicker'></div>
</div>
<div class='col-xs-1'>
Au
</div>
<div class='col-xs-5'>
<div class='cdtp_datepicker'></div>
</div>
</div>
</li>
</ul>
<ul class='time-formats-picker col-xs-3'>
<li class='date-formats-picker-target' data-date-format='uniq'>
<ul class='nav nav-pills nav-stacked'>
<li class='format' role='presentation'>
<a data-time-format='at' href='#'>à</a>
</li>
<li class='format' role='presentation'>
<a data-time-format='from_to' href='#'>de ... à ...</a>
</li>
</ul>
</li>
<li class='date-formats-picker-target' data-date-format='multiple'>
<ul class='nav nav-pills nav-stacked'>
<li class='format' role='presentation'>
<a data-time-format='at' href='#'>à</a>
</li>
<li class='format' role='presentation'>
<a data-time-format='from_to' href='#'>de ... à ...</a>
</li>
</ul>
</li>
<li class='date-formats-picker-target' data-date-format='range'>
<ul class='nav nav-pills nav-stacked'>
<li class='format' role='presentation'>
<a data-time-format='at' href='#'>à</a>
</li>
<li class='format' role='presentation'>
<a data-time-format='from_to_and' href='#'>de ... à ...</a>
</li>
</ul>
</li>
</ul>
<ul class='time-pickers col-xs-9'>
<li class='time-formats-picker-target' data-time-format='at'>
<div class='row'>
<div class='col-xs-2 text-center'>à</div>
<div class='col-xs-4'><select name="time_at_hours" id="time_at_hours" class="form-control input-sm timepicker"><option value="" label=" "></option><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option></select></div>
<div class='col-xs-2 text-center'>h</div>
<div class='col-xs-4'><select name="time_at_minutes" id="time_at_minutes" class="form-control input-sm timepicker"><option value="" label=" "></option><option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option></select></div>
</div>
</li>
<li class='time-formats-picker-target' data-time-format='from_to'>
<div class='row'>
<div class='col-xs-2 text-center'>de</div>
<div class='col-xs-4'><select name="time_from_hours" id="time_from_hours" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option></select></div>
<div class='col-xs-2 text-center'>h</div>
<div class='col-xs-4'><select name="time_from_minutes" id="time_from_minutes" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option></select></div>
</div>
<div class='row'>
<div class='col-xs-2 text-center'>à</div>
<div class='col-xs-4'><select name="time_to_hours" id="time_to_hours" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option></select></div>
<div class='col-xs-2 text-center'>h</div>
<div class='col-xs-4'><select name="time_to_minutes" id="time_to_minutes" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option></select></div>
</div>
</li>
<li class='time-formats-picker-target' data-time-format='from_to_and'>
<div class='row'>
<div class='col-xs-2 text-center'>de</div>
<div class='col-xs-4'><select name="time_from_and_hours" id="time_from_and_hours" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option></select></div>
<div class='col-xs-2 text-center'>h</div>
<div class='col-xs-4'><select name="time_from_and_minutes" id="time_from_and_minutes" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option></select></div>
</div>
<div class='row'>
<div class='col-xs-2 text-center'>à</div>
<div class='col-xs-4'><select name="time_to_and_hours" id="time_to_and_hours" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option></select></div>
<div class='col-xs-2 text-center'>h</div>
<div class='col-xs-4'><select name="time_to_and_minutes" id="time_to_and_minutes" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option></select></div>
</div>
<div class='from_to_and_optionals'>
<div class='row'>
<div class='col-xs-2 text-center'>et de</div>
<div class='col-xs-4'><select name="time_from_and_hours" id="time_from_and_hours" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option></select></div>
<div class='col-xs-2 text-center'>h</div>
<div class='col-xs-4'><select name="time_from_and_minutes" id="time_from_and_minutes" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option></select></div>
</div>
<div class='row'>
<div class='col-xs-2 text-center'>à</div>
<div class='col-xs-4'><select name="time_to_and_hours" id="time_to_and_hours" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option></select></div>
<div class='col-xs-2 text-center'>h</div>
<div class='col-xs-4'><select name="time_to_and_minutes" id="time_to_and_minutes" class="form-control input-sm timepicker"><option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option></select></div>
</div>
</div>
<div class='row text-center'>
<a class='btn btn-success add_from_to'>
Et de ...
</a>
</div>
</li>
</ul>
<ul class='more col-xs-12'>
<li class='date-formats-picker-target text-center' data-date-format='multiple'>
<a class='btn btn-success add_date'>
<i class='fa fa-plus'></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
<div class='row'>
<div class='col-sm-6'>
<div class="form-group string optional event_sessions_price_label"><label class="control-label string optional" for="event_sessions_attributes_new_sessions_price_label">Prix :</label><input class="form-control string optional" type="text" name="event[sessions_attributes][new_sessions][price_label]" id="event_sessions_attributes_new_sessions_price_label" /></div>
</div>
<div class='col-sm-6'>
<div class='checkbox-group'>
<div class='form-group'>
<div class='checkbox'>
<label><input name="event[sessions_attributes][new_sessions][price_gratis]" type="hidden" value="0" /><input type="checkbox" value="1" name="event[sessions_attributes][new_sessions][price_gratis]" id="event_sessions_attributes_new_sessions_price_gratis" />
Entrée gratuite
</label></div>
</div>
<div class='form-group'>
<div class='checkbox'>
<label><input name="event[sessions_attributes][new_sessions][price_free]" type="hidden" value="0" /><input type="checkbox" value="1" name="event[sessions_attributes][new_sessions][price_free]" id="event_sessions_attributes_new_sessions_price_free" />
Prix libre
</label></div>
</div>
</div>
</div>
<div class='col-sm-12'>
</div>
</div>
<div class='row target-container'>
<div class='target-input col-sm-6'>
<div class="form-group select2 required event_sessions_hall"><label class="control-label select2 required" for="event_sessions_attributes_new_sessions_hall_id"><abbr title="requis">*</abbr> Lieu :</label><select class="form-control select2 optional select2-input form-control" data-ui="select2-simpleform" data-options="{&quot;ajax&quot;:{&quot;url&quot;:&quot;/salles/autocomplete&quot;}}" name="event[sessions_attributes][new_sessions][hall_id]" id="event_sessions_attributes_new_sessions_hall_id"><option value=""></option>
<option value=""></option></select></div>
<div class='row'>
<div class='col-xs-12'>
<div class='select2-additional-infos help-block alert alert-info hidden'>
Informations de contact du lieu :
<span class='content'></span>
</div>
</div>
</div>
</div>
<div class='target-replace hidden col-sm-6'>
<div class='form-group'>
<label class="string required control-label" for="event_sessions_attributes_new_sessions_hall"><abbr title="requis">*</abbr> Lieu :</label>
<input disabled="disabled" type="hidden" name="event[sessions_attributes][new_sessions][hall_id]" id="event_sessions_attributes_new_sessions_hall_id" />
<input type="text" name="hall" id="hall" value="" disabled="disabled" class="form-control" />
</div>
</div>
<div class='col-sm-6'>
<button class='input-button btn btn-secondary open-form-modal' data-url='/proposer-une-salle/modal' type='button'>
Proposer un lieu
</button>
</div>
</div>
<div class='row target-container'>
<div class='target-input col-xs-12'>
<a class="pull-right" href="#" data-target="#help-modal-contact" data-toggle="modal"><span>Aide</span><i class="fa fa-fw fa-question"></i></a>
<div class='form-group'>
<label for="contact">Contact</label>
<div class='row'>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<input label="false" placeholder="Nom" class="form-control" type="text" name="event[sessions_attributes][new_sessions][contact_name]" id="event_sessions_attributes_new_sessions_contact_name" />
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<input label="false" placeholder="Téléphone" class="form-control" type="text" name="event[sessions_attributes][new_sessions][contact_phone]" id="event_sessions_attributes_new_sessions_contact_phone" />
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<input label="false" placeholder="Adresse mail" class="form-control" type="text" name="event[sessions_attributes][new_sessions][contact_email]" id="event_sessions_attributes_new_sessions_contact_email" />
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<input label="false" placeholder="Site web" class="form-control" type="text" name="event[sessions_attributes][new_sessions][contact_website]" id="event_sessions_attributes_new_sessions_contact_website" />
</div>
</div>
</div>
<p class='help-block'>Coordonnées où les lecteurs pourront trouver des renseignements sur votre manifestation (autres que les coordonnées du lieu qui accueille le spectacle).</p>
</div>
</div>
</div>
</div>
</div>
</div>
" href="#">Ajouter</a>