@extends('themes.base.layout')
@section('title', $album->name)

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <h1>{{ $album->name }}</h1>
                <p>{{ $album->description }}</p>
                <hr/>

                <div>
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#photos-tab" aria-controls="photos-tab" role="tab" data-toggle="tab"><i class="fa fa-fw fa-photo"></i> @lang('admin.album_photos_tab')</a></li>
                        <li role="presentation"><a href="#upload-tab" aria-controls="upload-tab" role="tab" data-toggle="tab"><i class="fa fa-fw fa-upload"></i> @lang('admin.album_upload_tab')</a></li>
                        <li role="presentation"><a href="#settings-tab" aria-controls="settings-tab" role="tab" data-toggle="tab"><i class="fa fa-fw fa-cog"></i> @lang('admin.album_settings_tab')</a></li>
                    </ul>

                    <div class="tab-content">
                        {{-- Photos --}}
                        <div role="tabpanel" class="tab-pane active" id="photos-tab">
                            @if ($album->photos()->count() == 0)
                                <div class="text-center" style="margin-top: 30px;">
                                    <h4 class="text-danger"><b>@lang('admin.album_no_photos_p1')</b></h4>
                                    <p>@lang('admin.album_no_photos_p2')</p>
                                    <p style="margin-top: 30px;"><button id="upload-button" class="btn btn-lg btn-success">@lang('admin.album_no_photos_button')</button></p>
                                </div>
                            @endif
                        </div>

                        {{-- Upload --}}
                        <div role="tabpanel" class="tab-pane" id="upload-tab">
                            <h4>Upload single images</h4>

                            {!! Form::open(['route' => 'photos.store', 'method' => 'POST', 'files' => true]) !!}
                            {!! Form::hidden('album_id', $album->id) !!}

                            <div class="form-group">
                                {!! Form::file('photo[]', ['class' => 'control-label', 'multiple' => 'multiple']) !!}
                            </div>

                            <div>
                                {!! Form::submit(trans('forms.upload_action'), ['class' => 'btn btn-success']) !!}
                            </div>
                            {!! Form::close() !!}

                            <hr/>
                            <h4>Bulk upload</h4>

                            {!! Form::open(['route' => 'photos.storeBulk', 'method' => 'POST', 'files' => true]) !!}
                            {!! Form::hidden('album_id', $album->id) !!}

                            <div class="form-group">
                                {!! Form::file('archive', ['class' => 'control-label']) !!}
                            </div>

                            <div>
                                {!! Form::submit(trans('forms.upload_action'), ['class' => 'btn btn-success']) !!}
                            </div>
                            {!! Form::close() !!}
                        </div>

                        {{-- Settings --}}
                        <div role="tabpanel" class="tab-pane" id="settings-tab">
                            <div class="btn-toolbar">
                                <a href="{{ route('albums.edit', ['id' => $album->id]) }}" class="btn btn-default">@lang('forms.edit_action')</a>
                                <a href="{{ route('albums.delete', ['id' => $album->id]) }}" class="btn btn-danger">@lang('forms.delete_action')</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $('#upload-button').click(function() {
            $('.nav-tabs a[href="#upload-tab"]').tab('show');
        });
    })
</script>
@endpush