<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <title>@yield('meta_title')</title>
    <meta content="@yield('meta_desc', 'Login to your myLEAP Account and manage your services with AryanIct.com')" name="description">


    <!-- Icons -->
    <link rel="shortcut icon" href="https://www.aryanict.com/favicon.ico">
	<link rel="apple-touch-icon-precomposed" href="https://www.aryanict.com/Website/img/icons/apple-touch-icon.png">
    <link rel="icon" href="https://www.aryanict.com/favicon.ico">
    <!-- END Icons -->

    <!-- Stylesheets -->
    <link rel="stylesheet" id="css-main" href="/assets/css/leap.min.css">
    <!-- END Stylesheets -->
    
    <!-- AICT Pixel Code -->
    <script defer src="https://acdn.aryanict.net/pixel/aef42y8xjboc3qpwlzzajgqikqwu23f9"></script>
    <!-- END AICT Pixel Code -->

    {{-- Repat  --}}
    {!! RecaptchaV3::initJs() !!}

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HXYS1DEXT9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HXYS1DEXT9');
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5d2ee5f4bfcb827ab0cc38de/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
	Tawk_API.customStyle = {
		visibility : {
			desktop : {
				position : 'br',
				xOffset : '80px',
				yOffset : 20
			},
			mobile : {
				position : 'br',
				xOffset : 80,
				yOffset : 0
			},
			bubble : {
				rotate : '0deg',
			 	xOffset : -20,
			 	yOffset : 0
			}
		}
	};
</script>
<!--End of Tawk.to Script-->
    <style>
        .red {
            color: #dc2626
        }

        .green {
            color: green
        }


       
    </style>
    
</head>

<body>

    <div id="page-container">

        <!-- Main Container -->
        <main id="main-container">
            <!-- Page Content -->
            <div class="bg-image" style="background-image: url('/assets/media/photos/photo28@2x.jpg');">
                <div class="row g-0 bg-primary-dark-op">
                    <!-- Meta Info Section -->
                    <div class="hero-static col-lg-4 d-none d-lg-flex flex-column justify-content-center">
                        <div class="p-4 p-xl-5 flex-grow-1 d-flex align-items-center">
                            <div class="w-100">
                                <a class="link-fx fw-semibold fs-2 text-white">
                                    my<span class="fw-normal">LEAP</span> Account Panel
                                </a>
                                <p class="text-white-75 me-xl-8 mt-2">
                                    We're glad to have you with us! You can now log in and start managing your services with ease.
                                </p>
                            </div>
                        </div>
                        <div class="p-4 p-xl-5 d-xl-flex justify-content-between align-items-center fs-sm">
                           
                            <ul class="list list-inline mb-0 py-2">
                                <li class="list-inline-item">
                                    <a class="text-white-75 fw-medium" href="https://www.aryanict.com/">© ARYAN ICT SOLUTIONS, 2006 - {{ date('Y') }}. All Rights Reserved.

                                    </a>
                                </li>
                              
                                
                            </ul>
                        </div>
                    </div>
                    <!-- END Meta Info Section -->

                    <!-- Main Section -->
                    <div class="hero-static col-lg-8 d-flex flex-column align-items-center bg-body-extra-light">
                        <div class="p-3 w-100 d-lg-none text-center">
                            <a class="link-fx fw-semibold fs-3 text-dark" href="/">
                                my<span class="fw-normal">LEAP</span>
                            </a>
                        </div>
                        <div class="p-4 w-100 flex-grow-1 d-flex align-items-center">
                            <div class="w-100">
                                <!-- Header -->
                                <div class="text-center mb-5">
                                    <h1 class="fw-bold mb-2">
                                        @yield('title')
                                    </h1>
                                    <p class="fw-medium text-muted">
                                        @yield('description')
                                    </p>
                                </div>

                                @yield('content')
                                <!-- END Sign In Form -->
                            </div>
                        </div>
                        <div
                            class="px-4 py-3 w-100 d-lg-none d-flex flex-column flex-sm-row justify-content-between fs-sm text-center text-sm-start">
                            <p class="fw-medium text-black-50 py-2 mb-0">
                                © ARYAN ICT SOLUTIONS, 2006 - {{ date('Y') }}. All Rights Reserved.

                            </p>
                            <ul class="list list-inline py-2 mb-0">
                                <li class="list-inline-item">
                                    <li class="list-inline-item">
                                    <a class="text-white-75 fw-medium" href="https://www.aryanict.com/">© ARYAN ICT SOLUTIONS, 2006 - {{ date('Y') }}. All Rights Reserved.</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- END Main Section -->
                </div>
            </div>
            <!-- END Page Content -->
        </main>
        <!-- END Main Container -->
    </div>
   

   
    <script src="/assets/js/leap.app.min.js"></script>

  
    <script src="/assets/js/lib/jquery.min.js"></script>

   
    <script src="/assets/js/plugins/jquery-validation/jquery.validate.min.js"></script>

    <!-- Page JS Code -->
    <script src="/assets/js/pages/op_auth_signin.min.js"></script>
    @yield('script')
</body>

</html>
