@section('content')
<script type="text/javascript">
    var uploadUrl = '{{route("postAdminPhotoCatUpload", array("catId" => $category->id))}}';
    var sortUrl = '{{route("postAdminPhotoSort")}}';
</script>
<h2>Photos Chapter</h2>
@include('admin.image.partial.cat', array('categories'=> $categories, 'currentCat' => $category))


<h3>Upload</h3>
<form id="formUpload" enctype="multipart/form-data">
    <div>
        <div id="dropfile">Drag and drop here one or several pictures</div>
        or browse
    </div>
    <input type="file" multiple name="photo[]" id="uploadfile" />
</form>
<p>REMEMBER: upload a photo only with its biggest height; other displayed sizes are automatically created. A photo should be 1600px high. If not possible, 800px are ok too.</p>

<h3>Images</h3>
<div class="loader text-center"><img src="{{asset('images/ui/ajax-loader.gif')}}" alt=""></div>
<ul id="admin-thumb">
    @foreach ($photos as $photo)
        @include('admin.image.partial.photo', array('photo'=> $photo))
    @endforeach
</ul>
@stop