@props(['title' => 'Layout Page'])

@extends('dashboard.layouts.default')

@section('title', $title)

@push('styles')
    <link href="{{ asset('dashboard/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

    <!---Internal Fileupload css-->
    <link href="{{ asset('dashboard/plugins/fileuploads/css/fileupload.css') }}" rel="stylesheet" type="text/css" />

    <!---Internal Fancy uploader css-->
    <link href="{{ asset('dashboard/plugins/fancyuploder/fancy_fileupload.css') }}" rel="stylesheet" />


    <!--Internal Sumoselect css-->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/sumoselect/sumoselect.css') }}">

    <!--Internal  TelephoneInput css-->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/telephoneinput/telephoneinput.css') }}">

    <link rel="stylesheet" href="{{ asset('/dashboard/vendors/sweetalert/sweetalert.css') }}">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


    {{ $styles ?? '' }}
@endpush

@section('breadcrumb-right')
    <h4 class="content-title mb-0 my-auto">{{ $title }}</h4>

    {{ $rightBreadcrumb ?? '' }}
@endsection

@section('breadcrumb-left')
    {{ $leftBreadcrumb ?? '' }}
@endsection

@section('content')
    {{ $slot }}
@endsection

@push('scripts')
    <script src="{{ asset('dashboard/plugins/fileuploads/js/fileupload.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/fileuploads/js/file-upload.js') }}"></script>

    <!--Internal Fancy uploader js-->
    <script src="{{ asset('dashboard/plugins/fancyuploder/jquery.ui.widget.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/fancyuploder/jquery.fileupload.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/fancyuploder/jquery.iframe-transport.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/fancyuploder/jquery.fancy-fileupload.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/fancyuploder/fancy-uploader.js') }}"></script>
    <script src="{{ asset('/dashboard/vendors/sweetalert/sweetalert.min.js') }}"></script>

    <script src="{{ asset('dashboard/plugins/tinymce/tinymce.min.js') }}"></script>

    <!-- Laravel Javascript Validation -->
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    @isset($jsValidator)
        {!! JsValidator::formRequest($jsValidator)->ignore($jsValidatorIgnore ?? '') !!}
    @endisset
    <!-- Internal TelephoneInput js-->
    <script src="{{ asset('dashboard/plugins/telephoneinput/telephoneinput.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/telephoneinput/inttelephoneinput.js') }}"></script>

    <script src="{{ asset('dashboard/plugins/parsleyjs/parsley.min.js') }}"></script>



    <script src="{{ asset('dashboard/plugins/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('dashboard/helper.js') }}"></script>

    <script>
        $(document).ready(function() {
            $('.select2').select2()
            $('#crud-modal-form').parsley();
        });
    </script>
    {{ $scripts ?? '' }}
@endpush