@extends('layouts.app')

@section('title','Bilder')

@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Bilder</li>
  </ol>
</nav>
@endsection

@section('content')
<div class="row">
  <div class="col-sm">
    <h2>Bilder</h2>
  </div>
  @if ($itype === 'list')
  <div class="col-sm-auto">
    <button id="image_massedit_submit" class="btn btn-outline-primary"  autofill="off" disabled>Auswahl bearbeiten</button>
  </div>
  @endif
  <div id="filter-control" class="col-sm-auto">
    <form class="form-inline" action="{{ action('ImageController@postIndex') }}" method="post">
      {{ csrf_field() }}
      <div class="form-group">
      <label for="indexfilter">Filter: </label>
      <select class="form-control ml-1" name="indexfilter" id="indexfilter">
        <option value="nosupplier">Ohne Lieferant</option>
        <option value="noset">Keine Serie</option>
      </select>
      </div>
    </form>
  </div>
  <div id="ui-control" class="col-sm-auto">
    <form class="form-inline" action="{{ action('ImageController@postIndex') }}" method="post">
      {{ csrf_field() }}
      <input type="hidden" name="indextype" value="">
      <div class="form-group">
      <div class="btn-group" role="group">
        <button type="button" data-list="gallery" class="btn btn-outline-primary"><i class="fas fa-th"></i></button>
        <button type="button" data-list="list" class="btn btn-outline-primary"><i class="fas fa-th-list"></i></button>
      </div>
      </div>
    </form>
  </div>
</div>

@if (count($images) > 0)

@if ( $itype === 'list' )
{!! Form::open(['action' => 'ImageController@massEdit','method' => 'post','id' => 'image_massedit_form']) !!}
<table class="table table-hover image-list">
  <thead>
    <tr>
      <th><input type="checkbox" id="image_select_all"></th>
      <th scope="col">Thumbnail</th>
      <th scope="col">Picturemaxx#</th>
      <th scope="col">Original-Dateiname</th>
      <th scope="col">Lieferant</th>
    </tr>
  </thead>
  <tbody>
  @each('image._list_item',$images,'image')
  </tbody>
</table>
{!! Form::close() !!}
@else
<div class="gallery">
  @each('image._gallery_item',$images,'image')
</div>
@endif
@else
<div class="mb-2">Keine nicht zugewiesenen Bilder.</div>
@endif
@endsection

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