@extends('admin.layouts.app')

@section('title', 'Güvenlik - CBL Admin Panel')
@section('content')
<div class="space-y-6">
    <!-- Page header -->
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <div class="flex items-center justify-between">
                <div>
                    <h1 class="text-2xl font-bold text-gray-900">Güvenlik</h1>
                    <p class="mt-1 text-sm text-gray-500">Hesap güvenlik ayarlarınızı buradan yönetebilirsiniz.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Password Change -->
        <div class="bg-white shadow rounded-lg">
            <div class="px-4 py-5 sm:p-6">
                <h3 class="text-lg leading-6 font-medium text-gray-900 mb-6">Şifre Değiştir</h3>

                @if(session('success'))
                    <div class="mb-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded">
                        {{ session('success') }}
                    </div>
                @endif

                @if($errors->any())
                    <div class="mb-4 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
                        <ul class="list-disc list-inside">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form action="{{ route('admin.security.password') }}" method="POST" class="space-y-6">
                    @csrf
                    @method('PUT')

                    <div>
                        <label for="current_password" class="block text-sm font-medium text-gray-700">Mevcut Şifre</label>
                        <input type="password" name="current_password" id="current_password" required
                               class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm">
                    </div>

                    <div>
                        <label for="new_password" class="block text-sm font-medium text-gray-700">Yeni Şifre</label>
                        <input type="password" name="new_password" id="new_password" required
                               class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm">
                        <p class="mt-1 text-sm text-gray-500">En az 8 karakter olmalıdır</p>
                    </div>

                    <div>
                        <label for="new_password_confirmation" class="block text-sm font-medium text-gray-700">Yeni Şifre (Tekrar)</label>
                        <input type="password" name="new_password_confirmation" id="new_password_confirmation" required
                               class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm">
                    </div>

                    <div class="flex items-center justify-end">
                        <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
                            <i class="fas fa-key mr-2"></i>
                            Şifreyi Değiştir
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <!-- Two-Factor Authentication -->
        <div class="bg-white shadow rounded-lg">
            <div class="px-4 py-5 sm:p-6">
                <h3 class="text-lg leading-6 font-medium text-gray-900 mb-6">İki Faktörlü Doğrulama</h3>

                <div class="space-y-4">
                    <div class="flex items-center justify-between">
                        <div>
                            <h4 class="text-sm font-medium text-gray-900">2FA Durumu</h4>
                            <p class="text-sm text-gray-500">Hesabınızı daha güvenli hale getirin</p>
                        </div>
                        <div class="flex items-center">
                            <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-red-100 text-red-800">
                                Devre Dışı
                            </span>
                        </div>
                    </div>

                    <div class="bg-yellow-50 border border-yellow-200 rounded-md p-4">
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <i class="fas fa-exclamation-triangle text-yellow-400"></i>
                            </div>
                            <div class="ml-3">
                                <h3 class="text-sm font-medium text-yellow-800">Güvenlik Uyarısı</h3>
                                <div class="mt-2 text-sm text-yellow-700">
                                    <p>İki faktörlü doğrulama henüz aktif değil. Hesabınızı daha güvenli hale getirmek için etkinleştirmenizi öneririz.</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <button type="button" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
                        <i class="fas fa-shield-alt mr-2"></i>
                        2FA Etkinleştir
                    </button>
                </div>
            </div>
        </div>

        <!-- Login History -->
        <div class="bg-white shadow rounded-lg">
            <div class="px-4 py-5 sm:p-6">
                <h3 class="text-lg leading-6 font-medium text-gray-900 mb-6">Giriş Geçmişi</h3>

                <div class="space-y-4">
                    <div class="border-b border-gray-200 pb-4">
                        <div class="flex items-center justify-between">
                            <div>
                                <p class="text-sm font-medium text-gray-900">Son Giriş</p>
                                <p class="text-sm text-gray-500">{{ now()->format('d.m.Y H:i') }}</p>
                            </div>
                            <div class="flex items-center">
                                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
                                    Başarılı
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="border-b border-gray-200 pb-4">
                        <div class="flex items-center justify-between">
                            <div>
                                <p class="text-sm font-medium text-gray-900">Önceki Giriş</p>
                                <p class="text-sm text-gray-500">{{ now()->subDay()->format('d.m.Y H:i') }}</p>
                            </div>
                            <div class="flex items-center">
                                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
                                    Başarılı
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="border-b border-gray-200 pb-4">
                        <div class="flex items-center justify-between">
                            <div>
                                <p class="text-sm font-medium text-gray-900">2 Gün Önce</p>
                                <p class="text-sm text-gray-500">{{ now()->subDays(2)->format('d.m.Y H:i') }}</p>
                            </div>
                            <div class="flex items-center">
                                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
                                    Başarılı
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mt-4 pt-4 border-t border-gray-200">
                    <button type="button" class="text-sm text-primary-600 hover:text-primary-500">
                        Tüm giriş geçmişini görüntüle
                    </button>
                </div>
            </div>
        </div>

        <!-- Security Settings -->
        <div class="bg-white shadow rounded-lg">
            <div class="px-4 py-5 sm:p-6">
                <h3 class="text-lg leading-6 font-medium text-gray-900 mb-6">Güvenlik Ayarları</h3>

                <form action="{{ route('admin.security.settings') }}" method="POST" class="space-y-4">
                    @csrf
                    @method('PUT')

                    <div class="space-y-4">
                        <div class="flex items-center justify-between">
                            <div>
                                <h4 class="text-sm font-medium text-gray-900">Otomatik Çıkış</h4>
                                <p class="text-sm text-gray-500">30 dakika hareketsizlik sonrası otomatik çıkış</p>
                            </div>
                            <div class="flex items-center">
                                <input type="checkbox" name="auto_logout" id="auto_logout"
                                       {{ ($settings['auto_logout'] ?? true) ? 'checked' : '' }}
                                       class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded">
                            </div>
                        </div>

                        <div class="flex items-center justify-between">
                            <div>
                                <h4 class="text-sm font-medium text-gray-900">IP Kısıtlaması</h4>
                                <p class="text-sm text-gray-500">Sadece belirli IP adreslerinden giriş</p>
                            </div>
                            <div class="flex items-center">
                                <input type="checkbox" name="ip_restriction" id="ip_restriction"
                                       {{ ($settings['ip_restriction'] ?? false) ? 'checked' : '' }}
                                       class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded">
                            </div>
                        </div>
                    </div>

                    <div class="flex items-center justify-end pt-4">
                        <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
                            <i class="fas fa-shield-alt mr-2"></i>
                            Güvenlik Ayarlarını Kaydet
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection