{% extends 'base.html.twig' %}

{% block title %}Editar Local{% endblock %}

{% block body %}
     <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark"><i class="fas fa-building"></i>&nbsp;Locales</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
              
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"> <a class="btn" href="{{ path('local_index') }}">Volver a lista</a></li>
                       
                    </ol>
                   
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>

    <div class="content">
        <div class="container-fluid">
            <div class="row">
                
                <div class="card card-warning"  style="width:100%">
                <div class="card-header">
                            <h3 class="card-title">Editar local</h3>
                </div>
                <div class="card-body">

                 {{ include('local/_form.html.twig', {'button_label': 'Guardar cambios'}) }}

                </div>
                </div>
            </div>

			<div class="row">
             {% if error is defined and error==1%}
                  
                <div class="alert alert-danger alert-dismissible" style="width:100%">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h4><i class="icon fa fa-ban"></i> Error!</h4>
                    El horario seleccionado colisiona con uno existente.
               </div>
                {% endif %}
			 <div class="card"  style="width:100%">
			 	 <div class="card-header">
			 	 	<div class="row">
                            <div class="col-6"><h3 class="card-title"><i class="fa fa-clock nav-icon"></i>&nbsp;Horarios de atención  ({{ horarios|length}})</h3></div>
                                    <div class="col-12">
                                      
                                        <form class="form-inline" method="post" action="{{path('horario_new')}}">
                                       
                                 
                                        <div class="form-group mb-2">
                         	
                                            <input type="hidden" name="horario[local]" value="{{ local.id}}">
                                            Inicio :
                                            <select id="horario_horaDesde_hour" class="form-control"  name="horario[horaDesde][hour]"><option value="0">00</option><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</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>:

                                            <select id="horario_horaDesde_minute" class="form-control" name="horario[horaDesde][minute]"><option value="0">00</option><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</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><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="34">34</option><option value="35">35</option><option value="36">36</option><option value="37">37</option><option value="38">38</option><option value="39">39</option><option value="40">40</option><option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="46">46</option><option value="47">47</option><option value="48">48</option><option value="49">49</option><option value="50">50</option><option value="51">51</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="58">58</option><option value="59">59</option></select>
                                        </div>
                                        <div class="form-group mb-2">
                                        	&nbsp;&nbsp;Término :
                                            <select id="horario_horaHasta_hour" class="form-control" name="horario[horaHasta][hour]"><option value="0">00</option><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</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>:
                                            <select id="horario_horaHasta_minute" class="form-control" name="horario[horaHasta][minute]"><option value="0">00</option><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</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><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="34">34</option><option value="35">35</option><option value="36">36</option><option value="37">37</option><option value="38">38</option><option value="39">39</option><option value="40">40</option><option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="46">46</option><option value="47">47</option><option value="48">48</option><option value="49">49</option><option value="50">50</option><option value="51">51</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="58">58</option><option value="59">59</option></select>
                                      	</div>
                                       	<div class="form-group mb-2">
                                       	&nbsp;&nbsp;Día :
                                        <select class="form-control" name="horario[diaSemana]">
                                       		<option value="1">Lunes</option>
                                       		<option value="2">Martes</option>
                                       		<option value="3">Miercoles</option>
                                       		<option value="4">Jueves</option>
                                       		<option value="5">Viernes</option>
                                       		<option value="6">Sábado</option>
                                       		<option value="0">Domingo</option>
                                        </select>
                                        </div>
                                     	<div class="form-group mb-2">
                                       
                                                 <button class="btn btn-default"><i class="fa fa-check" aria-hidden="true"></i>&nbsp;Agregar</button>
                                      	</div>

                              

                                        </form>
                                     
                              
                                    </div>
                            </div>
                        </div>
			 	 </div>
			 	 <div class="card-body">
                  {% if horarios | length ==0 %}
                  <div class="alert alert-info" style="width:100%">
                   
                    <h4><i class="icon fa fa-info"></i> Atención!</h4>
                    El local no tiene horarios de atención configurados.
               </div>
                  {% endif %}
                  {% if horarios | length >0 %}
			 	 	<table class="table">
                                <thead>
                                    <th style="width:300px">Día</th>
                                    <th>Hora de inicio</th>
                                    <th>Hora de término</th>
                                    
                                    <th></th>
                                    <th></th>
                                </thead>
                                <tbody>
                                    {% for horario in horarios %}
                                        <tr>
                                            <td><b>{{ horario }}</b></td>
                                            <td>{{ horario.horaDesde | date('H:i') }}</td>
                                            <td>{{ horario.horaHasta | date('H:i') }}</td>
                                            
                                            <td>
                                                
                                            </td>
                                            <td class="text-right">
                                                {{ include('horario/_delete_form.html.twig') }}
                                                
                                            </td>
                                            <td>
                                            <a class="btn btn-info btn-sm" href="{{ path('horario_edit', {'id': horario.id}) }}"><i class="fas fa-edit"></i>&nbsp;Editar</a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
			 	  {% endif %}
			 	 </div>
			 </div>
			
			</div>            
            
            
            
        </div>
        <div class="card-footer">
           
            {{ include('local/_delete_form.html.twig') }}
        </div>
    </div>

    

{% endblock %}