@extends('layouts.app')

@section('auth')


    @if(\Request::is('static-sign-up'))
        @include('layouts.navbars.guest.nav')
        @yield('content')
        @include('layouts.footers.guest.footer')

    @elseif (\Request::is('static-sign-in'))
        @include('layouts.navbars.guest.nav')
            @yield('content')
        @include('layouts.footers.guest.footer')

    @else
        @if (\Request::is('rtl'))
            @include('layouts.navbars.auth.sidebar-rtl')
            <main class="main-content position-relative max-height-vh-100 h-100 mt-1 border-radius-lg overflow-hidden">
                @include('layouts.navbars.auth.nav-rtl')
                <div class="container-fluid py-4">
                    @yield('content')
                    @include('layouts.footers.auth.footer')
                </div>
            </main>

        @elseif (\Request::is('profile'))
            @include('layouts.navbars.auth.sidebar')
            <div class="main-content position-relative bg-gray-100 max-height-vh-100 h-100">
                @include('layouts.navbars.auth.nav')
                @yield('content')
            </div>

        @elseif (\Request::is('virtual-reality'))
            @include('layouts.navbars.auth.nav')
            <div class="border-radius-xl mt-3 mx-3 position-relative" style="background-image: url('../assets/img/vr-bg.jpg') ; background-size: cover;">
                @include('layouts.navbars.auth.sidebar')
                <main class="main-content mt-1 border-radius-lg">

                    @yield('content')
                </main>
            </div>
            @include('layouts.footers.auth.footer')

        @else
            @include('layouts.navbars.auth.sidebar')
            <main class="main-content position-relative max-height-vh-100 h-100 mt-1 border-radius-lg {{ (Request::is('rtl') ? 'overflow-hidden' : '') }}">
                @include('layouts.navbars.auth.nav')

                <div class="container-fluid py-4">
                    @if(session()->has('success'))
                    <div class=" mx-3 alert alert-dark alert-dismissible fade show fade-transition fade-{{ session('direction', 'up') }}" role="alert">
                        <img class="img-fluid" width="30" src="{{ asset('assets/img/alert-icon/success-icon-4.svg') }}" alt="">
                        <strong class="text-white">{{ session('success') }}</strong>
                        <button type="button" class="btn btn-white btn-sm alert-btn-success text-white" data-bs-dismiss="alert" aria-label="Close">
                            <img class="img-fluid" width="30" src="{{ asset('assets/img/alert-icon/close.svg') }}" alt="">
                        </button>
                    </div>
                @endif
                    @if(session()->has('error'))
                    <div class=" mx-3 alert alert-danger alert-dismissible fade show fade-transition fade-{{ session('direction', 'up') }}" role="alert">
                        <img class="img-fluid" width="30" src="{{ asset('assets/img/alert-icon/error-2.svg') }}" alt="">
                        <strong class="text-dark">{{ session('error') }}</strong>
                        <button type="button" class="btn btn-white btn-sm alert-btn-success text-white" data-bs-dismiss="alert" aria-label="Close">
                            <img class="img-fluid" width="30" src="{{ asset('assets/img/alert-icon/close.svg') }}" alt="">
                        </button>
                    </div>
                @endif


                    @yield('content')
                    @include('layouts.footers.auth.footer')
                </div>
            </main>
        @endif

        @include('components.fixed-plugin')
    @endif



@endsection