@extends('layouts.master')

@section('content')
<div class="row">
<div class="large-12 columns">
<h3><i class="fi-download"></i> Documents</h3>
</div></div>
<div class="row">
	<div class="small-6 large-6 columns">
		<fieldset>
			<legend>Documents</legend>
			<table width="100%">
						@foreach( $documents as $document )
				<tr id="wrapper_{{ $count }}">
					<td width="40px">
					@if( $document['type'] == '2' || $document['type'] == '3' )
						<img src="{{ $document['full'] }}" style="width: 35px;"/>
					@endif
					</td>
					<td><a href="{{ $document['full'] }}">{{ $document['filename'] }}</a></td>
					<td width="80px">{{ number_format($document['filesize'], 0, '.', ',') }}</td>
					<td>
					{{ Form::button('Delete', array('class'=>'button tiny delete_document', 'id' => $count, 'filename' => $document['filename'])) }}
					</td>
				</tr>
						@endforeach
			</table>
		</fieldset>
	</div>
	<div class="small-6 large-6 columns">
		<fieldset>
			<legend>Upload Documents</legend>
			<div id="documents_upload" class="dropzone-previews dz-cloud-background">
			</div>
		</fieldset>
	</div>
</div>
@stop

@section('js')
@parent
{{ HTML::script('js/dropzone/dropzone.js') }}
<script type="text/javascript">
$(document).ready(function(){
    $('#documents_upload').dropzone({
        url: '{{ URL::to('girls/documentUpload/' . $girl->id) }}',
        maxFileSize: 8,
        uploadMultiple: false,
        addRemoveLinks: false,
        thumbnailWidth: 125,
        thumbnailHeight: 125,
        method: 'post'
    });
	$('.delete_document').click(function(e){
		e.preventDefault();
		count_id = $(this).attr('id');
		filename = $(this).attr('filename');
        $.ajax({
            url: '{{ URL::to('/girls/documentDelete/'.$girl->id) }}',
            type: 'post',
            dataType: 'json',
            data: {document: filename, method: 'post'},
            success: function(response){
                console.log(response);
                if(response === 'success'){
                    $('#wrapper_' + count_id).hide( 'blind' );
                }
            },
            error: function(response){
                console.log(response);
            }
        })
	});
});
</script>
@stop