<!DOCTYPE html>
<html class="no-js css-menubar" lang="en">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="author" content="">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>MTN Messenger | Login</title>
    <link rel="apple-touch-icon" href="{{asset('img/mtnnlogo.jpg')}}">
    <link rel="shortcut icon" href="{{asset('img/mtnnlogo.jpg')}}">
    <link rel="stylesheet" href="{{ elixir('css/all.css') }}">
    <link rel="stylesheet" href="{{ asset('css/custom.css') }}">
    @stack('styles')
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
    <script src="{{asset('js/html5shiv.min.js')}}"></script>
    <script src="{{asset('js/media.match.min.js')}}"></script>
    <script src="{{asset('js/respond.min.js')}}"></script>
    <script src="{{asset('js/modernizr.min.js')}}"></script>

    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

    <style>
        /*label{*/
        /*    color: black;*/
        /*    font-weight: normal;*/
        /*    font-size: medium;*/
        /*    font-family: 'Lato', sans-serif;*/
        /*}*/
        /*.lato{*/
        /*    font-family: 'Lato', sans-serif;*/
        /*}*/


        @font-face {
            /*font-family: "MTNFontWorkSan";*/
            font-family: "MTNBrighterSans-Regular";
            {{--src: url("{!! asset('css/WorkSans.ttf') !!}");--}}
            src: url("{!! asset('css/MTNBrighterSans-Regular.otf') !!}");
        }

        h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: MTNBrighterSans-Regular !important;
            /*font-family: MTNFontWorkSan !important;*/
        }

        body {
            font-family: MTNBrighterSans-Regular !important;
            /*font-family: MTNFontWorkSan !important;*/
        }

        input,label {
            font-family: MTNBrighterSans-Regular !important;
        }

        .navbar-default {
            background-color: #FFCB05 !important;
        }
    </style>

