@extends('admin.frest_admin.page_layout')

@section('title')
    {{ $page_name }} - @parent
@endsection

@push('style')
    {{-- vendor css --}}
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/vendors/css/vendors.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/vendors/css/extensions/toastr.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/vendors/css/forms/select/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/vendors/css/pickers/pickadate/pickadate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/vendors/css/pickers/daterange/daterangepicker.css') }}">

    {{-- theme css --}}
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/bootstrap.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/bootstrap-extended.css') }}" />

    {{-- after bootstrap --}}
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/datatables/datatables.min.css') }}" />
    {{-- <link rel="stylesheet" type="text/css" href="{{ url('libraries/datatables/Buttons-1.6.1/css/buttons.dataTables.min.css') }}" /> --}}
    {{-- <link rel="stylesheet" type="text/css" href="{{ url('libraries/datatables/Responsive-2.2.3/css/responsive.dataTables.min.css') }}" /> --}}
    {{-- <link rel="stylesheet" type="text/css" href="{{ url('libraries/datatables/FixedColumns-3.3.0/css/fixedColumns.dataTables.min.css') }}" /> --}}
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/datatables/Buttons-1.6.1/css/buttons.bootstrap4.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/datatables/Responsive-2.2.3/css/responsive.bootstrap4.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/datatables/FixedColumns-3.3.0/css/fixedColumns.bootstrap4.min.css') }}" />

    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/colors.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/components.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/themes/dark-layout.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/themes/semi-dark-layout.css') }}" />

    {{-- page css --}}
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/core/menu/menu-types/horizontal-menu.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/app-assets/css/plugins/extensions/toastr.css') }}"> <!-- harus di page css atau setelah bootstrap -->

    {{-- custom css --}}
    <link rel="stylesheet" type="text/css" href="{{ url('libraries/frest-admin_admin/assets/css/style.css') }}" />
@endpush

@push('style-after-global')
    @include('admin.frest_admin.datatables.style')
@endpush

@section('body-attribute')
    class="horizontal-layout horizontal-menu navbar-sticky 2-columns footer-static"
    data-open="hover"
    data-menu="horizontal-menu"
    data-col="2-columns"
@endsection

@section('body')
    {{-- header --}}
    @component('admin.frest_admin.header_component', [
        'user_name' => $user_name,
        'user_photo_path' => '',
    ])
        {{-- slot --}}
    @endcomponent

    {{-- main menu --}}
    @component('admin.frest_admin.main_menu_component', [
        'page_name' => $page_name,
    ])
        {{-- slot --}}
    @endcomponent

    <div class="app-content content">
        <div class="content-overlay"></div>

        <div class="content-wrapper" style="margin: 0rem !important;">
            <div class="content-body">
                <div class="content-container">

                    {{-- table --}}
                    <div class="row">
                        <div class="col-12">
                            <div class="card" style="margin: 1rem 0rem 0rem 0rem;">
                                @component('admin.case_divorce_component.table_component', [
                                    // table config here
                                ])
                                    {{-- slot --}}
                                @endcomponent
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="sidenav-overlay"></div>
    <div class="drag-target"></div>

    {{-- update --}}
    @component('admin.case_divorce_component.update_modal_component', [
        // modal config here
        'case_divorce_component' => $case_divorce_component,
    ])
        {{-- slot --}}
    @endcomponent

@endsection

@push('script')
    <script src="{{ url('libraries/jquery/jquery.min.js') }}"></script>
    <script src="{{ url('libraries/bootstrap/js/popper.min.js') }}"></script>
    <script src="{{ url('libraries/bootstrap/js/bootstrap.min.js') }}"></script>

    {{-- Vendor JS --}}
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/vendors.min.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.tools.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.defaults.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.min.js') }}"></script>

    {{-- Page Vendor JS --}}
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/ui/jquery.sticky.js') }}"></script>

    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/datatables.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/dataTables.bootstrap4.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/dataTables.buttons.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/buttons.html5.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/buttons.print.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/buttons.bootstrap.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/pdfmake.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/tables/datatable/vfs_fonts.js') }}"></script> --}}

    <script src="{{ url('libraries/datatables/datatables.min.js') }}"></script>
    {{-- <script src="{{ url('libraries/datatables/Buttons-1.6.1/js/dataTables.buttons.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/datatables/Responsive-2.2.3/js/dataTables.responsive.min.js') }}"></script> --}}
    {{-- <script src="{{ url('libraries/datatables/FixedColumns-3.3.0/js/dataTables.fixedColumns.min.js') }}"></script> --}}
    <script src="{{ url('libraries/datatables/Buttons-1.6.1/js/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ url('libraries/datatables/Responsive-2.2.3/js/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ url('libraries/datatables/FixedColumns-3.3.0/js/fixedColumns.bootstrap4.min.js') }}"></script>

    <script src="{{ url('libraries/axios/axios.min.js') }}"></script>
    <script src="{{ url('libraries/bootbox/bootbox.min.js') }}"></script>
    <script src="{{ url('libraries/numeral/numeral.min.js') }}"></script>
    <script src="{{ url('libraries/resumable/resumable.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/extensions/toastr.min.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/pickers/pickadate/picker.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/pickers/pickadate/picker.date.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/pickers/pickadate/picker.time.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/pickers/pickadate/legacy.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/pickers/daterange/moment.min.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/pickers/daterange/daterangepicker.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/vendors/js/ui/blockUI.min.js') }}"></script>

    {{-- Theme JS --}}
    <script src="{{ url('libraries/frest-admin_admin/app-assets/js/scripts/configs/horizontal-menu.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/js/core/app-menu.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/js/core/app.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/js/scripts/components.js') }}"></script>
    <script src="{{ url('libraries/frest-admin_admin/app-assets/js/scripts/footer.js') }}"></script>

    {{-- Page JS --}}
@endpush

@prepend('script-after-global')
    @include('admin.local_storage.script')
    @include('admin.frest_admin.datatables.script')
@endprepend