@extends('layouts.app-template')

@section('content')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<!-- DataTables CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap4.min.css">

<!-- jQuery MUST come first -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- DataTables JS -->
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap4.min.js"></script>

<!-- SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<div class="content-wrapper">

    <!-- Content Header -->
    <section class="content-header">
        <h1>User Management</h1>
        <ol class="breadcrumb">
            <li class="active">User Management</li>
        </ol>
    </section>

    @yield('action-content')

</div>

@endsection

{{-- THIS MUST BE AFTER @endsection SO IT LOADS AT PAGE BOTTOM --}}
@section('scripts')
    @yield('page-scripts')