@extends('layouts/main')
@section('breadcrumbs')
	{!! Breadcrumbs::render('trainings', 'show', $training) !!}
@endsection
@section('content')
	<h1>Entrenamiento: <small>{{$training->name}}</small></h1>
		<div class="col-md-12" style="padding-bottom: 30px">
			<div class="pull-right">
				<a href="{{route('trainings.edit',[$training->id])}}" class="btn btn-success">Editar Entrenamiento</a>
			</div>
		</div>	
	<div class='col-md-12'>	
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3>Rutinas:</h3>					
			</div>
  		<div class="panel-body">
  			<div class="row" style="padding-bottom: 15px; padding-right: 15px; padding-left: 15px">
  				<div class="pull-left">
  					@if($training->tipo=="free")
  						<h3>Tipo: <span class="label label-warning">Gratis</span></h3>
  					@elseif($training->tipo=="premium")	
  						<h3>Tipo: <span class="label label-default">Premium</span></h3>
  					@else
  						<h3>Tipo: <span class="label label-danger">N/A</span></h3>
  					@endif	
  				</div>
  				<div class="pull-right">
  					<a href="{{route('trainings.routines.create', $training->id)}}" class="btn btn-primary">Agregar rutina</a>
  				</div>
  			</div>
  			<div class='panel-group sortable-r' data-update-url="{{route('routines.sort',[$training->id])}}" role="tablist" aria-multiselectable="true" id="accordion">
  				@foreach($routines as $routine)
	  				<div class="panel panel-default" id="id_routine_{{$routine->id}}">
	  					<div class="panel-heading" role="tab" id="heading_{{$routine->id}}" style="height: 80px">
	  						<div class="pull-right">
	  							<div class="btn-group" role="group" >
	  								<a class="btn btn-default handle-sort" type="button"><i class="fa fa-arrows" aria-hidden="true"></i></a>
	  								<button class="btn btn-default" type="button" data-toggle="modal" data-target="#ModalRoutineEdit" onclick="editRoutine('{{$routine->id}}','{{$routine->name}}', '{{$routine->description}}', '{{$routine->long_description}}', '{{$routine->recomendaciones}}','{{$routine->tagline}}', '{{$routine->training_condition_id}}')"><i class="fa fa-pencil" aria-hidden="true"></i></button>
	  								<button class="btn btn-default" type="button" onclick="delRoutine('{{$routine->id}}')"><i class="fa fa-times" aria-hidden="true"></i></button>
	  							</div>
	  							{!! Form::open(["route" => ["trainings.routines.destroy", $training->id, $routine->id], "method" => "DELETE", "id"=>"form-del-routine_{$routine->id}"])!!}
	  							{!! Form::close() !!}
	  						</div>
	  						<h3 class="panel-title">
	  							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_{{$routine->id}}" aria-expanded="false" aria-controls="collapseTwo">
	  								{{$routine->name}}
	  							</a>
	  						</h3>
	  						
	  						<i>{{$routine->description}}</i>
	  					</div>
	  					<div id="collapse_{{$routine->id}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading_{{$routine->id}}">
		  					<div class="panel-body">
		  						<div class="col-md-5">
		  							<p><strong>{{$routine->tagline}}</strong></p>
		  							<p><strong>Descripcion detallada: </strong>
		  							{{$routine->long_description}}</p>
		  							<p><strong>Recomendaciones: </strong>
		  							{{$routine->recomendaciones}}</p>
		  							<p><strong>Condiciones de entrenamiento: </strong>
		  							{{$routine->training_condition()->first()->name}}</p>
		  						</div>
		  						<div class="col-md-7">
		  							<div class="pull-right"><a data-toggle="modal" data-target="#ModalRoutineExercise" onclick="addExerciseId('{{$routine->id}}')">Agregar ejercicio (+)</a></div>
		  							<table class="table">
											<thead>
												<tr>	
													<th class="text-center" width="8%">#</th>
													<th class="text-center" width="15%">Ejercicio</th>
													<th class="text-center" width="30%">Indicaciones</th>
													<th class="text-center" width="10%">Reps</th>
													<th class="text-center" width="13%">T. de descanso</th>
													<th class="text-center" width="24%">Opciones</th>	
												</tr>	
											</thead>
											<tbody id="routine_exercises_{{$routine->id}}" class="sortable-re" data-update-url="{{route('routine_exercises.sort',[$routine->id])}}">
												@if($routine->routine_exercises()->count() == 0)
												<tr>
													<td class="text-center" colspan="6">No hay ejercicios registrados en esta rutina</td>
												</tr>
												@else
													@foreach($routine->routine_exercises()->orderBy('position')->get() as $index => $exercise)
														<tr id="row_routine_exercise_{{$exercise->id}}" >
															<td class="text-center" id="id_routine_exercise_{{$exercise->id}}">{{$index+1}}</td>
															<td class="text-center">{{$exercise->exercise()->first()->name}}</td>
															<td class="text-center">{{$exercise->indicaciones}}</td>
															<td class="text-center">{{$exercise->repeticiones}}</td>
															<td class="text-center">{{$exercise->rest_time}}</td>
															<td class="text-center">
																<div class="btn-group" role="group" aria-label="...">
																	<a class="btn btn-default btn-sm handle-sort" type="button"><i class="fa fa-arrows" aria-hidden="true"></i></a>	
																  <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#ModalRoutineExerciseEdit" onclick="editExercise('{{$exercise->id}}', '{{$exercise->exercise_id}}', '{{$exercise->indicaciones}}','{{$exercise->repeticiones}}', '{{$exercise->rest_time}}')"><i class="fa fa-pencil" aria-hidden="true"></i></button>
																  <button type="button" class="btn btn-default btn-sm handle-sort" onclick="delExerciseId('{{$exercise->id}}')"><i class="fa fa-times" aria-hidden="true"></i></button>
																</div>
															</td>	
														</tr>
													@endforeach	
												@endif	
											</tbody>	
										</table>
		  						</div>
		  					</div>
	  					</div>	
	  				</div>
  				@endforeach	
  			</div>	
  		</div>
		</div>
	</div>
	<!-- Modal agregar-->
	<div class="modal fade" id="ModalRoutineExercise" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">Agregar Ejercicio</h4>
	      </div>
	      <div class="modal-body">
	        	<div class="form-group">
					{!! Form::label('add_ejercicio', 'Ejercicio:') !!}	
					{!!  Form::select('add_ejercicio', $exercises, null, ['placeholder' => 'Selecciona el ejercicio...', 'class' => 'form-control', ]); !!}
				</div>
				<div class="form-group">
					{!! Form::label('add_indicaciones', 'Indicaciones:') !!}	
					{!! Form::text('add_indicaciones', null, ['class' => 'form-control','placeholder' => 'Escribe las indicaciones para este ejercicio', ]) !!}
				</div>
				<div class="form-group">
					{!! Form::label('add_repeticiones', 'Repeticiones:') !!}
					{!! Form::number('add_repeticiones', 0, ["class" => "form-control", "min" => "0"]) !!}	
				</div>	
				<div class="form-group">
					{!! Form::label('add_rest_time', 'Tiempo de descanso:') !!}	
					{!! Form::select('add_rest_time', ['0-0.5'=>'De 0 a 30 seg', "0.5-1.5" =>"De 30 seg a 1:30 min", "1.5-2" => "De 1:30 min a  2 min", "2-4" => "De 2 min a 4 min"], null, ['placeholder' => 'Selecciona el tiempo de descanso...', 'class' => 'form-control']); !!}
				</div>
				{!! Form::hidden('add_routine_id', null,['id' => 'add_routine_id']) !!}			
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
	        <button type="button" class="btn btn-primary" id="add_exercise_save">Guardar</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- Modal editar-->
	<div class="modal fade" id="ModalRoutineExerciseEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">Editar Ejercicio</h4>
	      </div>
	      <div class="modal-body">
	        	<div class="form-group">
					{!! Form::label('edit_ejercicio', 'Ejercicio:') !!}	
					{!!  Form::select('edit_ejercicio', $exercises, null, ['placeholder' => 'Selecciona el ejercicio...', 'class' => 'form-control', ]); !!}
				</div>
				<div class="form-group">
					{!! Form::label('edit_indicaciones', 'Indicaciones:') !!}	
					{!! Form::text('edit_indicaciones', null, ['class' => 'form-control','placeholder' => 'Escribe las indicaciones para este ejercicio', ]) !!}
				</div>
				<div class="form-group">
					{!! Form::label('edit_repeticiones', 'Repeticiones:') !!}
					{!! Form::number('edit_repeticiones', 0, ["class" => "form-control", "min" => "0"]) !!}	
				</div>	
				<div class="form-group">
					{!! Form::label('edit_rest_time', 'Tiempo de descanso:') !!}	
					{!! Form::select('edit_rest_time', ['0-0.5'=>'De 0 a 30 seg', "0.5-1.5" =>"De 30 seg a 1:30 min", "1.5-2" => "De 1:30 min a  2 min", "2-4" => "De 2 min a 4 min"], null, ['placeholder' => 'Selecciona el tiempo de descanso...', 'class' => 'form-control']); !!}
				</div>
				{!! Form::hidden('edit_routine_exercise_id', null,['id' => 'edit_routine_exercise_id']) !!}				
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
	        <button type="button" class="btn btn-primary" id="edit_exercise_save">Guardar</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- Modal editar rutinas-->
	<div class="modal fade" id="ModalRoutineEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	    	{!! Form::open(['route' => ['trainings.routines.update', $training->id, 0], 'method'=>'PUT', 'id' => 'form_edit_routine'])!!}
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">Editar Rutina</h4>
	      </div>
	      <div class="modal-body">
        	<div class="form-group">
						{!! Form::label('edit_name', 'Nombre:') !!}	
						{!! Form::text('edit_name', null, ['class' => 'form-control','placeholder' => 'Escribe las indicaciones para este ejercicio', 'required' => 'required']) !!}
					</div>
					<div class="form-group">
						{!! Form::label('edit_description', 'Descripcion:') !!}	
						{!! Form::text('edit_description', null, ['class' => 'form-control','placeholder' => 'Escribe la descripcion para esta rutina', 'required' => 'required']) !!}
					</div>
					<div class="form-group">
						{!! Form::label('edit_long_description', 'Descripción detallada de la rutina:') !!}	
						{!! Form::textarea('edit_long_description', null, ['class' => 'form-control', 'placeholder' => 'Escribe una descripción detallada de la rutina', 'required' => 'required','rows' => 3]) !!}
					</div>
					<div class="form-group">
						{!! Form::label('edit_recomendaciones', 'Descripción detallada de la rutina:') !!}	
						{!! Form::textarea('edit_recomendaciones', null, ['class' => 'form-control', 'placeholder' => 'Escribe una descripción detallada de la rutina', 'required' => 'required','rows' => 3]) !!}
					</div>
					<div class="form-group">
						{!! Form::label('edit_tagline', 'Tagline:') !!}	
						{!! Form::text('edit_tagline', null, ['class' => 'form-control', 'placeholder' => 'Escribre el tagline','required' => 'required']) !!}
					</div>
					<div class="form-group">
						{!! Form::label('edit_training_condition_id', 'Condiciones de entrenamiento:') !!}	
						{!!  Form::select('edit_training_condition_id', $training_conditions, null, ['placeholder' => 'Selecciona las condiciones del entrenamiento...', 'class' => 'form-control', 'required'=>'required']); !!}
					</div>			
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
	        <button type="submit" class="btn btn-primary">Guardar</button>
	      </div>
	      {!! Form::close() !!}	
	    </div>
	  </div>
	</div>
	<input type="hidden" id="training_id" value="{{$training->id}}">
@endsection
@section('scripts')
	<script type="text/javascript" src="{{asset('js/views/routines.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/sortable.js')}}"></script>
@endsection