@extends('layouts.master')

@section('content')
@if($upload)
<div class="row">
    <div class="small-12 columns">
        <div class="alert-box success">{{ ucfirst(Lang::get('albums.upload_complete')) }}</div>
    </div>
</div>
@endif
<div class="row" id="uploadContainer">
	<div class="large-6 small-12 large-centered columns panel">
            <h3>{{ ucfirst(Lang::get('albums.upload for', array('public_name' => $album->girl->public_name))) }}</h3>
            {{ Form::open(array('route' => array('album.update', $album->id), 'method' => 'put', 'class' => 'dropzone', 'id' => 'myuploadzone')) }}
            {{ Form::close() }}
	</div>
    <div class="large-6 small-12 large-centered columns">
        <form action="/album/{{$album->girl->id}}" method="get">
            <input type="hidden" name="upload" value="complete" />
            <input type="submit" value="{{ucwords(Lang::get('albums.upload_finish'))}}" class="button alert small right" id="finishUpload" />
        </form>
    </div>
</div>
<div class="row">
    <div class="small-12 columns">
        <h3><i class="fi-photo"></i> {{ ucwords(Lang::get('albums.photos')) }} <a class="button right small" id="showUpload">Upload</a></h3>
        <ul class="small-block-grid-2 large-block-grid-4">
	@foreach( $album->photos as $photo )
            <li id="wrapper_{{$photo->id}}">
            	<div style="position: relative;">
                <a href="#" data-reveal-id="reveal_{{ $photo->id }}" id="photo_{{ $photo->id }}">
                    <img src="{{URL::to('sourcethumbs/' . $album->id . '/tmb_' . $photo->id . '_thumb.' . $photo->filetype)}}" />
                </a>
                </div>
                <ul class="button-group">
                    @if(HTML::CoverImage($album->id, $photo->id, $album->cover))
                    <li>
                        <a href="/album/cover/{{$album->id}}/{{$photo->id}}" class="button tiny success cover_image" album-data="{{ $album->id }}" photo-data="{{ $photo->id }}">{{ ucwords(Lang::get('albums.set cover')) }}</a>
                    </li>
                    @endif
                    <li>
                        <a href="#" class="button tiny secondary deletephoto" id="{{$photo->id}}">{{ ucwords(Lang::get('albums.delete')) }}</a>
                    </li>
                </ul>
                <div id="reveal_{{$photo->id}}" class="reveal-modal text-center" data-reveal>
                    <img src="{{URL::to('sourcealbums/' . $album->id . '/' . $photo->id . '.'.$photo->filetype)}}" />
                    <a class="close-reveal-modal">&#215;</a>
                </div>
            </li>
	@endforeach
        </ul>
    </div>
</div>
<img src="{{ asset('/img/cover.png') }}" id="cover_check" style="display: none;"/>
@stop

@section('js')
@parent
{{ HTML::script('js/dropzone/dropzone.js') }}
{{ HTML::script('js/albums.js') }}
<script type="text/javascript">
$(document).ready(function(){
    $('#showUpload').click(function(){ 
        $('#uploadContainer').toggle('blind');
    });
    Dropzone.autoDiscover = false;
    var myDropzone = new Dropzone("#myuploadzone");

    myDropzone.on("processing", function(file) {
        console.log('Uploading');
        $('#finishUpload').prop('disabled',true);
    });
    myDropzone.on('queuecomplete', function(file){
        console.log('Done uploading');
        $('#finishUpload').prop('disabled',false);
    });
});
</script>
@if( !empty($album->cover) )
<script>
$(document).ready(function(){
    positionCoverIcon({{ $album->cover }});
});

</script>
@endif
@stop