@extends('layouts.app')

@section('title','Bilder bearbeiten')

@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('image.index') }}">Bilder</a></li>
    <li class="breadcrumb-item active" aria-current="page">Suchen/Ersetzen</li>
  </ol>
</nav>
@endsection

@section('content')
<h2>Bilder bearbeiten</h2>
@include('includes.errors')
<h4>Thumbnails</h4>
<div class="mb-3">
  @foreach ($images as $image)
  <img style="max-width:75px;max-height:75px;" src="{{ asset('assets/'.$image->thumbnail()) }}"> 
  @endforeach
</div>
{!! Form::open(['action' => 'ImageController@massEdit','id' => 'massreplace_form']) !!}
{!! Form::hidden('image_list',collect($images)->implode('id',',')) !!}
{!! Form::hidden('image_edit_type',$type) !!}
@if ( $imageset_id )
{!! Form::hidden('imageset_id',$imageset_id) !!}
@endif
<h4>Metadatenfelder</h4>
@foreach ($meta_fields->chunk(4) as $chunks)
<div class="row">
  @foreach ($chunks as $item)
  <div class="col-3">
    <div class="form-check">
      {!! Form::checkbox('meta_fields[]',$item,null,['class' => 'form-check-input','id' => 'check-'.$item]) !!}
      {!! Form::label('check-'.$item,studly_case($item),['class' => 'form-check-label']) !!}
    </div>
  </div>
  @endforeach
</div>
@endforeach
<h4 class="mt-3">In Metadaten Suchen/Ersetzen</h4>
<div id="terms_rows">
@if ( old('search_term') )
  @foreach (old('search_term') as $key => $term)
  <div class="row terms_item">
    <div class="col">
      <div class="form-group">
        {!! Form::text('search_term['.$key.']',$term,['class' => 'form-control','placeholder' => 'Suchbegriff','required']) !!}
      </div>
    </div>
    <div class="col">
      <div class="form-group">
        {!! Form::text('replace_term['.$key.']',old('replace_term')[$key],['class' => 'form-control','placeholder' => 'Ersetzung']) !!}
      </div>
    </div>
    <div class="col-1">
      <button type="button" class="btn btn-danger" title="Entfernen"><i class="fa fa-times"></i></button>
    </div>
  </div>
  @endforeach
@else
  <div class="row terms_item">
    <div class="col">
      <div class="form-group">
        {!! Form::text('search_term[0]',null,['class' => 'form-control','placeholder' => 'Suchbegriff','required']) !!}
      </div>
    </div>
    <div class="col">
      <div class="form-group">
        {!! Form::text('replace_term[0]',null,['class' => 'form-control','placeholder' => 'Ersetzung']) !!}
      </div>
    </div>
    <div class="col-1">
      <button type="button" class="btn btn-danger" title="Entfernen"><i class="fa fa-times"></i></button>
    </div>
  </div>
@endif
</div>
<div class="form-group">
  <button id="add_term" type="button" class="btn btn-sm btn-primary" title="Hinzufügen"><i class="fa fa-plus"></i></button>
</div>

<div>
  <button class="btn btn-primary" type="submit">Starten</button>
  <a class="btn btn-secondary" href="{{ isset($imageset_id) ? action('ImageSetController@show',$imageset_id) : action('ImageController@index') }}">Abbrechen</a>
</div>

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

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