<!DOCTYPE html>
<html lang="en">
@section('head')
<head>
    @if (config('themes.fonts'))<link href="https://fonts.googleapis.com/css?family={{ config('themes.fonts') }}" rel="stylesheet"/>@endif
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content="@yield('meta_description')"/>
    <meta name="keywords" content="@yield('meta_keywords')"/>
    <title>@yield('meta_title')</title>
    @section('css')
    <link rel="stylesheet" href="{{ Theme::style('style.css') }}" />
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css"/>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-theme/0.1.0-beta.10/select2-bootstrap.min.css" />
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
@stop
    @yield('css')
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
@show
<body class="env-front-{{ config('app.env') }}">
<div class="page">
    @include('partials._components.header')
    @section('content_alert')
    @include('partials._components.alert')
    @show
    @yield('content_header')
    @yield('content')
    @yield('content_footer')
    <div class="push"></div>
</div>
@include('partials._components.footer')
@section('js')
    <script src="{{ Theme::script('script.js') }}"></script>
    <script src="{{ asset('/vendor/ignite/js/vendor/moment/moment.min.js') }}"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <script src="{{ asset('/vendor/ignite/js/ignite.js') }}"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
    <script src="//cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script>
        jQuery(function($) {
            $('select').addClass('input-lg').select2({
                theme: "bootstrap"
            }).on('select2:select', function() {
                $(this).focus();
            });
        });
    </script>
@show
</body>
</html>
