@include('themes.backend.partials._head_common')

{{-- Optional conditional sections --}}
@if(View::hasSection('dataTables'))
<!--datatable css-->
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
<!--datatable responsive css-->
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" />

<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">
@endif

@if(View::hasSection('datetimeRangePicker'))
    <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
@endif

@if(View::hasSection('datetimePicker'))
    <link href="{{ asset('themes/assets/datetime-picker/jquery-ui.css') }}" rel="stylesheet">
    <link href="{{ asset('themes/assets/datetime-picker/jquery-ui-timepicker-addon.css') }}" rel="stylesheet">
@endif

@if(View::hasSection('autocomplete'))
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
@endif

@if(View::hasSection('select2'))
    {{-- Select2 CSS --}}    
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endif

@if (View::hasSection('sweetalerts'))
<!-- Sweet Alert css-->
<link rel="stylesheet" href="{{ asset('themes/backend/velzon/assets/libs/sweetalert2/sweetalert2.min.css') }}" type="text/css">
@endif

@if (View::hasSection('choice'))
<link rel="stylesheet" href="{{ asset('themes/backend/velzon/assets/libs/choices.js/public/assets/styles/choices.min.css') }}" type="text/css">
@endif

@if(View::hasSection('fancybox'))
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.css" />
@endif

@if(View::hasSection('editor'))
    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote.min.css" rel="stylesheet">
@endif

@if(View::hasSection('autocomplete'))
    {{-- Autocomplete CSS --}}
@endif

@if(View::hasSection('multiselectAvailableSelected'))
    <!-- multi.js css -->
    <link rel="stylesheet" href="{{ asset('themes/backend/velzon/assets/libs/multi.js/multi.min.css') }}" />
    <!-- autocomplete css -->
    <link rel="stylesheet" href="{{ asset('themes/backend/velzon/assets/libs/@tarekraafat/autocomplete.js/css/autoComplete.css') }}">
@endif


{{-- Page-Specific styles --}}
@stack('styles')