@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">Bilder</li>
    <li class="breadcrumb-item active">
    @if ( Route::is('image.index') )
      Neu
    @endif
    @if ( Route::is('image.archive') )
      Archiv
    @endif
    </li>
  </ol>
</nav>
@endsection

@section('content')
<div class="row">
  <div class="col-2">
    <h2>Bilder</h2>
  </div>
  <div class="col-4 text-center">
    <div class="btn-group" role="group">
      <a href="{{ route('image.status') }}" class="btn workflow {{ Route::is('image.status') ? 'btn-primary active' : 'btn-outline-secondary' }}">Status</a>
      <a href="{{ route('image.index') }}" class="btn workflow {{ Route::is('image.index') ? 'btn-primary active' : 'btn-outline-secondary' }}">Neu</a>
      <a href="{{ route('image.archive') }}" class="btn workflow {{ Route::is('image.archive') ? 'btn-primary active' : 'btn-outline-secondary' }}">Archiv</a>
    </div>
  </div>
  @if ( Route::is('image.archive') )
  <div class="col"></div>
  @else
  <div class="col text-right">
  @if ($itype === 'list')
    <div class="dropdown">
      <button type="button" class="btn btn-outline-primary dropdown-toggle" id="edit_dropdown" data-toggle="dropdown" disabled>Auswahl</button>
      <div class="dropdown-menu" 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>
  @endif
  </div>
  <div id="filter-control" class="col-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-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 {{ ($itype == 'gallery') ? 'btn-primary active' : 'btn-outline-primary' }}"><i class="fas fa-th"></i></button>
        <button type="button" data-list="list" class="btn {{ ($itype == 'list') ? 'btn-primary active' : 'btn-outline-primary' }}"><i class="fas fa-th-list"></i></button>
      </div>
      </div>
    </form>
  </div>
  @endif
</div>

@yield('subcontent')
@endsection

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