<!doctype html>
<html lang="en" class="no-focus">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

        <title>Login - Nigeria Civil Aviation Authority</title>

        <meta name="description" content="Nigeria Civil Aviation Authority powered by frm">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">

        <!-- Open Graph Meta -->
        <meta property="og:title" content="Nigeria Civil Aviation Authority powered by frm">
        <meta property="og:site_name" content="Nigeria Civil Aviation Authority">
        <meta property="og:description" content="Nigeria Civil Aviation Authority powered by frm">
        <meta property="og:type" content="website">
        <meta property="og:url" content="">
        <meta property="og:image" content="">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="<?php echo e(asset('media/favicons/favicon.png')); ?>">
        <link rel="icon" type="image/png" sizes="192x192" href="<?php echo e(asset('media/favicons/favicon-192x192.png')); ?>">
        <link rel="apple-touch-icon" sizes="180x180" href="<?php echo e(asset('media/favicons/apple-touch-icon-180x180.png')); ?>">
        <!-- END Icons -->

        <!-- Stylesheets -->

        <!-- Fonts and Codebase framework -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,700">
        <link rel="stylesheet" id="css-main" href="<?php echo e(asset('css/codebase.css')); ?>">

        <!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
        <!-- <link rel="stylesheet" id="css-theme" href="assets/css/themes/flat.min.css"> -->
        <!-- END Stylesheets -->
    </head>
    <body>

        <!-- Page Container -->
        <!--
            Available classes for #page-container:

        GENERIC

            'enable-cookies'                            Remembers active color theme between pages (when set through color theme helper Template._uiHandleTheme())

        SIDEBAR & SIDE OVERLAY

            'sidebar-r'                                 Right Sidebar and left Side Overlay (default is left Sidebar and right Side Overlay)
            'sidebar-mini'                              Mini hoverable Sidebar (screen width > 991px)
            'sidebar-o'                                 Visible Sidebar by default (screen width > 991px)
            'sidebar-o-xs'                              Visible Sidebar by default (screen width < 992px)
            'sidebar-inverse'                           Dark themed sidebar

            'side-overlay-hover'                        Hoverable Side Overlay (screen width > 991px)
            'side-overlay-o'                            Visible Side Overlay by default

            'enable-page-overlay'                       Enables a visible clickable Page Overlay (closes Side Overlay on click) when Side Overlay opens

            'side-scroll'                               Enables custom scrolling on Sidebar and Side Overlay instead of native scrolling (screen width > 991px)

        HEADER

            ''                                          Static Header if no class is added
            'page-header-fixed'                         Fixed Header

        HEADER STYLE

            ''                                          Classic Header style if no class is added
            'page-header-modern'                        Modern Header style
            'page-header-inverse'                       Dark themed Header (works only with classic Header style)
            'page-header-glass'                         Light themed Header with transparency by default
                                                        (absolute position, perfect for light images underneath - solid light background on scroll if the Header is also set as fixed)
            'page-header-glass page-header-inverse'     Dark themed Header with transparency by default
                                                        (absolute position, perfect for dark images underneath - solid dark background on scroll if the Header is also set as fixed)

        MAIN CONTENT LAYOUT

            ''                                          Full width Main Content if no class is added
            'main-content-boxed'                        Full width Main Content with a specific maximum width (screen width > 1200px)
            'main-content-narrow'                       Full width Main Content with a percentage width (screen width > 1200px)
        -->
        <div id="page-container" class="main-content-boxed">

            <!-- Main Container -->
            <main id="main-container">
