@extends('layouts.master')

@section('custom_stylesheet')
    <link href="https://cdn.datatables.net/2.3.5/css/dataTables.tailwindcss.css" rel="stylesheet" />
    @yield('extra_styles')
@endsection

@section('content')
    <!-- Loading Overlay -->
    <div id="apps-loader" style="display: none;">
        <span class="loader"></span>
    </div>

    <main class="grow pt-5" id="content" role="content">
        <!-- Container -->
        <div class="kt-container-fluid">
            @yield('content_body')
        </div>
        <!-- End of Container -->
    </main>
@endsection

@section('custom_scripts')
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.datatables.net/2.3.5/js/dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/2.3.5/js/dataTables.tailwindcss.js"></script>

    @yield('config')
    @yield('extra_scripts')
@endsection