<!DOCTYPE html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="{{ asset("assets/img/apple-icon.png") }}">
    <link rel="icon" type="image/png" href="{{ asset("assets/img/favicon.ico") }}">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>OB IMMO - Logiciel immobilier de gestion locative</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
    
    <!-- Fonts and icons -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
    <!-- CSS Files -->
    <link href="{{ asset("assets/css/bootstrap.min.css") }}" rel="stylesheet" />
    <link href="{{ asset("assets/css/light-bootstrap-dashboard.css") }}" rel="stylesheet" />
    <!-- CSS Just for demo purpose, don't include it in your project -->
    <link href="{{ asset("assets/css/demo.css") }}" rel="stylesheet" />
    {{-- jquery --}}
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <link type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/south-street/jquery-ui.css" rel="stylesheet"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    {{-- WYSIWYG --}}
    <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.4/summernote.css" rel="stylesheet">
    {{-- Signature PAD --}}
    <script type="text/javascript" src="http://keith-wood.name/js/jquery.signature.js"></script>
    <style>
        .kbw-signature { width: 100%; height: 200px;}
        #sig canvas{
            width: 100% !important;
            height: auto;
        }
        p { font-weight: 100!important; }
    </style>
</head>
 
<body>
    <div class="wrapper">

        @include('layouts.sidebar')
        
        <div class="main-panel">
            
            @include('layouts.navbar')
            
            <div class="content">
                @yield('content')
            </div>

            @include('layouts.footer')

        </div>
    </div>
</body>

<!--   Core JS Files   -->
<script src="{{ asset("assets/js/core/jquery.3.2.1.min.js") }}" type="text/javascript"></script>
<script src="{{ asset("assets/js/core/popper.min.js") }}" type="text/javascript"></script>
<script src="{{ asset("assets/js/core/bootstrap.min.js") }}" type="text/javascript"></script>
<!--  Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="{{ asset("assets/js/plugins/bootstrapswitch.js") }}"></script>
<!--  Google Maps Plugin    -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<!--  Chartist Plugin  -->
<script src="{{ asset("assets/js/plugins/chartist.min.js") }}"></script>
<!--  Notifications Plugin    -->
<script src="{{ asset("assets/js/plugins/bootstrap-notify.js") }}"></script>
<!-- Control Center for Light Bootstrap Dashboard: scripts for the example pages etc -->
<script src="{{ asset("assets/js/light-bootstrap-dashboard.js") }}" type="text/javascript"></script>
<!-- Light Bootstrap Dashboard DEMO methods, don't include it in your project! -->
<script src="{{ asset("assets/js/demo.js") }}"></script>
{{-- WYSIWYG --}}
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.4/summernote.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        // Javascript method's body can be found in assets/js/demos.js
        demo.initDashboardPageCharts();

        demo.showNotification();

    });
</script>
<script>
$(document).ready(function() {
    $('#summernote').summernote({
        height: 300,
    }
    );
  });
</script>
</html>
