@extends('layouts.app')

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

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex align-items-center">
                        <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 60px; height: 60px;">
                            <i class="bi bi-person-fill text-white" style="font-size: 1.5rem;"></i>
                        </div>
                        <div>
                            <h5 class="card-title mb-0">
                                <i class="bi bi-person me-2"></i>Profil Bilgileri
                            </h5>
                            <small class="text-muted">{{ $user->name }}</small>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @if (session('status') === 'profile-updated')
                        <x-alert type="success">
                            Profil bilgileriniz başarıyla güncellendi.
                        </x-alert>
                    @endif

                    @if (session('status') === 'password-updated')
                        <x-alert type="success">
                            Şifreniz başarıyla güncellendi.
                        </x-alert>
                    @endif

                    <form method="post" action="{{ route('profile.update') }}">
                        @csrf
                        @method('patch')

                        <!-- Name -->
                        <div class="mb-3">
                            <label for="name" class="form-label">Ad Soyad</label>
                            <input type="text" 
                                   class="form-control @error('name') is-invalid @enderror" 
                                   id="name" 
                                   name="name" 
                                   value="{{ old('name', $user->name) }}" 
                                   required 
                                   autocomplete="name">
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Email -->
                        <div class="mb-3">
                            <label for="email" class="form-label">E-posta</label>
                            <input type="email" 
                                   class="form-control @error('email') is-invalid @enderror" 
                                   id="email" 
                                   name="email" 
                                   value="{{ old('email', $user->email) }}" 
                                   required 
                                   autocomplete="username">
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Username -->
                        <div class="mb-3">
                            <label for="username" class="form-label">Kullanıcı Adı</label>
                            <input type="text" 
                                   class="form-control" 
                                   id="username" 
                                   value="{{ $user->username }}" 
                                   disabled>
                            <div class="form-text">Kullanıcı adı değiştirilemez.</div>
                        </div>

                        <!-- Role Info -->
                        <div class="mb-3">
                            <label class="form-label">Rol</label>
                            <div class="d-flex flex-wrap gap-2">
                                @foreach($user->roles as $role)
                                    <span class="badge bg-primary">{{ $role->name }}</span>
                                @endforeach
                            </div>
                        </div>

                        <!-- Employee Info -->
                        @if($user->employee)
                            <div class="mb-3">
                                <label class="form-label">Personel Bilgileri</label>
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <div class="d-flex align-items-center">
                                            <i class="bi bi-building text-primary me-2"></i>
                                            <div>
                                                <small class="text-muted">Departman</small>
                                                <div class="fw-semibold">{{ $user->employee->department ? $user->employee->department->name : 'Belirtilmemiş' }}</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex align-items-center">
                                            <i class="bi bi-briefcase text-primary me-2"></i>
                                            <div>
                                                <small class="text-muted">Pozisyon</small>
                                                <div class="fw-semibold">{{ $user->employee->position ?? 'Belirtilmemiş' }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <!-- 2FA Status -->
                        <div class="mb-3">
                            <label class="form-label">İki Faktörlü Kimlik Doğrulama</label>
                            <div class="d-flex align-items-center">
                                @if($user->google2fa_enabled)
                                    <span class="badge bg-success me-2">
                                        <i class="bi bi-shield-check me-1"></i>Aktif
                                    </span>
                                    <small class="text-muted">Hesabınız 2FA ile korunuyor.</small>
                                @else
                                    <span class="badge bg-warning me-2">
                                        <i class="bi bi-shield-exclamation me-1"></i>Pasif
                                    </span>
                                    <small class="text-muted">2FA'yı etkinleştirmeniz önerilir.</small>
                                @endif
                            </div>
                        </div>

                        <!-- Account Info -->
                        <div class="mb-4">
                            <label class="form-label">Hesap Bilgileri</label>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="d-flex align-items-center">
                                        <i class="bi bi-calendar text-primary me-2"></i>
                                        <div>
                                            <small class="text-muted">Kayıt Tarihi</small>
                                            <div class="fw-semibold">{{ $user->created_at->format('d.m.Y H:i') }}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="d-flex align-items-center">
                                        <i class="bi bi-clock text-primary me-2"></i>
                                        <div>
                                            <small class="text-muted">Son Güncelleme</small>
                                            <div class="fw-semibold">{{ $user->updated_at->format('d.m.Y H:i') }}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Account Status -->
                        <div class="mb-4">
                            <label class="form-label">Hesap Durumu</label>
                            <div class="d-flex align-items-center">
                                @if($user->email_verified_at)
                                    <span class="badge bg-success me-2">
                                        <i class="bi bi-check-circle me-1"></i>Doğrulanmış
                                    </span>
                                    <small class="text-muted">E-posta adresiniz doğrulanmış.</small>
                                @else
                                    <span class="badge bg-warning me-2">
                                        <i class="bi bi-exclamation-triangle me-1"></i>Doğrulanmamış
                                    </span>
                                    <small class="text-muted">E-posta adresinizi doğrulamanız gerekiyor.</small>
                                @endif
                            </div>
                        </div>

                        <!-- Action Buttons -->
                        <div class="d-flex justify-content-between">
                            <a href="{{ url()->previous() }}" class="btn btn-secondary">
                                <i class="bi bi-arrow-left me-2"></i>Geri Dön
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-check me-2"></i>Güncelle
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- User Statistics Card -->
            <div class="card mt-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-graph-up me-2"></i>Hesap İstatistikleri
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        @if($user->employee)
                            <div class="col-md-4">
                                <div class="text-center">
                                    <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mx-auto mb-2" style="width: 50px; height: 50px;">
                                        <i class="bi bi-calendar-event text-white"></i>
                                    </div>
                                    <h6 class="mb-1">{{ $user->employee->leaves()->count() }}</h6>
                                    <small class="text-muted">Toplam İzin</small>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-center">
                                    <div class="bg-success rounded-circle d-flex align-items-center justify-content-center mx-auto mb-2" style="width: 50px; height: 50px;">
                                        <i class="bi bi-check-circle text-white"></i>
                                    </div>
                                    <h6 class="mb-1">{{ $user->employee->leaves()->where('status', 'approved')->count() }}</h6>
                                    <small class="text-muted">Onaylanan İzin</small>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="text-center">
                                    <div class="bg-info rounded-circle d-flex align-items-center justify-content-center mx-auto mb-2" style="width: 50px; height: 50px;">
                                        <i class="bi bi-clock-history text-white"></i>
                                    </div>
                                    <h6 class="mb-1">{{ $user->employee->attendances()->count() }}</h6>
                                    <small class="text-muted">Mesai Kaydı</small>
                                </div>
                            </div>
                        @else
                            <div class="col-12 text-center">
                                <i class="bi bi-info-circle display-4 text-muted"></i>
                                <p class="text-muted mt-2">Personel bilgileri bulunmuyor.</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Activity History Card -->
            <div class="card mt-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-clock-history me-2"></i>Son Aktiviteler
                    </h5>
                </div>
                <div class="card-body">
                    <div class="timeline">
                        @if($user->employee)
                            @php
                                $recentLeaves = $user->employee->leaves()->with('leaveType')->orderBy('created_at', 'desc')->limit(5)->get();
                            @endphp
                            
                            @if($recentLeaves->count() > 0)
                                @foreach($recentLeaves as $leave)
                                    <div class="timeline-item d-flex align-items-center mb-3">
                                        <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 40px; height: 40px;">
                                            <i class="bi bi-calendar-event text-white"></i>
                                        </div>
                                        <div class="flex-grow-1">
                                            <div class="fw-semibold">{{ $leave->leaveType->name }} İzni</div>
                                            <small class="text-muted">
                                                {{ $leave->start_date->format('d.m.Y') }} - {{ $leave->end_date->format('d.m.Y') }}
                                                @if($leave->status === 'pending')
                                                    <span class="badge bg-warning ms-2">Bekliyor</span>
                                                @elseif($leave->status === 'approved')
                                                    <span class="badge bg-success ms-2">Onaylandı</span>
                                                @elseif($leave->status === 'rejected')
                                                    <span class="badge bg-danger ms-2">Reddedildi</span>
                                                @endif
                                            </small>
                                        </div>
                                        <small class="text-muted">{{ $leave->created_at->diffForHumans() }}</small>
                                    </div>
                                @endforeach
                            @else
                                <div class="text-center py-4">
                                    <i class="bi bi-calendar-x display-4 text-muted"></i>
                                    <p class="text-muted mt-2">Henüz aktivite bulunmuyor.</p>
                                </div>
                            @endif
                        @else
                            <div class="text-center py-4">
                                <i class="bi bi-info-circle display-4 text-muted"></i>
                                <p class="text-muted mt-2">Personel bilgileri bulunmuyor.</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- 2FA Settings Card -->
            <div class="card mt-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-shield-check me-2"></i>İki Faktörlü Kimlik Doğrulama
                    </h5>
                </div>
                <div class="card-body">
                    @if($user->google2fa_enabled)
                        <div class="alert alert-success">
                            <i class="bi bi-shield-check me-2"></i>
                            <strong>2FA Aktif:</strong> Hesabınız Google Authenticator ile korunuyor.
                        </div>
                        <form method="post" action="{{ route('2fa.disable') }}" class="d-inline">
                            @csrf
                            <button type="submit" 
                                    class="btn btn-warning" 
                                    onclick="return confirm('2FA\'yı devre dışı bırakmak istediğinizden emin misiniz?')">
                                <i class="bi bi-shield-exclamation me-2"></i>2FA'yı Devre Dışı Bırak
                            </button>
                        </form>
                    @else
                        <div class="alert alert-warning">
                            <i class="bi bi-shield-exclamation me-2"></i>
                            <strong>2FA Pasif:</strong> Hesabınızı daha güvenli hale getirmek için 2FA'yı etkinleştirin.
                        </div>
                        <a href="{{ route('2fa.setup') }}" class="btn btn-success">
                            <i class="bi bi-shield-check me-2"></i>2FA'yı Etkinleştir
                        </a>
                    @endif
                </div>
            </div>

            <!-- Password Change Card -->
            <div class="card mt-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-key me-2"></i>Şifre Değiştir
                    </h5>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('password.update') }}">
                        @csrf
                        @method('put')

                        <!-- Current Password -->
                        <div class="mb-3">
                            <label for="current_password" class="form-label">Mevcut Şifre</label>
                            <input type="password" 
                                   class="form-control @error('current_password') is-invalid @enderror" 
                                   id="current_password" 
                                   name="current_password" 
                                   autocomplete="current-password">
                            @error('current_password')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- New Password -->
                        <div class="mb-3">
                            <label for="password" class="form-label">Yeni Şifre</label>
                            <input type="password" 
                                   class="form-control @error('password') is-invalid @enderror" 
                                   id="password" 
                                   name="password" 
                                   autocomplete="new-password">
                            @error('password')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Confirm Password -->
                        <div class="mb-3">
                            <label for="password_confirmation" class="form-label">Yeni Şifre Tekrar</label>
                            <input type="password" 
                                   class="form-control" 
                                   id="password_confirmation" 
                                   name="password_confirmation" 
                                   autocomplete="new-password">
                        </div>

                        <div class="d-flex justify-content-end">
                            <button type="submit" class="btn btn-warning">
                                <i class="bi bi-key me-2"></i>Şifre Değiştir
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Account Deletion Card -->
            <div class="card mt-4 border-danger">
                <div class="card-header bg-danger text-white">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-exclamation-triangle me-2"></i>Hesap Silme
                    </h5>
                </div>
                <div class="card-body">
                    <p class="text-muted">
                        Hesabınızı silmek istediğinizde, tüm verileriniz kalıcı olarak silinecektir. 
                        Bu işlem geri alınamaz.
                    </p>
                    
                    <button type="button" 
                            class="btn btn-danger" 
                            data-bs-toggle="modal" 
                            data-bs-target="#deleteAccountModal">
                        <i class="bi bi-trash me-2"></i>Hesabı Sil
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Delete Account Modal -->
<div class="modal fade" id="deleteAccountModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title">
                    <i class="bi bi-exclamation-triangle me-2"></i>Hesabı Sil
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Bu işlem geri alınamaz. Hesabınızı silmek istediğinizden emin misiniz?</p>
                <p class="text-danger fw-semibold">Tüm verileriniz kalıcı olarak silinecektir!</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">İptal</button>
                <form method="post" action="{{ route('profile.destroy') }}" class="d-inline">
                    @csrf
                    @method('delete')
                    <button type="submit" class="btn btn-danger">
                        <i class="bi bi-trash me-2"></i>Evet, Hesabı Sil
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection