@extends('agency.layouts.app')

@section('title', 'Personel Düzenle')

@section('page_title', 'Personel Düzenle')

@php
    $breadcrumbs = [
        ['title' => 'Dashboard', 'url' => route('agency.dashboard')],
        ['title' => 'Personel ve Yetki', 'url' => '#'],
        ['title' => 'Personeller', 'url' => route('agency.staff-management.staff.index')],
        ['title' => $staff->getFullNameAttribute(), 'url' => '']
    ];
@endphp

@section('content')
    <div class="container-fluid">
        <form action="{{ route('agency.staff-management.staff.update', $staff->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="row">
                <div class="col-lg-8">
                    @if(session('error'))
                        <div class="alert alert-danger alert-permanent">{{ session('error') }}</div>
                    @endif

                    @if ($errors->any())
                        <div class="alert alert-danger alert-permanent">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="card shadow-sm border-0 mb-4">
                        <div class="card-header bg-white py-3">
                            <h5 class="mb-0 fw-bold"><i class="fas fa-user-circle text-primary me-2"></i>Kişisel Bilgiler
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Ad</label>
                                    <input type="text" name="first_name" class="form-control"
                                        value="{{ old('first_name', $staff->first_name) }}" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Soyad</label>
                                    <input type="text" name="last_name" class="form-control"
                                        value="{{ old('last_name', $staff->last_name) }}" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Telefon (İsteğe Bağlı)</label>
                                    <input type="text" name="phone" class="form-control"
                                        value="{{ old('phone', $staff->phone) }}">
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label fw-bold">E-Posta Adresi
                                        {{ $staff->user_id ? '*' : '(İsteğe Bağlı)' }}</label>
                                    <input type="email" name="email" class="form-control"
                                        value="{{ old('email', $staff->email) }}" {{ $staff->user_id ? 'required' : '' }}>
                                </div>
                            </div>

                            @if(!$staff->user_id)
                                <hr class="my-4">
                                <div class="form-check form-switch mb-3">
                                    <input class="form-check-input" type="checkbox" name="create_login_user" value="1"
                                        id="createLoginUser" {{ old('create_login_user') ? 'checked' : '' }}
                                        onchange="toggleLoginFields()">
                                    <label class="form-check-label fw-bold" for="createLoginUser">Bu personel için sisteme giriş
                                        hesabı oluştur</label>
                                </div>

                                <div class="row g-3" id="loginFields"
                                    style="{{ old('create_login_user') ? '' : 'display: none;' }}">
                                    <div class="col-12">
                                        <div class="alert alert-info py-2 mb-0 small">
                                            <i class="fas fa-info-circle me-1"></i> Sisteme giriş hesabı oluşturmak e-posta
                                            adresini ve rol seçimini zorunlu kılar.
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label fw-bold">Giriş Şifresi</label>
                                        <input type="password" name="password" id="passwordInput" class="form-control">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label fw-bold">Şifre Tekrar</label>
                                        <input type="password" name="password_confirmation" id="passwordConfirmInput"
                                            class="form-control">
                                    </div>
                                    <div class="col-12">
                                        <label class="form-label fw-bold">Rol Tanımı <span class="text-danger">*</span></label>
                                        <select name="role_id" id="roleInput" class="form-select">
                                            <option value="">Rol Seçiniz...</option>
                                            @foreach($roles as $role)
                                                <option value="{{ $role->id }}" {{ old('role_id') == $role->id ? 'selected' : '' }}>
                                                    {{ $role->ui_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            @else
                                <div class="row g-3 mt-2">
                                    <div class="col-md-6">
                                        <label class="form-label fw-bold">Yeni Şifre</label>
                                        <input type="password" name="password" class="form-control">
                                        <small class="text-muted d-block mt-1">Değiştirmek istemiyorsanız boş bırakın.</small>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label fw-bold">Yeni Şifre Tekrar</label>
                                        <input type="password" name="password_confirmation" class="form-control">
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="card shadow-sm border-0 mb-4">
                        <div class="card-header bg-white py-3">
                            <h5 class="mb-0 fw-bold"><i class="fas fa-briefcase text-info me-2"></i>Kurumsal Bilgiler</h5>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Pozisyon / Ünvan</label>
                                    <input type="text" name="position" class="form-control"
                                        value="{{ old('position', $staff->position) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">İşe Giriş Tarihi</label>
                                    <input type="date" name="hired_at" class="form-control"
                                        value="{{ old('hired_at', $staff->hired_at ? $staff->hired_at->format('Y-m-d') : '') }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card shadow-sm border-0 mb-4">
                        <div class="card-header bg-white py-3">
                            <h5 class="mb-0 fw-bold"><i class="fas fa-shield-check text-warning me-2"></i>Durum / Yetki</h5>
                        </div>
                        <div class="card-body">
                            @if($staff->user_id)
                                <div class="mb-4">
                                    <label class="form-label fw-bold">Rol Tanımı</label>
                                    <select name="role_id" class="form-select" required>
                                        <option value="">Rol Seçiniz...</option>
                                        @foreach($roles as $role)
                                            <option value="{{ $role->id }}" {{ old('role_id', $currentRole ? $currentRole->id : '') == $role->id ? 'selected' : '' }}>{{ $role->ui_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <hr>
                            @endif

                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" name="is_active" value="1" id="isActive" {{ old('is_active', $staff->is_active) ? 'checked' : '' }}>
                                <label class="form-check-label fw-bold" for="isActive">Aktif Personel</label>
                            </div>
                        </div>
                    </div>

                    <div class="card shadow-sm border-0">
                        <div class="card-body">
                            <button type="submit" class="btn btn-primary w-100 mb-2 shadow-sm"><i
                                    class="fas fa-sync me-1"></i> Değişiklikleri Kaydet</button>
                            <a href="{{ route('agency.staff-management.staff.index') }}"
                                class="btn btn-light w-100 border text-muted">İptal</a>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('scripts')
    <script>
        function toggleLoginFields() {
            const createLogin = document.getElementById('createLoginUser');
            if (!createLogin) return;

            const loginFields = document.getElementById('loginFields');
            const pwdInput = document.getElementById('passwordInput');
            const roleInput = document.getElementById('roleInput');

            if (createLogin.checked) {
                loginFields.style.display = 'flex';
                pwdInput.setAttribute('required', 'required');
                roleInput.setAttribute('required', 'required');
            } else {
                loginFields.style.display = 'none';
                pwdInput.removeAttribute('required');
                roleInput.removeAttribute('required');
                pwdInput.value = '';
                document.getElementById('passwordConfirmInput').value = '';
            }
        }

        // Call on load to set correct required attributes
        document.addEventListener('DOMContentLoaded', toggleLoginFields);
    </script>
@endpush