@extends('layouts.front')

@section('meta')
    <title>Security Alert - Unauthorized Access</title>
    <meta name="robots" content="noindex, nofollow">
@endsection

@section('contents')

    <style>
        .license-section {
            background-color: #eef2f7;
            font-family: 'Poppins', sans-serif;
            min-height: 85vh; /* হেডার ফুটার বাদে পুরো স্ক্রিন জুরে থাকার জন্য */
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            padding: 60px 20px;
        }

        /* ব্যাকগ্রাউন্ড প্যাটার্ন */
        .bg-pattern {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(#d1d5db 1px, transparent 1px);
            background-size: 20px 20px;
            opacity: 0.5;
            z-index: 0;
        }

        .error-card {
            background: #ffffff;
            width: 100%;
            max-width: 600px;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            padding: 50px 40px;
            text-align: center;
            position: relative;
            z-index: 1; /* প্যাটার্নের উপরে থাকার জন্য */
            border-top: 6px solid #e74c3c;
            animation: slideUp 0.6s ease-out;
        }

        @keyframes slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .icon-circle {
            width: 90px;
            height: 90px;
            background: #fdecec;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
        }

        .icon-circle i {
            font-size: 40px;
            color: #e74c3c;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }

        .error-title {
            font-weight: 700;
            color: #2c3e50;
            font-size: 28px;
            margin-bottom: 15px;
        }

        .error-msg {
            color: #7f8c8d;
            font-size: 16px;
            line-height: 1.7;
            margin-bottom: 30px;
        }

        .highlight-box {
            background: #f8f9fa;
            border: 1px dashed #ced4da;
            padding: 15px;
            border-radius: 10px;
            font-size: 14px;
            color: #555;
            margin-bottom: 30px;
            display: inline-block;
            width: 100%;
        }

        .btn-action {
            background: #2c3e50;
            color: #fff;
            padding: 12px 35px;
            border-radius: 50px;
            font-weight: 600;
            text-decoration: none;
            transition: 0.3s;
            display: inline-block;
            box-shadow: 0 5px 15px rgba(44, 62, 80, 0.3);
            border: none;
        }

        .btn-action:hover {
            background: #e74c3c;
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(231, 76, 60, 0.4);
        }

        .footer-note {
            margin-top: 30px;
            font-size: 13px;
            color: #bdc3c7;
        }
    </style>

    <div class="license-section">
        <div class="bg-pattern"></div>

        <div class="error-card">
            
            <div class="icon-circle">
                <i class="fas fa-lock"></i>
            </div>

            <h1 class="error-title">লাইসেন্স এরর!</h1>

            <p class="error-msg">
                দুঃখিত, আমাদের সিস্টেমে ধরা পড়েছে যে এই সফটওয়্যারটি একটি 
                <strong>অনুমোদিত ডোমেইন (Unauthorized Domain)</strong> থেকে চালানোর চেষ্টা করা হয়েছে। 
                নিরাপত্তা প্রোটোকল অনুযায়ী এক্সেসটি ব্লক করা হয়েছে।
            </p>

            <div class="highlight-box">
                <i class="fas fa-exclamation-triangle text-warning me-2"></i>
                আইপি এবং ডোমেইন তথ্য নিরাপত্তা টিমের কাছে রেকর্ড করা হয়েছে।
            </div>

            <a href="{{ url('/contact') }}" class="btn-action">
                <i class="fas fa-headset me-2"></i> এডমিনের সাথে যোগাযোগ করুন
            </a>

            <div class="footer-note">
                System Protection by <strong>{{ $gs->title ?? 'Creative Design' }}</strong> &copy; {{ date('Y') }}
            </div>
        </div>
    </div>

@endsection