@extends('layouts/main')
@section('content')
	<h1>Ejercicios</h1>
	<div class="pull-right">
		<a href="{{route('exercises.create')}}" class="btn btn-primary">Crear Ejercicio</a>
	</div>
	<br/>
	<br/>	
	<div class="ibox-content">
    <table class="table">
      <thead>
        <tr>
          <th>#</th>
          <th class="text-center">Nombre</th>
          <th class="text-center">Desc. Corta</th>
          <th class="text-center">Grupo muscular principal</th>
          <th class="text-center">Grupo muscular secundario</th>
          <th class="text-center">Animación</th>
          <th class="text-center">Opciones<th>
        </tr>
      </thead>
        <tbody>
        @foreach($exercises as $exercise)	
          <tr>
            <td>{{$exercise->id}}</td>
            <td class="text-center">{{$exercise->name}}</td>
            <td class="text-center">{{$exercise->description}}</td>
            <td class="text-center">{{$exercise->muscle_group_principal()->first()->name}}</td>
            <td class="text-center">{{$exercise->muscle_group_secundario()->first()->name}}</td>
            <td class="text-center"><img src="{{$exercise->animation_path()}}" width="55px" height="55px"></td>
            <td>
            	<ul>
            		<a href="{{route('exercises.show', [$exercise->id])}}"><li>Ver ejercicio</li></a>
            		<a href="{{route('exercises.edit', [$exercise->id])}}"><li>Editar</li></a>
            		<a id="{{'exercise_'.$exercise->id}}" class="eliminar" ><li>Eliminar</li></a>
								{!! Form::model($exercise, ['route' => ['exercises.destroy', $exercise->id], 'method'=>'Delete', 'id'=>'form_exercise_'.$exercise->id]) !!}	
								{!! Form::close()!!}
            	</ul>	
            </td>
          </tr>
        @endforeach
        </tbody>
    </table>
        {!! $exercises->render() !!}
  </div>
@endsection
@section('breadcrumbs')
	{!! Breadcrumbs::render('exercises','index',null) !!}
@endsection
@section('scripts')
	<script>
		$('.eliminar').click(function(){
			var id=$(this).attr('id').split('_')[1];
			$('#form_exercise_'+id).submit();
		});
	</script>	
@endsection