@extends('backoffice.layouts.app')

@section('title', 'Yetkisiz Erişim')

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center align-items-center" style="min-height: 60vh;">
        <div class="col-md-8 col-lg-6 text-center">
            <div class="card border-0 shadow-sm">
                <div class="card-body p-5">
                    <div class="mb-4">
                        <i class="bi bi-shield-exclamation text-warning" style="font-size: 80px;"></i>
                    </div>
                    <h2 class="mb-3">Hoş Geldiniz!</h2>
                    <p class="text-muted mb-4">
                        Bu sayfaya erişim yetkiniz bulunmamaktadır.<br>
                        Lütfen sol menüden erişim yetkiniz olan bir sayfa seçin.
                    </p>
                    <div class="alert alert-info mb-0">
                        <i class="bi bi-info-circle me-2"></i>
                        Erişim yetkileriniz hakkında bilgi almak için sistem yöneticinizle iletişime geçebilirsiniz.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .card {
        transition: transform 0.2s;
    }

    .card:hover {
        transform: translateY(-5px);
    }
</style>
@endsection
