@extends('layouts.master')

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

@section('content')

    <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>
    <script src="https://cdn.datatables.net/buttons/3.2.0/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/3.2.0/js/buttons.html5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>

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