@extends('layouts.skeleton')

@section('content')
  <section class="ph3 ph0-ns">

    {{-- Breadcrumb --}}
    <div class="mt4 mw7 center mb3">
      <p><a href="{{ route('people.show', $contact) }}">< {{ $contact->name }}</a></p>
      <h3 class="f3 fw5">{{ trans('people.information_edit_title', ['name' => $contact->first_name]) }}</h3>

      @if (! auth()->user()->account->hasLimitations())
      <p class="import">{!! trans('people.people_add_import', ['url' => 'settings/import']) !!}</p>
      @endif
    </div>

    <div class="mw7 center br3 ba b--gray-monica bg-white mb5">
      <form method="POST" action="{{ route('people.update', $contact) }}" enctype="multipart/form-data">
        @method('PUT')
        {{ csrf_field() }}

        @include('partials.errors')

        {{-- Name --}}
        <div class="pa4-ns ph3 pv2 bb b--gray-monica">
          {{-- This check is for the cultures that are used to say the last name first --}}
          <div class="mb3 mb0-ns">
            @if (auth()->user()->getNameOrderForForms() == 'firstname')

            <div class="dt-ns dt--fixed di">
              <div class="dtc-ns pr2-ns pb0-ns w-100 pb3">
                <form-input
                  value="{{ $contact->first_name }}"
                  :input-type="'text'"
                  :id="'firstname'"
                  :required="true"
                  :title="'{{ trans('people.people_add_firstname') }}'">
                </form-input>
              </div>
              <div class="dtc-ns pr2-ns pb0-ns w-100 pb3">
                <form-input
                  value="{{ $contact->last_name }}"
                  :input-type="'text'"
                  :id="'lastname'"
                  :required="false"
                  :title="'{{ trans('people.people_add_lastname') }}'">
                </form-input>
              </div>
              <div class="dtc-ns pb0-ns w-100">
                <form-input
                  value="{{ $contact->nickname }}"
                  :input-type="'text'"
                  :id="'nickname'"
                  :required="false"
                  :title="'{{ trans('people.people_add_nickname') }}'">
                </form-input>
              </div>
            </div>

            @else

            <div class="dt-ns dt--fixed di">
              <div class="dtc-ns pr2-ns pb0-ns w-100 pb3">
                <form-input
                  value="{{ $contact->last_name }}"
                  :input-type="'text'"
                  :id="'lastname'"
                  :required="false"
                  :title="'{{ trans('people.people_add_lastname') }}'">
                </form-input>
              </div>
              <div class="dtc-ns pr2-ns pb0-ns w-100 pb3">
                <form-input
                  value="{{ $contact->first_name }}"
                  :input-type="'text'"
                  :id="'firstname'"
                  :required="true"
                  :title="'{{ trans('people.people_add_firstname') }}'">
                </form-input>
              </div>
              <div class="dtc-ns pb0-ns w-100">
                <form-input
                  value="{{ $contact->nickname }}"
                  :input-type="'text'"
                  :id="'nickname'"
                  :required="false"
                  :title="'{{ trans('people.information_edit_description') }}'">
                </form-input>
              </div>
            </div>

            @endif
          </div>
        </div>

        {{-- Gender --}}
        <div class="pa4-ns ph3 pv2 bb b--gray-monica">
          <div class="mb3 mb0-ns">
            <form-select
              :options="{{ $genders }}"
              value="{{ $contact->gender_id }}"
              :required="true"
              :title="'{{ trans('people.people_add_gender') }}'"
              :id="'gender'">
            </form-select>
          </div>
        </div>

        {{-- Description --}}
        <div class="pa4-ns ph3 pv2 bb b--gray-monica">
          <div class="mb3 mb0-ns">
            <form-input
              value="{{ $contact->description }}"
              :input-type="'text'"
              :id="'description'"
              :required="false"
              :title="'{{ trans('people.information_edit_description') }}'">
            </form-input>
            <small id="emailHelp" class="form-text text-muted">{{ trans('people.information_edit_description_help') }}</small>
          </div>
        </div>

        {{-- Avatar --}}
        <div class="pa4-ns ph3 pv2 bb b--gray-monica">
          <div class="mb3 mb0-ns">
            <label for="avatar">{{ trans('people.information_edit_avatar') }}</label>
            <input type="file" class="form-control-file" name="avatar" id="avatar">
            <small id="fileHelp" class="form-text text-muted">{{ trans('people.information_edit_max_size', ['size' => config('monica.max_upload_size')]) }}</small>
          </div>
        </div>

        {{-- Birthdate --}}
        <form-specialdate
          :months="{{ $months }}"
          :days="{{ $days }}"
          :month="{{ $month }}"
          :day="{{ $day }}"
          :age="'{{ $age }}'"
          :default-date="'{{ $birthdate }}'"
          :reminder="{{ json_encode($hasBirthdayReminder) }}"
          :value="'{{ $birthdayState }}'"
        ></form-specialdate>

        {{-- Is the contact deceased? --}}
        <div class="pa4-ns ph3 pv2 bb b--gray-monica">
          <div class="mb3 mb0-ns">
            <div class="form-check">
              <label class="pointer">
                <input class="pointer" id="is_deceased" name="is_deceased" type="checkbox" value="is_deceased"
                {{ $contact->is_dead ? 'checked' : '' }}>
                {{ trans('people.deceased_mark_person_deceased') }}
              </label>
            </div>
            <div class="form-check {{ $contact->is_dead ? '' : 'hidden' }}" id="datePersonDeceased">
            <label class="pointer">
              <input class="pointer" id="is_deceased_date_known" name="is_deceased_date_known" type="checkbox" value="is_deceased_date_known" {{ ($contact->deceasedDate != null) ? 'checked' : '' }}>
              {{ trans('people.deceased_know_date') }}

              @include('partials.components.date-select', ['contact' => $contact, 'specialDate' => $contact->deceasedDate, 'class' => 'deceased_date'])

            </div>
            <div class="form-check {{ $contact->deceasedDate == null ? 'hidden' : '' }}" id="reminderDeceased">
              <label class="pointer">
                <input class="pointer" id="add_reminder_deceased" name="add_reminder_deceased" type="checkbox" value="add_reminder_deceased" {{ ($contact->deceasedDate != null) ? (($contact->deceasedDate->reminder_id != null) ? 'checked' : '') : '' }}>
                {{ trans('people.deceased_add_reminder') }}
              </label>
            </div>
          </div>
        </div>

        {{-- Form actions --}}
        <div class="ph4-ns ph3 pv3 bb b--gray-monica">
          <div class="flex-ns justify-between">
            <div>
                <a href="{{ route('people.show', $contact) }}" class="btn btn-secondary w-auto-ns w-100 mb2 pb0-ns" style="text-align: center;">{{ trans('app.cancel') }}</a>
            </div>
            <div>
              <button class="btn btn-primary w-auto-ns w-100 mb2 pb0-ns" name="save" type="submit">{{ trans('app.save') }}</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>

  <form method="POST" action="{{ route('people.destroy', $contact) }}" id="contact-delete-form" class="hidden">
    {{ method_field('DELETE') }}
    {{ csrf_field() }}
  </form>
@endsection