<!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="description" content="">
    <meta name="author" content="Npontu">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="apple-touch-icon" href="{{asset('img/new.png')}}">
    <link rel="shortcut icon" href="{{asset('img/new.png')}}">

    <title> @yield('page_title','Deywuro') </title>


    <link rel="stylesheet" href="{{ elixir('css/all.css') }}">
    <link rel="stylesheet" href="{{ asset('css/custom.css') }}">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

    @stack('styles')

    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css'>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha256-NuCn4IvuZXdBaFKJOAcsU2Q3ZpwbdFisd5dux4jkQ5w=" crossorigin="anonymous" />
    <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>
    <style>
        label{
            font-weight: bold;
            color: black;
            font-style: oblique;
        }

        .lab{
            font-weight: bold;
            color: black;
            font-style: oblique;
        }
    </style>
</head>
<body class="page-profile site-navbar-small" style="background-image: url({{asset("NewUI/dashboard/assets/images/backdrop.jpg")}}); background-size: cover;background-repeat:no-repeat;font-family: Raleway">
@if(session('updated_contact_person_id'))
    <div class="alert alert-danger text-center">
        <ul>
            <li class="text-uppercase">{!! session()->get(auth()->user()->username_.'updated_contact_person_id') !!}</li>
        </ul>
    </div>
@endif
<div id="preloader">
    <div id="loader"></div>
</div>

@include('reseller.layouts.nav')


    @yield('page_content')


<footer class="site-footer">
    <div class="site-footer-legal"><span style="font-size: 10px;">© {{ date('Y') }}</span>
        <a href="#">{{ ucwords(auth()->user()->company->name) }}</a>
    </div>
    <div class="site-footer-right">
        <span style="font-size: 10px;">Powered by</span> <a href="">{{ ucwords(auth()->user()->company->name) }}</a>
    </div>
</footer>


<script>
    var route ="{{route('main_route')}}";
    var token ="{{ csrf_token() }}";
</script>
<script src="{{ elixir('js/all.js') }}"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
{{--<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></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>
    $(function() {
        $('.pick-me').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            minYear: 1901,
            maxYear: parseInt(moment().format('YYYY'),10)
        }, function(start, end, label) {
            const years = moment().diff(start, 'years');
        });
    });
</script>
@stack('scripts')
</body>

</html>
