@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.filiale-backgrounds.crud')
  </div>
  <div class="page-content">
    @if (isset($filiale_background))
      <form method="POST" action="{{ route('filiale-backgrounds.update', $filiale_background->id) }}" class="filiale-backgrounds-form"
        enctype="multipart/form-data" accept-charset="UTF-8">
      @else
        <form method="POST" action="{{ route('filiale-backgrounds.store') }}" class="filiale-backgrounds-form" enctype="multipart/form-data"
          accept-charset="UTF-8">
    @endif
    @csrf
    <div class="form-container">
      <div class="filiale-backgrounds-container">
        <input type="checkbox" name="go-to-preview" value="1" id="go-to-preview" class="hidden">
        <input type="checkbox" name="approval" value="1" id="approval" class="hidden">
        <div class="form-group @if ($errors->has('title')) has-error @endif">
          <div class="form-control-title">
            <span>Überschrift:</span>
            <a role="button" tabindex="0" data-placement="bottom" data-trigger="focus" data-toggle="popover" data-content="Content"
              class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Title">
              <i class="material-icons">info</i>
            </a>
          </div>
          <input type="text" name="title" class="filiale-background-title form-control" placeholder="..." value="{{ !empty($filiale_background->title) ? $filiale_background->title : old('title') }}">
        </div>
        <div class="form-group image-placeholder-area">
          <div class="form-control-title">
            <span>Filiale Background:</span>
          </div>
          <div class="form-group landscape image-placeholder" style="background-image: url({{ Helper::getFilialeBackground() }})"></div>
        </div>
        <div class="approval-options">
          @include ('partials.approvers')
        </div>
      </div>
    </div>
    @include ('partials.simple_action_btns')
    </form>
  </div>
@endsection

@section('back_button')
  <a href="{{ route('filiale-backgrounds.index') }}" class="grey-button">Zurück</a>
@endsection