<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name') }}</title>

    <!-- Styles -->
    @section('styles')
        <link href="{{ asset('css/app.css') }}" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
              integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
              crossorigin="anonymous">

        {{--<link href="{{ asset('css/fontawesome-all.min.css') }}" rel="stylesheet">--}}
        <link href="{{ asset('css/glyphicons.css') }}" rel="stylesheet">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css"
              integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg"
              crossorigin="anonymous">
        {{--<link href={{ asset('css/main.css') }} rel="stylesheet">--}}
    @endsection
    @yield('styles')

    @section('scripts-head')
        <script src="{{ asset('js/bootstrap.js') }}"></script>
        {{--<script src="{{ asset('js/jquery-3.3.1.min.js') }}"></script>--}}

        <script defer src="/static/fontawesome/fontawesome-all.js"></script>
        <script defer src="/static/fontawesome/fa-v4-shim.js"></script>

    @endsection
</head>

{{--<body class="hero-bkg-animated">--}}
<body>

<!-- Navigation panel -->
@section('navbar')
    {{--    @include('layouts.navbar')--}}
    @include('layouts.navbar')
@endsection
@yield('navbar')

<!-- Content -->
@yield('content')

<!-- Footer -->
@section('footer')
    @include('layouts.footer')
@endsection
{{--@yield('footer')--}}

<!-- Scripts -->
@section('scripts')

    <script src="{{ asset('js/jquery-3.3.1.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
            crossorigin="anonymous"></script>
    <script src="{{ asset('js/bootstrap.4.min.js') }}"></script>
    {{--<script src="{{ asset('js/app.js') }}"></script>--}}
@endsection
@yield('scripts')

</body>

</html>