<!-- Fade In Modal -->
<!--<div class="modal fade show" id="modal-large" tabindex="-1" role="dialog" aria-labelledby="modal-large" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="block block-themed block-transparent mb-0">
                <div class="block-header bg-primary-dark">
                    <h3 class="block-title">GENERAL INFORMATION</h3>
                    <div class="block-options">
                        <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                            <i class="si si-close"></i>
                        </button>
                    </div>
                </div>
                <div class="block-content">

                    <div class="d-flex flex-wrap">
                        <div class="block m-1">
                            <div class="block-header block-header-default">Requirements for Tower Maintenance Agent</div>
                            <div class="block-content">
                                <ol>
                                    <li>NCC Operating License.</li>
                                </ol>
                            </div>
                        </div>
                        <div class="block m-1">
                            <div class="block-header block-header-default">Requirements for Tower Insurance Firm</div>
                            <div class="block-content">
                                <ol>
                                    <li>TowerSITE Insurance Management System.</li>
                                    <li>NAICOM General Insurance Operating License.</li>
                                </ol>
                            </div>
                        </div>
                        <div class="block m-1">
                            <div class="block-header block-header-default">Requirements for Tower Audit Service Provider</div>
                            <div class="block-content">
                                <ol>
                                    <li>NCC Equipment Type Approval.</li>
                                    <li>TowerSITE UAV Mission Planner.</li>
                                    <li>ONSA Clearance.</li>
                                </ol>
                            </div>
                        </div>
                        <div class="block m-1">
                            <div class="block-header block-header-default">Requirements for Renewable Energy Service Provider</div>
                            <div class="block-content">
                                <ol>
                                    <li>NERC License.</li>
                                    <li>NCC Equipment Type Approval.</li>
                                    <li>TowerSITE System.</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-alt-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-alt-success" data-dismiss="modal">
                    <i class="fa fa-check"></i> Ok
                </button>
            </div>
        </div>
    </div>
