@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">Bilder bearbeiten</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@massStore'],'id' => 'massedit_form']) !!}
@if ( isset($imageset_id) )
{!! Form::hidden('imageset_id',$imageset_id) !!}
@endif
{!! Form::hidden('image_list',collect($images)->implode('id',',')) !!}
{!! Form::hidden('image_edit_type',$type) !!}
<h4>Metadaten</h4>
<div id="meta_form">
@foreach ($current_meta->except(['keywords','supplementalcategories']) as $key => $value)
    <div class="form-group row">
      {!! Form::label($key,studly_case($key),['class' => 'col-3 col-form-label']) !!}
      <div class="col">
          @if ( ($key === 'caption') || ($key === 'instructions') )
          {!! Form::textarea($key,$value,['class' => 'form-control','rows' => 3]) !!}
          @else
          {!! Form::text($key,$value,['class' => 'form-control']) !!}
          @endif
      </div>
      <div class="col-auto">
        <input type="checkbox" class="form-check-input inline-form" value="1" name="changed[{{ $key }}]" id="changed_{{ $key }}">
      </div>
    </div>
@endforeach
</div>
<div>
  <button class="btn btn-primary" type="submit">Speichern</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_massedit.js') }}"></script>
@endsection