<!DOCTYPE html>
    <html lang="en">
    <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="Description" name="Hassle free Airtime Top Up platform for individuals and organisations" />
    <meta content="author" name="Click Mobile Tech Team" />
    <!-- Page title -->
    <title>Click Airtime | @yield('page-title')</title>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!--<link rel="shortcut icon" type="image/ico" href="favicon.ico" />-->
    <link rel="shortcut icon" href="{{ url('public/assets/images/favicon.ico') }}">
    @yield('page-css')
    
     <!-- Vendor styles -->
     <link rel="stylesheet" href="{{ url('public/theme_assets/vendor/fontawesome/css/font-awesome.css') }}" />
    <link rel="stylesheet" href="{{ url('public/theme_assets/vendor/metisMenu/dist/metisMenu.css') }}" />
    <link rel="stylesheet" href="{{ url('public/theme_assets/vendor/animate.css/animate.css') }}" />
    <link rel="stylesheet" href="{{ url('public/theme_assets/vendor/bootstrap/dist/css/bootstrap.css') }}" />

    <!-- App styles -->
    <link rel="stylesheet" href="{{ url('public/theme_assets/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css') }}" />
    <link rel="stylesheet" href="{{ url('public/theme_assets/fonts/pe-icon-7-stroke/css/helper.css') }}" />
    <link rel="stylesheet" href="{{ url('public/theme_assets/styles/style.css') }}">
    <link rel="stylesheet" href="{{ url('public/theme_assets/styles/custom_fixed_tables.css') }}">

    <script type="text/javascript">
        var base_url = "{!! url('/') !!}";
    </script>
</head>
    <body class="landing-page">

    <!-- Simple splash screen-->
    <div class="splash"> <div class="color-line"></div><div class="splash-title"><h1>Click Airtime </h1><p>Instant Airtime Top-up, anywhere with ClickAirtime </p><div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div> </div> </div> </div>
    <!--[if lt IE 7]>
    <p class="alert alert-danger">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <!-- header -->

    <!-- Main Wrapper -->
    <div id="wrapper">
        @if($page_title !== 'Dashboard')
            
        @endif
        
        <div class="content">
            @yield('page-content')
            <footer class="footer">

                <span class="pull-right">{{ date('Y') }} Click Mobile Ltd | <a href="{{ ('admin') }}">Admin</a></span>
            </footer>
        </div>
        <!-- END wrapper -->
    </div>
    <!-- Vendor scripts -->

    <script src="{{ url('public/theme_assets/vendor/jquery/dist/jquery.min.js') }}"></script>
    <script src="{{ url('public/theme_assets/vendor/jquery-ui/jquery-ui.min.js') }}"></script>
    <script src="{{ url('public/theme_assets/vendor/slimScroll/jquery.slimscroll.min.js') }}"></script>
    <script src="{{ url('public/theme_assets/vendor/bootstrap/dist/js/bootstrap.min.js') }}"></script>
    <script src="{{ url('public/theme_assets/vendor/metisMenu/dist/metisMenu.min.js') }}"></script>
    <script src="{{ url('public/theme_assets/vendor/iCheck/icheck.min.js') }}"></script>
    <script src="{{ url('public/theme_assets/vendor/sparkline/index.js') }}"></script>
   
    <!-- App scripts -->
    <script src="{{ url('public/theme_assets/scripts/homer.js') }}"></script>

    @yield('page-js')
    <body class="landing-page">
</html>