</head>
<body class="page-profile site-navbar-small" style="font-family: MTNBrighterSans-Regular !important; color: #000;">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color: #ffcb05; ">
    <div class="container">

        <div class="navbar-header">
            <a class="navbar-brand navbar-brand-center" href="{{route('reseller.app')}}">
                <img class="navbar-brand-logo navbar-brand-logo-normal" src="{{$ulogo}}"
                     title="Remark">
                {{--<span class="navbar-brand-text hidden-xs"> HELLIO</span>--}}
            </a>

            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <i class="icon hamburger hamburger-arrow-left">
                    <span class="sr-only">Toggle menubar</span>
                    <span class="hamburger-bar"></span>
                </i>
            </button>
            <a class="navbar-brand" href="/">&nbsp;</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown" >
                        <i class="site-menu-icon fa fa-tachometer" aria-hidden="true"></i>
                        Dashboard <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="">
                            <a href="{{route('reseller.app')}}">
                                <span class="site-menu-title">Default Dashboard</span>
                            </a>
                        </li>
{{--                        <li class="">--}}
{{--                            <a href="{{route('reseller.financial.dashboard')}}">--}}
{{--                                <span class="site-menu-title">Financial Dashboard</span>--}}
{{--                            </a>--}}
{{--                        </li>--}}
                    </ul>
                </li>
                <li>
                @can('manage-stanbic-users')
                    <li class="">
                        <a href="{{route('stanbic-users.index')}}">
                            <i class="site-menu-icon fa fa-users" aria-hidden="true"></i>
                            <span class="site-menu-title">Users</span>
                        </a>
                    </li>
                @else
                    <a href="{{route('reseller.users')}}">
                        <i class="site-menu-icon fa fa-users" aria-hidden="true"></i>
                        <span class="site-menu-title">Users</span>
                    </a>
                @endcan

                <li class="dropdown">
                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown" >
                        <i class="site-menu-icon fa fa-line-chart" aria-hidden="true"></i>
                        Reports <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="dropdown dropdown-submenu">
{{--                            <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">--}}
{{--                                <span class="site-menu-title">Financial Report</span>--}}
{{--                            </a>--}}
                            <ul class="dropdown-menu">
                                <li class="">
                                    <a class="animsition-link" href="{{route('reseller.reports.operational.costs')}}">
                                        <span class="site-menu-title">Operational Expenses</span>
                                    </a>
                                </li>
                                <li class="">
                                    <a class="animsition-link" href="{{route('reseller.reports.sales')}}">
                                        <span class="site-menu-title">Sales Revenues</span>
                                    </a>
                                </li>
                                <li class="">
                                    <a class="animsition-link" href="{{route('reseller.reports.profitability')}}">
                                        <span class="site-menu-title">Profitability</span>
                                    </a>
                                </li>
                                <li class="">
                                    <a class="animsition-link" href="{{route('reseller.reports.sales.compare')}}">
                                        <span class="site-menu-title">Comparison</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-submenu">
                            <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                                <span class="site-menu-title">Clients Report</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="">
                                    <a href="{{route('reseller.reports.client_registrations')}}">
                                        <span class="site-menu-title">Registrations</span>
                                    </a>
                                </li>
                                <li class="">
                                    <a class="animsition-link" href="{{route('reseller.reports.top_clients')}}">
                                        <span class="site-menu-title">Top Clients</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a href="{{route('reseller.reports.daily')}}">
                                <span class="site-menu-title">Daily Report</span>
                            </a>
                        </li>
                        <li class="">
                            <a href="{{route('reseller.reports.comparison')}}">
                                <span class="site-menu-title">Comparison</span>
                            </a>
                        </li>
                        <li class="">
                            <a href="{{route('reseller.reports.specific')}}">
                                <span class="site-menu-title">Specific Report</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{route('reseller.clients_credit_history')}}">
                                <span class="site-menu-title">Credit History</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{route('reseller.clients_report_get_invoice')}}">
                                <span class="site-menu-title">Invoice Report</span>
                            </a>
                        </li>
                        <li class="">
                            <a href="{{route('reseller.reports.sms.clients')}}">
                                <span class="site-menu-title">SMS Report by Client</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown" >
                        <i class="site-menu-icon fa fa-cog" aria-hidden="true"></i>
                        Campaigns <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="dropdown dropdown-submenu">
                            <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                                <span class="site-menu-title">Bulk</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="">
                                    <a class="animsition-link" href="{{route('reseller.campaigns.dashboard')}}">
                                        <span class="site-menu-title">Campaigns</span>
                                    </a>
                                </li>
                                <li class="">
                                    <a class="animsition-link" href="{{route('reseller.daily.campaigns.dashboard')}}">
                                        <span class="site-menu-title">Daily Campaigns</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
{{--                        <li class="dropdown dropdown-submenu">--}}
{{--                            <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">--}}
{{--                                <span class="site-menu-title">API</span>--}}
{{--                            </a>--}}
{{--                            <ul class="dropdown-menu">--}}
{{--                                <li class="">--}}
{{--                                    <a class="animsition-link" href="{{route('reseller.campaigns.api')}}">--}}
{{--                                        <span class="site-menu-title">Campaigns</span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                                <li class="">--}}
{{--                                    <a class="animsition-link" href="{{route('reseller.daily.campaigns.api')}}">--}}
{{--                                        <span class="site-menu-title">Daily Campaigns</span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </li>--}}
                    </ul>
                </li>
                <li>
                    <a href="{{route('reseller.ads.index')}}">
                        <i class="site-menu-icon fa fa-newspaper-o" aria-hidden="true"></i>
                        <span class="site-menu-title">Adverts</span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown" >
                        <i class="site-menu-icon fa fa-sliders" aria-hidden="true"></i>
                        Settings <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        @can('manage-groups')
                            <li class="">
                                <a href="{{route('groups.index')}}">
                                    <span class="site-menu-title">Manage Groups</span>
                                </a>
                            </li>
                        @endcan

                        <li class="">
                            <a href="{{route('reseller.setting.operational')}}">
                                <span class="site-menu-title">Operational Setting</span>
                            </a>
                        </li>

{{--                            <li class="">--}}
{{--                                <a href="{{route('reseller.filtering.index')}}">--}}
{{--                                    <span class="site-menu-title">Filtering Setting</span>--}}
{{--                                </a>--}}
{{--                            </li>--}}

                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown" >
                        <i class="fa fa-money" aria-hidden="true"></i>
                        Purchase<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        @can('view-bulk-campaign')
                            <li class="dropdown dropdown">
                                <a href="{{route('newPurchaseReseller')}}">
                                    <span class="site-menu-title">Purchase Credit</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a class="navbar-avatar dropdown-toggle" data-toggle="dropdown" aria-expanded="false"
                       data-animation="scale-up" role="button">
              <span class="avatar avatar-online">
                <img src=" {{$ulogo}}" alt="...">
                <i></i>
              </span>
                        {{\Illuminate\Support\Facades\Auth::user()->username}}
                    </a>
                    <ul class="dropdown-menu" role="menu">

                        <li role="presentation">
                            <a href="{{route('reseller.profile')}}" role="menuitem"><i class="icon wb-user" aria-hidden="true"></i> Profile</a>
                        </li>
                        <li role="presentation">
                            <a href="{{route('reseller.logout')}}" role="menuitem"><i class="icon wb-power" aria-hidden="true"></i> Logout</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

    </div>

</nav>

{{--@include('includes.topmenu')--}}


<!-- Page -->
<div class="page animsition">
    @yield('page_content')
</div>
<!-- End Page -->

{{--@include('includes.modals')--}}

<!-- Footer -->
<footer class="site-footer" style="font-family: MTNBrighterSans-Regular !important; color: #000;">
    <div class="site-footer-legal">
        {{--© 2016 <a href="http://mtnghana.com">mtnghana</a>--}}
    </div>
    <div class="site-footer-right">
        {{--Crafted with <i class="red-600 wb wb-heart"></i> by <a href="http://mtnghana.com">mtnghana</a>--}}
    </div>
</footer>

<script src="{{ elixir('js/all.js') }}"></script>
<script src="{{ asset('lib/chosen/chosen.jquery.min.js') }}"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script>
    var route ="{{route('main_route')}}";
    var token ="{{ csrf_token() }}";
    // $('.chosen').chosen();
</script>

<script>
    $(function() {
        $('.pick-me').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            minYear: 1901,
            maxYear: parseInt(moment().format('YYYY'),10)
        }, function(start, end, label) {
            var years = moment().diff(start, 'years');
        });
    });
</script>
@stack('scripts')
</body>

</html>
