@extends('layouts.app')

@section('title','Neue Serie')

@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">Neue Serie</li>
  </ol>
</nav>
@endsection

@section('content')
{!! Form::model($image_set,['action' => 'ImageSetController@store']) !!}
<div class="row">
  <div class="col"><h2>Neue Serie</h2></div>
  <div class="col-auto"><button type="submit" class="btn btn-primary">Speichern</button></div>
</div>
@include('includes.errors')
<div class="form-group row">
  {!! Form::label('title','Titel',['class' => 'col-3 col-form-label']) !!}
  <div class="col">
    {!! Form::text('title',null,['class' => 'form-control']) !!}
  </div>
</div>
<div class="form-group row">
  <div class="col-3 col-form-label">Rubriken</div>
  @if ( count($categories) > 0 )
  <div class="col">
    @foreach ($categories->every(2) as $category)
    <div class="form-check">
      <input class="from-check-input" type="checkbox" value="{{ $category->id }}" name="categories[]" id="category-{{ $category->id }}">
      <label class="form-check-label" for="category-{{ $category->id }}">{{ $category->name }}</label>
    </div>
    @endforeach
  </div>
  <div class="col">
    @foreach ($categories->every(2,1) as $category)
    <div class="form-check">
      <input class="from-check-input" type="checkbox" value="{{ $category->id }}" name="categories[]" id="category-{{ $category->id }}">
      <label class="form-check-label" for="category-{{ $category->id }}">{{ $category->name }}</label>
    </div>
    @endforeach
  </div>
  @else
  <div class="col col-form-label">Keine Rubriken vorhanden.</div>
  @endif
</div>
<div class="form-group row unique-checkbox">
  <div class="col-3 col-form-label">Versand</div>
  <div class="col">
    <div class="form-check form-check-inline">
      {!! Form::hidden('allow_distribution',0) !!}
      {!! Form::checkbox('allow_distribution','1',null,['class' => 'form-check-input','id' => 'distribution_l']) !!}
      {!! Form::label('distribution_l','Versenden',['class' => 'form-check-label']) !!}
    </div>
    <div class="form-check form-check-inline">
      {!! Form::hidden('only_archive',0) !!}
      {!! Form::checkbox('only_archive','1',null,['class' => 'form-check-input','id' => 'archive_l']) !!}
      {!! Form::label('archive_l','Archiv',['class' => 'form-check-label']) !!}
    </div>
  </div>
</div>

<h4>Bilder in der Serie</h4>
<div id="selected" class="gallery">
<div class="placeholder">Keine Bilder vorhanden.</div>
</div>

{!! Form::close() !!}

<div class="row mt-3">
  <div class="col">
    <h4>Alle Bilder</h4>
  </div>
  <div class="col-auto form-inline">
    <div class="form-group">
        <label>Lieferant: </label>
        {!! Form::select('supplier_id',$suppliers->pluck('name','id')->prepend('Kein Lieferant','0')->prepend('--','')->all(),null,['class' => 'form-control ml-1','id' => 'supplier_filter']) !!}
    </div>
  </div>
</div>
<div id="all" class="gallery">
@if ( count($images) > 0 )
@foreach ($images as $image)
  <div class="item border border-secondary rounded bg-light text-dark {{ $classes }}">
    <input type="hidden" name="image_list[]" value="{{ $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>{{ $image->imageSet->title or '&nbsp;' }}</div>
    </div>
  </div>
@endforeach
@else
<div>Keine nicht zugewiesenen Bilder.</div>
@endif
</div>
@endsection

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