@extends('layouts/main')
@section('breadcrumbs')
	{!! Breadcrumbs::render('exercises', 'edit', $exercise) !!}
@endsection
@section('content')
	<h1>Editar ejercicio</h1>
	<div class="panel panel-default">
	  <div class="panel-body">
	    {!! Form::model($exercise, ['route' => ['exercises.update', $exercise->id], 'method'=>'PUT', 'files' => true])!!}
    		@include('exercises._form')
			{!! Form::close() !!}
	  </div>
	</div>
	<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
  <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
  </div>
  @foreach($exercise->extra_images_path() as $image)	
		<form method="POST" action="{{route('exercise_image.destroy',[$image['id']])}}" accept-charset="UTF-8" id="del_image_{{$image['id']}}">
			<input name="_method" type="hidden" value="DELETE">
			{{Form::token()}}
		</form>
	@endforeach	
@endsection
@section('scripts')
    <!-- blueimp gallery -->
	<script src="/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
	<script type="text/javascript">
		function del_image(id){
			alert($("#del_image_"+id));
			$("#del_image_"+id).submit();
		}
	</script>
@endsection