</div>-->
<!-- END Fade In Modal -->
                <!-- Page Content -->
                <div class="bg-image" style="background-image: url(<?php echo e(asset('media/photos/photo34@2x.jpg')); ?>);">

                    <div class="row mx-0 bg-black-op" data-toggle="appear">
                        <div class="hero-static flex-column col-md-6 col-xl-8 d-none d-md-flex align-items-md-end">
                            <!--<div class="d-flex m-auto">
                                <div class="block">
                                    <div class="block-header block-header-default">GENERAL INFORMATION</div>
                                        <div class="block-content">
                                            <div class="d-flex">
                                                <div class="block m-1">
                                                    <div class="block-header block-header-default">Requirements for Tower Maintenance Agent</div>
                                                    <div class="block-content">
                                                        <ol>
                                                        <li>NCC Operating License.</li>
                                                        </ol>
                                                    </div>
                                                </div>
                                                <div class="block m-1">
                                                    <div class="block-header block-header-default">Requirements for Tower Insurance Firm</div>
                                                    <div class="block-content">
                                                        <ol>
                                                            <li>TowerSITE Insurance Management System.</li>
                                                            <li>NAICOM General Insurance Operating License.</li>
                                                        </ol>
                                                    </div>
                                                </div>
                                                <div class="block m-1">
                                                    <div class="block-header block-header-default">Requirements for Tower Audit Service Provider:</div>
                                                    <div class="block-content">
                                                        <ol>
                                                            <li>NCC Equipment Type Approval.</li>
                                                            <li>TowerSITE UAV Mission Planner.</li>
                                                            <li>ONSA Clearance.</li>
                                                        </ol>
                                                    </div>
                                                </div>
                                                <div class="block m-1">
                                                    <div class="block-header block-header-default">Requirements for Renewable Energy Service Provider</div>
                                                    <div class="block-content">
                                                        <ol>
                                                            <li>NERC License.</li>
                                                            <li>NCC Equipment Type Approval.</li>
                                                            <li>TowerSITE System.</li>
                                                        </ol>
                                                    </div>
                                                </div>
                                            </div>
                                    </div>
                                </div>
                            </div>-->
                            <div class="p-3 invisible mt-auto" data-toggle="appear">
                                <p class="font-size-h3 mb-1 font-w600 text-white">
                                   Nigerian Civil Aviation Authority -NCAA.

                                </p>
                                <p class="font-italic text-white-op">
                                    Copyright &copy; <span class="js-year-copy"></span> Powered by FRM
                                </p>
                            </div>
                        </div>
                        <div class="hero-static col-md-6 col-xl-4 d-flex align-items-center bg-white invisible" data-toggle="appear" data-class="animated fadeInRight">
                            <div class="content content-full">
                                <!-- Header -->
                                <div class="px-30 py-10">
                                    <a class="link-effect font-w700" href="/">
                                    <img src="<?php echo e(asset('media/photos/ncaa-logo.png')); ?>" style="height:50px; width:auto;" alt="">
                                        
                                    </a>
                                    <h1 class="h3 font-w700 mt-30 mb-10">Welcome to Your Dashboard</h1>
                                    <h2 class="h5 font-w400 text-muted mb-0">Please sign in</h2>
                                </div>
                                <!-- END Header -->

                                <!-- Sign In Form -->
                                <!-- jQuery Validation functionality is initialized with .js-validation-signin class in js/pages/op_auth_signin.min.js which was auto compiled from _es6/pages/op_auth_signin.js -->
                                <!-- For more examples you can check out https://github.com/jzaefferer/jquery-validation -->
                    <form method="POST" id="LoginForm" action="<?php echo e(route('login')); ?>">
                        <?php echo csrf_field(); ?>

                        <div class="form-group row">
                            <label for="email" class="col-md-4 col-form-label text-md-right"><?php echo e(__('E-Mail/Username')); ?></label>

                            <div class="col-md-6">
                                <input id="email" type="text" class="form-control <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> <?php $__errorArgs = ['username'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" name="identity" value="<?php echo e(old('identity')); ?>" autofocus>

                                <?php $__errorArgs = ['identity'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <span class="invalid-feedback" role="alert">
                                        <strong><?php echo e($message); ?></strong>
                                    </span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                <?php $__errorArgs = ['username'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <span class="invalid-feedback" role="alert">
                                        <strong><?php echo e($message); ?></strong>
                                    </span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <span class="invalid-feedback" role="alert">
                                        <strong><?php echo e($message); ?></strong>
                                    </span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="password" class="col-md-4 col-form-label text-md-right"><?php echo e(__('Password')); ?></label>

                            <div class="col-md-6">
                                <input id="password" type="password" class="form-control <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" name="password" required autocomplete="current-password">

                                <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <span class="invalid-feedback" role="alert">
                                        <strong><?php echo e($message); ?></strong>
                                    </span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-6 offset-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="remember" id="remember" <?php echo e(old('remember') ? 'checked' : ''); ?>>

                                    <label class="form-check-label" for="remember">
                                        <?php echo e(__('Remember Me')); ?>

                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row mb-0">
                            <div class="col-md-8 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    <?php echo e(__('Login')); ?>

                                </button>

                                <?php if(Route::has('password.request')): ?>
                                    <a class="btn btn-link" href="<?php echo e(route('password.request')); ?>">
                                        <?php echo e(__('Forgot Your Password?')); ?>

                                    </a>
                                <?php endif; ?>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- END Page Content -->

</main>
<!-- END Main Container -->
</div>
<!-- END Page Container -->

<!--
Codebase JS Core

Vital libraries and plugins used in all pages. You can choose to not include this file if you would like
to handle those dependencies through webpack. Please check out assets/_es6/main/bootstrap.js for more info.

If you like, you could also include them separately directly from the assets/js/core folder in the following
order. That can come in handy if you would like to include a few of them (eg jQuery) from a CDN.

assets/js/core/jquery.min.js
assets/js/core/bootstrap.bundle.min.js
assets/js/core/simplebar.min.js
assets/js/core/jquery-scrollLock.min.js
assets/js/core/jquery.appear.min.js
assets/js/core/jquery.countTo.min.js
assets/js/core/js.cookie.min.js
-->
<script src="<?php echo e(asset('js/codebase.core.js')); ?>"></script>

<!--
Codebase JS

Custom functionality including Blocks/Layout API as well as other vital and optional helpers
webpack is putting everything together at assets/_es6/main/app.js
-->
<script src="<?php echo e(asset('js/codebase.app.js')); ?>"></script>

<!-- Page JS Plugins -->
<script src="<?php echo e(asset('js/plugins/jquery-validation/jquery.validate.min.js')); ?>"></script>

<!-- Page JS Code -->
<script src="<?php echo e(asset('js/pages/op_auth_signin.js')); ?>"></script>
<script>
const username = document.querySelector("#email");
const password = document.querySelector("#password");
const LoginForm = document.querySelector("#LofinForm");
LoginForm.addEventListener("submit", function(e){
    e.preventDefault()
    debugger;
    if (username.value !== "" && password.value !== ""){
        this.submit();
    }
});
$(document).ready(function(){

jQuery('#modal-large').modal('show');
});
</script>
</body>
</html>
<?php /**PATH /home/ncaa/public_html/resources/views/auth/login.blade.php ENDPATH**/ ?>