@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if (Gate::allows('admin-mode'))
      @lang('descriptions.emergency-message.approval-view.admin')
    @else
      @lang('descriptions.emergency-message.approval-view')
    @endif
  </div>
  <div class="page-content">
    <form method="POST" action="{{ route('emergency-message.approval-view', $entry->id) }}" class="emergency-message-approval-form approval-form"
      enctype="multipart/form-data" accept-charset="UTF-8">
      @csrf
      <div class="form-container">
        <div class="emergency-message-container">
          <div class="message-preview landscape-preview"
            style="background-image: url({{ asset('images/previews/EMERGENCY_' . $entry->id . '_landscape_preview.png') }}">
            <i class="material-icons">zoom_in</i>
          </div>
          <div class="message-preview portrait-preview"
            style="background-image: url({{ asset('images/previews/EMERGENCY_' . $entry->id . '_portrait_preview.png') }})">
            <i class="material-icons">zoom_in</i>
          </div>
        </div>
        <div class="approval-options">
          @if (Gate::allows('user-mode'))
            <div class="form-group validity">
              <div class="form-label">Laufzeit des Inhaltes</div>
              <div class="valid-start">
                <div class="form-label">Von</div>
                <input type="text" name="valid_start" id="valid-start-date" disabled="disabled" value="{{ !empty($entry->valid_start) ? $entry->valid_start : old('valid_start') }}">
                <i class="material-icons">today</i>
              </div>
              <div class="valid-end">
                <div class="form-label">Bis</div>
                <input type="text" name="valid_end" id="valid-end-date" disabled="disabled" value="{{ !empty($entry->valid_end) ? $entry->valid_end : old('valid_end') }}">
                <i class="material-icons">today</i>
              </div>
            </div>
          @endif
          @if (isset($entry->remark))
            <div class="form-group">
              <div class="form-label">Hinweis zur Freigabe:</div>
              <div>{{ $entry->remark }}</div>
            </div>
          @endif
          <div class="form-group remark">
            <div class="form-label">Ergänzende Hinweise (optional)</div>
            <input type="text" name="remark" value="" class="form-control" value="{{ !empty($entry->remark) ? $entry->remark : old('remark') }}">
          </div>
        </div>
      </div>
      <input type="checkbox" name="approve" value="1" id="approval-state" class="hidden">

      <div class="approval-buttons action-buttons">
        <button type="submit" class="red-button reject">ablehnen</button>
        <a href="{{ route('emergency-message.edit.step-1', $entry->id) }}?cancel_approval=true" class="red-button edit-approval-content">Ändern</a>
        <button type="submit" class="red-button approve">Freigeben</button>
      </div>
    </form>
  </div>
@endsection

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