@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">
    <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>
  </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">
    @if ( $imageset->allow_distribution )
    Versand
    @elseif ( $imageset->only_archive )
    Archiv
    @else
    &ndash;
    @endif
  </div>
</div>

{!! Form::open(['action' => 'ImageController@massEdit','method' => 'post','id' => 'image_massedit_form']) !!}
{!! Form::hidden('imageset_id',$imageset->id) !!}
<div class="row mt-3">
  <div class="col"><h4>Bilder</h4></div>
  <div class="col-auto"><button type="submit" class="btn btn-outline-primary">Alle Bilder bearbeiten</button></div>
</div>
<div class="gallery">
@foreach ($imageset->images->sortBy('filename') as $image)
<a href="{{ action('ImageController@show',$image) }}" class="item border border-secondary rounded bg-light text-dark">
  {!! Form::hidden('image_list[]',$image->id) !!}
  <div class="image"><img src="{{ asset('assets/'.$image->thumbnail()) }}"></div>
  <div class="text">
    <div>{{ $image->filename }}</div>
    <div>{{ $image->mypicturemaxx_number or '&nbsp;' }}</div>
    <div>{{ $image->supplier->name or '&nbsp;' }}</div>
  </div>
</a>
@endforeach
</div>
{!! Form::close() !!}

<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>
@endsection