<!DOCTYPE html>

<html lang="{{ app()->getLocale() }}" class="default-style">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">

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

    <!-- Main font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900" rel="stylesheet">

    <!-- Icons. Uncomment required icon fonts -->
    <link rel="stylesheet" href="{{ mix('/vendor/fonts/fontawesome.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/fonts/ionicons.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/fonts/linearicons.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/fonts/open-iconic.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/fonts/pe-icon-7-stroke.css') }}">

    <!-- Core stylesheets -->
    <link rel="stylesheet" href="{{ mix('/vendor/css/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/css/appwork.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/css/theme-corporate.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/css/colors.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/css/uikit.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/css/mycolors.css') }}">

    <link rel="stylesheet" href="{{ mix('/vendor/libs/growl/growl.css') }}">

    <link rel="stylesheet" href="{{ asset('/vendor/libs/dropzone/dropzone.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/libs/select2/select2.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/libs/datatables/datatables.css') }}">

    <link rel="stylesheet" href="{{ mix('/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/libs/dragula/dragula.css') }}">
    <link rel="stylesheet" href="{{ mix('/vendor/libs/minicolors/minicolors.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/summernote/dist/summernote-bs4.css') }}">
    <!-- Layout helpers -->
    <script src="{{ mix('/vendor/js/layout-helpers.js') }}"></script>

    <!-- Libs -->

    <!-- `perfect-scrollbar` library required by SideNav plugin -->
    <link rel="stylesheet" href="{{ mix('/vendor/libs/perfect-scrollbar/perfect-scrollbar.css') }}">

    <style>
        .btn.btn-light {
            font-size: 0.9em;
        }
        .table thead th {
            border-top: none;
        }
        .card-body {
          padding: 1rem 1.5rem;
        }
        textarea.autoExpand{
            box-sizing: border-box;
            resize: none;
            overflow: hidden;
        }
        .card {
            border: 1px solid rgba(24, 28, 33, 0.20);

        }

    </style>

@yield('styles')

<!-- Application stylesheets -->
    <link rel="stylesheet" href="{{ mix('/css/application.css') }}">
    <script src="{{ asset('/js/jquery.min.js') }}"></script>

    <link rel="stylesheet" type="text/css" href="{{ asset('/css/cookieconsent.min.css') }}" />
    <script src="{{ asset('/js/cookieconsent.min.js') }}"></script>
    <script>
        window.addEventListener("load", function(){
            window.cookieconsent.initialise({
                "palette": {
                    "popup": {
                        "background": "#5f8155",
                        "text": "#ffffff"
                    },
                    "button": {
                        "background": "#ffc926",
                        "text": "#ffffff"
                    }
                },
                "content": {
                    "message": "{{__('This website uses cookies in order to guarantee the best possible service. With your visit to this site you agree to our use of cookies.') }}",
                    "dismiss": "{{__('OK')}}",
                    "link": "{{__('data protection')}}",
                    "href": "{{ route('data_protected') }}",
                    "target": "_blank",
                }
            })});
    </script>


</head>
<body>

@yield('layout-content')

<!-- Core scripts -->
<script src="{{ mix('/vendor/libs/popper/popper.js') }}"></script>
<script src="{{ mix('/vendor/js/bootstrap.js') }}"></script>
<script src="{{ mix('/vendor/js/sidenav.js') }}"></script>
<script src="{{ mix('/vendor/libs/growl/growl.js') }}"></script>

<script src="{{asset('/vendor/libs/dropzone/dropzone.js')}}"></script>
<script src="{{ mix('/vendor/libs/validate/validate.js') }}"></script>

<script src="{{ mix('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
<script src="{{ mix('/vendor/libs/select2/select2.js') }}"></script>
<script src="{{ mix('/vendor/libs/datatables/datatables.js') }}"></script>

<script src="{{ mix('/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
<script src="{{asset('/js/bootstrap-datepicker.de.min.js')}}"></script>
<script src="{{ mix('/vendor/libs/dragula/dragula.js') }}"></script>
<script src="{{ mix('/vendor/libs/minicolors/minicolors.js') }}"></script>
<script src="{{ asset('/vendor/libs/summernote/dist/summernote-bs4.js') }}"></script>



<!-- Libs -->
<!-- `perfect-scrollbar` library required by SideNav plugin -->
<script src="{{ mix('/vendor/libs/perfect-scrollbar/perfect-scrollbar.js') }}"></script>

@yield('scripts')

<!-- Application javascripts -->
<script src="{{ mix('/js/application.js') }}"></script>
<script src="{{ asset('/js/custom.js') }}"></script>

<script>
    // Dragula
    $(function() {
        // Drag handle
        dragula([$('#dragula-drag-handles')[0]], {
            moves: function (el, container, handle) {
                return handle.classList.contains('handle');
            }
        });
    });

    $(document).ready(function() {
        $('.summernote').summernote({
            height: 300,
            tabsize: 2,
            followingToolbar: true,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['insert', ['link', 'picture', 'video', 'hr']],
                ['view', ['fullscreen', 'codeview']],
                ['help', ['help']]
            ],
           /*
           callbacks: {
                onPaste: function (e) {
                    var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                    e.preventDefault();
                    document.execCommand('insertText', false, bufferText);
                }
            }
            */
        });
    });


    $(document).ready(function() {
        $('.summernote-small').summernote({
            height: 150,
            tabsize: 2,
            followingToolbar: true,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['insert', ['link', 'picture', 'video', 'hr']],
                ['view', ['fullscreen', 'codeview']],
                ['help', ['help']]
            ],
        });
    });



    jQuery.each(jQuery('textarea.autoExpand'), function() {
        var offset = this.offsetHeight - this.clientHeight;
        var resizeTextarea = function(el) {
            jQuery(el).css('height', 'auto').css('height', el.scrollHeight + offset);
        };
        jQuery(this).on('keyup input', function() { resizeTextarea(this); }).removeClass('autoExpand');
        resizeTextarea(this);
    });
</script>


</body>
</html>