@extends('admin/institute-management/institute-profile/index')

@section('main-content-tab')
<table class="table table-bordered table-row-dashed data-table department_table">
    @php
        if($institute->instituteBasic->institute_type == 2){
            echo '<h1 class="fw-bolder text-dark" style="float:left;">Courses List</h1>';
        } else {

            echo '<h1 class="fw-bolder text-dark" style="float:left;">Department List</h1>';
        }
    @endphp
    <a href="{{route('institute.profile.department.create', $slug)}}" class="btn btn-primary" style="float:right;margin-bottom:5px;">
        <i class="fa fa-plus"></i>
        @php
            if($institute->instituteBasic->institute_type == 2){
                echo 'Add Course';
            } else {

                echo 'Add Department';
            }
        @endphp

    </a>
    <div style="clear:both;"></div>
    <thead>
        <tr>
            <th class="text-center">SL.</th>
            <th class="text-center">Title</th>
            <th class="text-center">Courses</th>
            <th class="text-center">Status</th>
            <th class="text-center">Actions</th>
        </tr>
    </thead>
    <tbody class="text-gray-600 fw-bold">

    </tbody>
</table>
@endsection

@section('extra-extra-css')
    <link href="{{ asset('css/buttons.dataTables.min.css') }}" rel='stylesheet' type='text/css'>
    <style>
        a.badge.text-capitalize:hover{
            color: #fff;
        }
    </style>
@endsection

@section('extra-extra-script')
    <script src="{{asset('js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('js/dataTables.bootstrap4.min.js')}}"></script>
    <script src="{{asset('js/dataTables.buttons.min.js')}}"></script>
    <script src="{{asset('js/jszip.min.js')}}"></script>
    <script src="{{asset('js/pdfmake.min.js')}}"></script>
    <script src="{{asset('js/vfs_fonts.js')}}"></script>
    <script src="{{asset('js/buttons.html5.min.js')}}"></script>
    <script type="text/javascript">
    $(function () {
        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            aaSorting:[],
            lengthMenu: [ [ 10, 25, 50, 100], [ 10, 25, 50, 100] ],
            ajax: "{{ route('institute.profile.department', $slug) }}",
            dom: 'Blfrtip',
            buttons: [
                {
                    extend: 'pdf',
                    exportOptions: {
                        columns: [0,1,2,3] // Column index which needs to export
                    }
                },
                {
                    extend: 'csv',
                    exportOptions: {
                        columns: [0,1,2,3] // Column index which needs to export
                    }
                },
                {
                    extend: 'excel',
                    exportOptions: {
                        columns: [0,1,2,3] // Column index which needs to export
                    }
                }
            ],
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'title', name: 'title'},
                { data: 'course', name: 'course'},
                { data: 'status', name: 'status'},
                { data: 'action', name: 'action', orderable: false, searchable: false },
            ],
        });

    });
    </script>
    <script>
        $(document).ready(function(){
            $('.institute-profile-tab-department').addClass('active');
        });
    </script>
@endsection