@extends('layouts.app')

@section('title',$imageset->title)

@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Home</a></li>
    <li class="breadcrumb-item" aria-current="page"><a href="{{ route('imageset.index') }}">Serien</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $imageset->title }}</li>
  </ol>
</nav>
@endsection

@section('content')
<div class="row">
  <div class="col"><h2>{{ $imageset->title }}</h2></div>
  <div class="col-auto">
    @if ( $imageset->pm_uploadable() )
    <button type="button" data-toggle="modal" data-target="#upload_imageset_modal" class="btn btn-info" title="Serie zu Picturemaxx hochladen">PM <i class="fa fa-cloud-upload-alt"></i></button>
    @endif
    @if ( $imageset->editable() )
    <a href="{{ action('ImageSetController@edit',$imageset) }}" class="btn btn-primary">Bearbeiten</a>
    <button type="button" data-toggle="modal" data-target="#delete_imageset_modal" class="btn btn-danger">Löschen</button>
    @endif
  </div>
</div>
@include('includes.errors')

<div class="row">
  <div class="col-auto text-center">
    <img class="img-thumbnail" src="{{ asset('assets/'.$imageset->get_thumbnail_image()) }}">
  </div>
  <div class="col">
    <div class="row">
      <div class="col-3">Ordner</div>
      <div class="col">{{ $imageset->folder_name() }}</div>
    </div>
    <div class="row">
      <div class="col-3">
        Rubriken
      </div>
      <div class="col">
        @if ( count($imageset->categories) > 0 )
            {{ join(', ',$imageset->categories->pluck('name')->all()) }}
        @else
            Keine Rubriken zugewiesen.
        @endif
      </div>
    </div>
    <div class="row">
      <div class="col-3">Versand</div>
      <div class="col-auto">{{ $imageset->delivery_string() }}</div>
      @if ( $imageset->no_credit )
      <div class="col">
        (no credit!)
      </div>
      @endif
    </div>
  </div>
</div>

@if ( $imageset->editable() )
{!! Form::open(['action' => 'ImageController@bulk','id' => 'image_massedit_form']) !!}
{!! Form::hidden('imageset_id',$imageset->id) !!}
{!! Form::hidden('image_edit_type','edit') !!}
@endif
<div class="row mt-3">
  <div class="col"><h4>Bilder</h4></div>
  @if ( $imageset->editable() )
  <div class="col-auto">
    <div class="dropdown">
      <button type="button" class="btn btn-outline-primary dropdown-toggle" id="edit_dropdown" data-toggle="dropdown">Alle Bilder</button>
      <div class="dropdown-menu dropdown-menu-right" id="image_massedit_submit">
        <button role="button" class="dropdown-item pointer" data-action="edit" autofill="off">Lieferant/Serie bearbeiten</button>
        <button role="button" class="dropdown-item pointer" data-action="meta" autofill="off">Metadaten bearbeiten</button>
        <button role="button" class="dropdown-item pointer" data-action="replace" autofill="off">Metadaten Suchen/Ersetzen</button>
      </div>
    </div>
  </div>
  @endif
</div>
<div class="gallery">
  @each('image._gallery_item',$imageset->images->sortBy('filename'),'image')
</div>
@if ( $imageset->editable() )
{!! Form::close() !!}
@endif

@if ( $imageset->editable() )
<div class="modal fade" id="delete_imageset_modal" tabindex="-1" role="dialog" aria-labelledby="delete_imageset_modal_title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      {!! Form::open(['action' => ['ImageSetController@destroy',$imageset],'method' => 'delete']); !!}
      <div class="modal-header">
        <h5 class="modal-title" id="delete_imageset_modal_title">Serie löschen</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div>Serie "{{ $imageset->title}}" löschen?</div>
        <div>Die Bilder der Serie werde nicht gelöscht.</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
        <button type="submit" class="btn btn-danger">Löschen</button>
      </div>
    </div>
    {!! Form::close() !!}
  </div>
</div>
@endif

@if ( $imageset->pm_uploadable() )
<div class="modal fade" id="upload_imageset_modal" tabindex="-1" role="dialog" aria-labelledby="upload_imageset_modal_title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      {!! Form::open(['action' => ['ImageSetController@upload',$imageset],'method' => 'post']); !!}
      <div class="modal-header">
        <h5 class="modal-title" id="upload_imageset_modal_title">Serie hochladen</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Die Bilder werden auf den Picturemaxx-Server hochgeladen.
          Sobald dieser Vorgang angestoßen ist, können die Bilder nicht mehr bearbeitet werden.</p>
        @if ( $imageset->only_archive )
        <p>Nach dem Hochladen werden die Bilder vom Server gelöscht, die Vorschaubilder bleiben erhalten.</p>
        @endif
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
        <button type="submit" class="btn btn-primary">Starten</button>
      </div>
    </div>
    {!! Form::close() !!}
  </div>
</div>
@endif
@endsection

@section('script')
<script src="{{ asset('js/imageset_show.js') }}"></script>
@endsection