<!DOCTYPE html>
<html>
<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">

    <!-- Page title -->
    <title>@yield('page_title')</title>
    <!-- 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="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
    <style>
        /* Ensures the phone dropdown takes up the full width of the Bootstrap form-control */
        .iti { width: 100%; } 
    </style>
</head>
<body class="blank">

<!-- Simple splash screen-->
<div class="splash"> <div class="color-line"></div><div class="splash-title"><h1>Homer - Responsive Admin Theme</h1><p>Special Admin Theme for small and medium webapp with very clean and aesthetic style and feel. </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]-->

<div class="color-line"></div>

<div class="login-container">
    @yield('page_content')
    
    <div class="row">
        <div class="col-md-12 text-center">
            <strong></strong> {{ date('Y') }} Click Mobile Ltd. <br/>
        </div>
    </div>
</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>

<!-- App scripts -->
<script src="{{ url('public/theme_assets/scripts/homer.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
</body>
</html>
