@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if ($step === 1)
      @lang('descriptions.mitarbeiter.crud')
    @elseif ($step === 2)
      @lang('descriptions.mitarbeiter.request-approval')
    @endif
  </div>
  <div class="page-content">
    @if (Helper::createMode())
      @if (isset($mitarbeiter))
        <form method="POST" action="{{ route('mitarbeiter.store') }}" class="mitarbeiter-form model" enctype="multipart/form-data" accept-charset="UTF-8">
        @else
          <form method="POST" action="{{ route('mitarbeiter.store') }}" class="mitarbeiter-form" enctype="multipart/form-data" accept-charset="UTF-8">
      @endif
    @elseif (Helper::editMode())
      <form method="POST" action="{{ route('mitarbeiter.update', $mitarbeiter->id) }}" class="mitarbeiter-form" enctype="multipart/form-data"
        accept-charset="UTF-8">
    @endif
    @csrf
    @php
      $image_URL = '';
      if (isset($mitarbeiter)) {
          $image_URL = asset('images/profile_pictures/' . $mitarbeiter->image);
      } elseif (old('image')) {
          $image_URL = asset('images/profile_pictures/' . old('image'));
      }
    @endphp
    <div class="form-container">
      <div class="mitarbeiter-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">
          <input type="hidden" name="image" class="mitarbeiter-image">

          @if ($errors->has('cmyk_error'))
            <div class="form-group event-step-error">
              Das verwendete Bild hat den falschen Farbraum (CMYK). Bitte passen Sie diesen auf "RGB" an, oder wenden Sie sich an den Herausgeber des Bildes mit
              dieser Information.
            </div>
          @endif
          <div class="form-group image-placeholder-area">
            <div class="form-control-title">
              <span>Mitarbeiterfoto:</span>
            </div>
            <div class="form-group image-placeholder @if ($errors->has('image')) has-error @endif" style="background-image: url({{ $image_URL }})">
              <div class="grey-button upload-new-image upload-mitarbeiter-image">Neues Foto hochladen</div>
              <input type="file" name="upload_image" class="upload-mitarbeiter-image hidden" accept="image/*">
              <input type="hidden" name="image" class="mitarbeiter-image">
            </div>
          </div>
          <div class="form-group @if ($errors->has('first_name')) has-error @endif">
            <div class="form-control-title form-control-first-name">
              <span>Vorname:</span>
            </div>
            <input type="text" name="first_name" class="mitarbeiter-first-name form-control" placeholder="..." maxlength="27" value="{{ !empty($mitarbeiter->first_name) ? $mitarbeiter->first_name : old('first_name') }}">
          </div>
          <div class="form-group @if ($errors->has('last_name')) has-error @endif">
            <div class="form-control-title form-control-last-name">
              <span>Nachname:</span>
            </div>
            <input type="text" name="last_name" class="mitarbeiter-last-name form-control" placeholder="..." maxlength="27" value="{{ !empty($mitarbeiter->last_name) ? $mitarbeiter->last_name : old('last_name') }}">
          </div>
          <div class="form-group @if ($errors->has('department')) has-error @endif">
            <div class="form-control-title">
              <span>In welchem Bereich arbeitet der Mitarbeiter?</span>
            </div>
            <select name="department" class="form-control">@foreach (Helper::getDepartments() as $key => $val)<option value="{{ $key }}">{{ $val }}</option>@endforeach</select>
          </div>
          <div class="form-group @if ($errors->has('designation')) has-error @endif">
            <div class="form-control-title">
              <span>Funktion:</span>
            </div>
            <input type="text" name="designation" class="form-control" placeholder="..." maxlength="70" value="{{ !empty($mitarbeiter->designation) ? $mitarbeiter->designation : old('designation') }}">
          </div>
          <div class="form-group @if ($errors->has('tip')) has-error @endif">
            <div class="form-control-title">
              <span>Stadtteiltipp (optional)</span>
            </div>
            <textarea name="tip" class="form-control" placeholder="..." maxlength="216"></textarea>
          </div>
        @elseif ($step === 2)
          <input type="hidden" name="step" value="2">
          <input type="checkbox" name="approval" value="1" id="approval" class="hidden">
          <div class="mitarbeiter-preview">
            <div class="mitarbeiter-view">
              <div class="picture"
                style="background:url({{ asset('images/profile_pictures/' . $mitarbeiter->image) }}) no-repeat center center / contain;"></div>
              <div class="info">
                <div class="first-name">{{ $mitarbeiter->first_name }}</div>
                <div class="last-name">{{ $mitarbeiter->last_name }}</div>
                <div class="department">{{ Helper::getDepartments()[$mitarbeiter->department] }}</div>
                <div class="designation">{{ $mitarbeiter->designation }}</div>
              </div>
              <div class="more-info">
                <div class="tip-label">Mein Tipp</div>
                <div class="tip-icon"></div>
              </div>
            </div>
            <div class="tip-view">
              <div class="tip-icon"></div>
              <div class="mitarbeiter-name">{{ $mitarbeiter->first_name }}<br />{{ $mitarbeiter->last_name }}</div>
              <div class="tip-text">„{{ $mitarbeiter->tip }}“</div>
            </div>
          </div>
          <div class="approval-options">
            @include ('partials.approvers')
          </div>
        @endif
      </div>
    </div>
    @include ('partials.action_btns')
    </form>
  </div>
@endsection

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