@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if ($step === 1)
      @lang('descriptions.exposes.crud')
    @elseif ($step === 2)
      @lang('descriptions.exposes.request-approval')
    @endif
  </div>
  <div class="page-content">
    @if (isset($expose))
      <form method="POST" action="{{ route('exposes.update', $expose->id) }}" class="exposes-form" enctype="multipart/form-data" accept-charset="UTF-8">
      @else
        <form method="POST" action="{{ route('exposes.store') }}" class="exposes-form" enctype="multipart/form-data" accept-charset="UTF-8">
    @endif
    @csrf
    <div class="form-container">
      @if ($step === 1)
        <input type="hidden" name="step" value="1">
        <input type="checkbox" name="go-to-preview" value="1" id="go-to-preview" class="hidden">
        <div class="expose-container">
          @for ($i = 1; $i <= 2; $i++)
            <div class="expose-object">
              <i class="material-icons">picture_as_pdf</i>
              <div class="expose-field expose-{{ $i }} @if ($errors->has('expose-' . $i)) has-error @endif">
                <canvas id="preview-canvas-{{ $i }}"></canvas>
                <div class="expose-file-info">
                  <div class="expose-file grey-button">PDF hochladen</div>
                  <input accept="application/pdf" name="expose-{{ $i }}" type="file">
                  <img class="hidden-preview-{{ $i }}" src="">
                </div>
              </div>
            </div>
          @endfor
        </div>
      @elseif ($step === 2)
        <input type="hidden" name="step" value="2">
        <input type="checkbox" name="approval" value="1" id="approval" class="hidden">
        <div class="expose-container">
          <div class="expose-object">
            <div class="expose-field expose-1"></div>
          </div>
          <div class="expose-object">
            <div class="expose-field expose-2"></div>
          </div>
        </div>
        <div class="approval-options">
          @include ('partials.approvers')
        </div>
      @endif
    </div>
    @include ('partials.action_btns')
    </form>
  </div>

  @if (isset($expose))
    {!! Helper::setExposeFiles($expose) !!}
  @endif

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

@section('back_button')
  @if ($step === 1)
    <a href="{{ route('exposes.index') }}" class="grey-button">Zurück</a>
  @elseif ($step === 2)
    @if (Helper::createMode())
      <a href="{{ route('exposes.create.step-1') }}" class="grey-button">Zurück</a>
    @elseif (Helper::editMode())
      <a href="{{ route('exposes.edit.step-1', $expose->id) }}" class="grey-button">Zurück</a>
    @endif
  @endif
@endsection