@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"><a href="{{ route('imageset.index') }}">Serien</a></li>
    <li class="breadcrumb-item"><a href="{{ route('imageset.limbo') }}">In Arbeit</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>
@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 class="row">
      <div class="col-3">ZIP-Archiv</div>
      <div class="col">{{ $imageset->zip_name or '&ndash;' }}</div>
    </div>
  </div>
</div>

<div class="my-3 text-center">
  <a type="button" class="btn btn-primary" href="{{ action('ImageSetController@edit',$imageset) }}">Bearbeiten</a>
  <button type="button" class="btn btn-info" data-toggle="modal" data-target="#modal_upload_pm"{!! $allow_upload['bool'] ? '':' disabled' !!} title="{{ $allow_upload['title'] }}">Zu PM hochladen</button>
  <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#modal_start_delivery"{!! $allow_delivery['bool'] ? '':' disabled' !!} title="{{ $allow_delivery['title'] }}">Versand starten</button>
  <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modal_delete">Löschen</button>
  <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#modal_archive">Archivieren</button>
</div>

<div class="row mt-3">
  <div class="col"><h4>Bilder</h4></div>
</div>

<table class="table table-hover image-list">
  <thead>
    <tr>
      <th scope="col">Thumbnail</th>
      <th scope="col">Picturemaxx#</th>
      <th scope="col">Original-Dateiname</th>
      <th scope="col">Lieferant</th>
      <th scope="col">Status</th>
      <th scope="col" title="Original existiert">Original</th>
      <th scope="col"></th>
    </tr>
  </thead>
  <tbody>
  @each('imageset.limbo._list_image',$imageset->images->sortBy('original_filename'),'image')
  </tbody>
</table>

<div class="modal fade" id="modal_upload_pm" tabindex="-1" role="dialog" aria-labelledby="modal_upload_pm_title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      {!! Form::open(['action' => ['ImageSetController@limboAction',$imageset]]) !!}
      {!! Form::hidden('action','upload') !!}
      <div class="modal-header">
        <h5 class="modal-title" id="modal_upload_pm_title">Bilder 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">
        Die Serie wird zu Picturemaxx hochgeladen und danach wie gewöhnlich versendet.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
        <button type="submit" class="btn btn-primary">Bestätigen</button>
      </div>
      {!! Form::close() !!}
    </div>
  </div>
</div>

<div class="modal fade" id="modal_start_delivery" tabindex="-1" role="dialog" aria-labelledby="modal_start_delivery_title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      {!! Form::open(['action' => ['ImageSetController@limboAction',$imageset]]) !!}
      {!! Form::hidden('action','delivery') !!}
      <div class="modal-header">
        <h5 class="modal-title" id="modal_start_delivery_title">Versand starten</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Die Serie wird für den Versand vorbereitet und dann wie gewöhnlich versendet.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
        <button type="submit" class="btn btn-primary">Bestätigen</button>
      </div>
      {!! Form::close() !!}
    </div>
  </div>
</div>

<div class="modal fade" id="modal_delete" tabindex="-1" role="dialog" aria-labelledby="modal_delete_title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      {!! Form::open(['action' => ['ImageSetController@limboAction',$imageset]]) !!}
      {!! Form::hidden('action','delete') !!}
      <div class="modal-header">
        <h5 class="modal-title" id="modal_delete_title">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">
        <p>Die Serie löschen?</p>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" value="1" name="delete_all_images" id="delete_all_images">
          <label class="form-check-label" for="delete_all_images">
            Zusätzlich alle Bilder löschen
          </label>
        </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>
      {!! Form::close() !!}
    </div>
  </div>
</div>

<div class="modal fade" id="modal_archive" tabindex="-1" role="dialog" aria-labelledby="modal_archive_title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      {!! Form::open(['action' => ['ImageSetController@limboAction',$imageset]]) !!}
      {!! Form::hidden('action','archive') !!}
      <div class="modal-header">
        <h5 class="modal-title" id="modal_archive_title">Archivieren</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Die Serie wird ins Archiv verschoben.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
        <button type="submit" class="btn btn-primary">Bestätigen</button>
      </div>
      {!! Form::close() !!}
    </div>
  </div>
</div>
@endsection

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