@extends('layouts.admin')

@section('title', 'Erişim Yok')
@section('page-title', 'Erişim Yok')

@section('content')
<div class="flex items-center justify-center min-h-96 mt-4">
    <div class="text-center max-w-md">
        <div class="w-20 h-20 bg-orange-50 rounded-full flex items-center justify-center mx-auto mb-6">
            <svg class="w-10 h-10 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
            </svg>
        </div>

        <h2 class="text-2xl font-bold text-gray-800 mb-2">Erişim İzniniz Yok</h2>

        @if(isset($pageLabel) && $pageLabel !== 'Bu sayfa')
        <p class="text-gray-500 mb-6">
            <span class="font-medium text-gray-700">{{ $pageLabel }}</span> sayfasına erişmek için gerekli yetkiye sahip değilsiniz.
        </p>
        @else
        <p class="text-gray-500 mb-6">Bu sayfaya erişmek için gerekli yetkiye sahip değilsiniz.</p>
        @endif

        <div class="bg-orange-50 border border-orange-100 rounded-xl p-4 mb-6 text-left">
            <p class="text-sm text-orange-700 font-medium mb-1">Ne yapabilirsiniz?</p>
            <ul class="text-sm text-orange-600 space-y-1">
                <li>• Yöneticinizden bu sayfaya erişim izni talep edin</li>
                <li>• Farklı bir hesapla giriş yapın</li>
                <li>• Dashboard'a geri dönün</li>
            </ul>
        </div>

        <div class="flex items-center justify-center gap-3">
            <a href="{{ route('admin.dashboard') }}"
               class="bg-primary text-white px-5 py-2.5 rounded-lg text-sm font-medium hover:bg-orange-600 transition-colors">
                Dashboard'a Dön
            </a>
            <button onclick="history.back()"
                    class="border border-gray-300 text-gray-600 px-5 py-2.5 rounded-lg text-sm font-medium hover:bg-gray-50 transition-colors">
                Geri Git
            </button>
        </div>
    </div>
</div>
@endsection