@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>

<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'],'method' => 'post','id' => 'massedit_form']) !!}
@if ( isset($imageset_id) )
{!! Form::hidden('imageset_id',$imageset_id) !!}
@endif
<input type="hidden" name="image_list" value="{{ collect($images)->implode('id',',') }}">

<div class="form-group row">
    <label class="col-3 col-form-label" for="supplier_id">Lieferant</label>
    <div class="col">
      {!! Form::select('supplier_id',$suppliers->pluck('name','id')->prepend('--','')->all(),$images->first()->supplier_id,['class' => 'form-control','id' => 'supplier_id']) !!}
    </div>
    <div class="col-auto">
      <input type="checkbox" class="form-check-input" value="1" name="changed[supplier_id]" id="changed_supplier_id">
    </div>
</div>
<div class="form-group row">
    <label class="col-3 col-form-label" for="image_set_id">Serie:</label>
    <div class="col">
      {!! Form::select('image_set_id',$imagesets->pluck('title','id')->prepend('--','')->all(),$images->first()->image_set_id,['class' => 'form-control','id' => 'image_set_id']) !!}
    </div>
    <div class="col-auto">
      <input type="checkbox" class="form-check-input" value="1" name="changed[image_set_id]" id="changed_image_set_id">
    </div>
</div>

<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="{{ action('ImageController@index') }}">Abbrechen</a>
</div>

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

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