@extends('layouts.master')

@section('title', 'Under development')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/select2.css') }}">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
        .dev-card {

            border-radius: 1rem;
            padding: 2.5rem 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            text-align: center;

            width: 100%;
        }

        .dev-card img {
            width: 180px;
            margin-bottom: 20px;
        }

        .dev-card .headline {
            font-size: 4rem;
            font-weight: bold;
            color: #ffc107;
        }

        .dev-card .sub-content {
            font-size: 1.1rem;
            color: #6c757d;
            margin-bottom: 1.5rem;
        }

        .btn-warning-gradien {
            background: linear-gradient(45deg, #f0ad4e, #ffc107);
            border: none;
            color: #fff;
            padding: 0.75rem 1.5rem;
            font-size: 1rem;
            border-radius: 0.5rem;
            transition: all 0.3s ease-in-out;
        }

        .btn-warning-gradien:hover {
            background: linear-gradient(45deg, #e0a800, #ffca2c);
            color: #fff;
        }
    </style>
@endsection

@section('breadcrumb')
    <div class="header-logo-wrapper col-auto">
        <div class="logo-wrapper"><a href="{{ route('admin.dashboard') }}"><img class="img-fluid for-light"
                    src="{{ asset('assets/images/logo/logo.png') }}" alt="" /><img class="img-fluid for-dark"
                    src="{{ asset('assets/images/logo/logo_light.png') }}" alt="" /></a></div>
    </div>
    <div class="col-4 col-xl-4 page-title">
        <h4 class="f-w-700">Under development</h4>
        <nav>
            <ol class="breadcrumb justify-content-sm-start align-items-center mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"> <i data-feather="home"> </i></a></li>
                <li class="breadcrumb-item f-w-400">Under development</li>
                <li class="breadcrumb-item f-w-400 active">Under development</li>
            </ol>
        </nav>
    </div>
@endsection

@section('main_content')
    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row effective-card">


            <div class="col-xxl-12 box-col-12 xl-12">
                <div class="card common-hover">
                    <div class="card-body">

                        <div class="dev-card">
                            <img src="{{ asset('assets/images/other-images/sad1.gif') }}" alt="Under Development">
                            <div class="error-heading">
                                <h2 class="headline">🚧 401</h2>
                            </div>
                            <p class="sub-content">
                                This page is currently <strong>under development</strong> or restricted.<br>
                                Please check back later or contact your admin if you believe this is an error.
                            </p>
                            <a class="btn btn-warning-gradien" href="{{ route('admin.default_dashboard') }}">
                                ⬅ Back to Admin Home
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>



    </div>
    <!-- Container-fluid Ends-->
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/bookmark/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/js/bookmark/custom.js') }}"></script>
    <!-- calendar js-->
    <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2-custom.js') }}"></script>
    <script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
@endsection