@extends('layouts.app')

@section('content')

<div class="max-w-3xl pb-24 mx-auto space-y-10 divide-y divide-gray-900/10">
    <div class="grid grid-cols-3 gap-x-8 gap-y-8 md:grid-cols-1">

        <div class="grid grid-cols-3 pt-10 gap-x-8 gap-y-8 md:grid-cols-1">

            <div class="flex items-center">
                <div class="flex-shrink-0">
                    <span class="text-4xl material-symbols-rounded text-stone-600">
                        person
                    </span>
                </div>
                <div class="flex-1 w-0 pb-1 pl-2">
                    <dl>
                        <dd>
                            <div class="text-2xl font-bold text-stone-600">
                                @if(isset($person))
                                KİŞİYİ DÜZENLE<span class="font-normal text-stone-500">{{ ' - ' . $person->full_name
                                    }}</span>
                                @else
                                YENİ KİŞİ<span class="font-normal text-stone-500">{{ isset($company) ? ' - ' .
                                    $company->name : '' }}</span>
                                @endif
                            </div>
                        </dd>
                    </dl>
                </div>
            </div>

            <form method="POST"
                action="@if(isset($person)){{ route('people.update', $person->id) }}@else{{ route('people.store') }}@endif"
                class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl md:col-span-2">
                @csrf
                @if(isset($person))
                @method('PATCH')
                @endif
                @if(isset($company))
                <input type="text" hidden="" name="redirect_slug" value="{{ $company->slug }}">
                @endif
                {{--CONTENT--}}
                <div class="p-8">
                    <x-validation-errors class="mb-4" />
                    <div class="grid gap-2 -space-y-px rounded-md isolate">
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-y-2 gap-x-3">
                            <div>
                                <label for="name" class="block text-xs leading-6 text-gray-500">Ad*</label>
                                <div class="mt-0.5">
                                    <input type="text" name="name" id="name" required
                                        value="{{ old('name', $person->name ?? '') }}"
                                        class="block w-full py-1 text-gray-900 uppercase border-0 rounded-md shadow-sm bg-stone-50 ring-1 ring-inset ring-gray-400 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6"
                                        placeholder="AYŞE">
                                </div>
                            </div>
                            <div>
                                <label for="surname" class="block text-xs leading-6 text-gray-500">Soyad</label>
                                <div class="mt-0.5">
                                    <input type="text" name="surname" id="surname"
                                        value="{{ old('surname', $person->surname ?? '') }}"
                                        class="block w-full py-1 text-gray-900 uppercase border-0 rounded-md shadow-sm bg-stone-50 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6"
                                        placeholder="YILMAZ">
                                </div>
                            </div>
                        </div>
                        <div>
                            <fieldset class="sm:col-span-6">
                                <legend class="block text-xs leading-6 text-gray-500">Cinsiyet</legend>
                                <div
                                    class="mt-2 space-y-6 tracking-tighter sm:flex sm:items-center sm:space-x-6 sm:space-y-0">
                                    <div class="flex items-center">
                                        <input id="gender_male" name="gender" value="male" type="radio" @if(old(
                                            'gender', $person->gender ?? '') == 'male') checked @endif
                                        class="w-4 h-4 border-gray-300 text-stone-600 focus:ring-stone-600">
                                        <label for="gender_male"
                                            class="block ml-2 text-sm font-medium leading-6 text-gray-900">ERKEK</label>
                                    </div>
                                    <div class="flex items-center">
                                        <input id="gender_female" name="gender" value="female" type="radio" @if(old(
                                            'gender', $person->gender ?? '') == 'female') checked @endif
                                        class="w-4 h-4 border-gray-300 text-stone-600 focus:ring-stone-600">
                                        <label for="gender_female"
                                            class="block ml-2 text-sm font-medium leading-6 text-gray-900">KADIN</label>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-y-2 gap-x-3">
                            <div>
                                <label for="email" class="block text-xs leading-6 text-gray-500">Eposta</label>
                                <div class="mt-0.5">
                                    <input type="email" name="email" id="email"
                                        value="{{ old('email', $person->email ?? '') }}"
                                        class="block w-full py-1 text-gray-900 border-0 rounded-md shadow-sm bg-stone-50 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6"
                                        placeholder="ayse@ornek.com">
                                </div>
                            </div>
                            <div>
                                <label for="phone" class="block text-xs leading-6 text-gray-500">Telefon</label>
                                <div class="mt-0.5">
                                    <input type="text" name="phone" id="phone"
                                        value="{{ old('phone', $person->phone ?? '') }}"
                                        class="block w-full py-1 text-gray-900 uppercase border-0 rounded-md shadow-sm bg-stone-50 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6"
                                        placeholder="0532 000 0000">
                                </div>
                            </div>
                            <div>
                                <label for="job_title" class="block text-xs leading-6 text-gray-500">Unvan</label>
                                <div class="mt-0.5">
                                    <input type="text" name="job_title" id="job_title"
                                        value="{{ old('job_title', $person->job_title ?? '') }}"
                                        class="block w-full py-1 text-gray-900 uppercase border-0 rounded-md shadow-sm bg-stone-50 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6"
                                        placeholder="MUHASEBE MÜDÜRÜ">
                                </div>
                            </div>
                            <div>
                                <label for="department" class="block text-xs leading-6 text-gray-500">Departman</label>
                                <div class="mt-0.5">
                                    <input type="text" name="department" id="department"
                                        value="{{ old('department', $person->department ?? '') }}"
                                        class="block w-full py-1 text-gray-900 uppercase border-0 rounded-md shadow-sm bg-stone-50 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6"
                                        placeholder="MUHASEBE">
                                </div>
                            </div>
                        </div>
                        <div>
                            <label for="company_id" class="block text-xs leading-6 text-gray-500">İşletme</label>
                            <div class="mt-0.5">
                                <select id="company_id" name="company_id"
                                    class="block w-full py-1 text-gray-900 border-0 rounded-md shadow-sm bg-stone-50 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-stone-600 sm:text-sm sm:leading-6">
                                    <option value="">İşletmesiz</option>
                                    @foreach($companies_all as $item)
                                    <option value="{{ $item->id }}" {{ old('company_id', $company->id ?? ''
                                        )==$item->id ? 'selected' : '' }}>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div
                    class="flex items-center justify-end px-4 py-4 border-t gap-x-4 bg-gradient-to-l from-stone-900/10 rounded-b-xl sm:px-8">
                    @include('modals.cancel', [
                    'title' => 'YAPTIĞINIZ DEĞİŞİKLİKLER KAYBOLACAK!',
                    'subtitle' => 'İPTAL ETMEK İSTEDİĞİNİZDEN EMİN MİSİNİZ?',
                    'route' => route('people.index'),
                    'button' => 'VAZGEÇ',
                    'cancel' => 'GERİ DÖN',
                    'confirm' => 'İPTAL ET'
                    ])
                    @if(isset($person))
                    @include('modals.confirm', [
                    'title' => 'KİŞİ GÜNCELLENECEK',
                    'subtitle' => 'DEVAM ETMEK İSTEDİĞİNİZDEN EMİN MİSİNİZ?',
                    'route' => '#',
                    'button' => 'GÜNCELLE',
                    'cancel' => 'GERİ DÖN',
                    'confirm' => 'GÜNCELLE'
                    ])
                    @else
                    @include('modals.confirm', [
                    'title' => 'KİŞİ OLUŞTURULACAK',
                    'subtitle' => 'DEVAM ETMEK İSTEDİĞİNİZDEN EMİN MİSİNİZ?',
                    'route' => '#',
                    'button' => 'OLUŞTUR',
                    'cancel' => 'GERİ DÖN',
                    'confirm' => 'OLUŞTUR'
                    ])
                    @endif
            </form>
        </div>
    </div>
</div>

@endsection