@php
    $customizerHidden = 'customizer-hide';
    $configData = Helper::appClasses();
    $pageConfigs = ['myLayout' => 'blank'];
@endphp

@extends('layouts/layoutMaster')

@section('title', '403 - Access Denied')

@section('page-style')
    <!-- Page -->
    <link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/page-misc.css') }}">
    <style>
        #layout-menu {
            display: none;
        }

        nav#layout-navbar {
            display: none !important;
        }

        .misc-wrapper {
            min-height: 80vh !important;
        }

        .container-xxl.flex-grow-1.container-p-y {
            padding: 60px 0px !important;
        }
    </style>
@endsection


@section('content')
    <!-- Error -->
    <div class="container">
        <div class="misc-wrapper">

            <div class="mt-4">
                <img src="{{ asset('images/logo/logo.png') }}" alt="First Nurture Sdn Bhd" class="img-fluid">
            </div>

            <h2 class="mb-1 mt-4">403 Forbidden Error :( </h2>
            <p class="mb-4 mx-2">Oops! 😖 You don't have permission to access this page.</p>
            <a href="{{ url('/') }}" class="btn btn-primary mb-4">Back to home</a>


        </div>
    </div>
    {{-- <div class="container-fluid misc-bg-wrapper">
        <img src="{{ asset('assets/img/illustrations/bg-shape-image-' . $configData['style'] . '.png') }}"
            alt="page-misc-error" data-app-light-img="illustrations/bg-shape-image-light.png"
            data-app-dark-img="illustrations/bg-shape-image-dark.png">
    </div> --}}
    <!-- /Error -->
@endsection