@extends('admin/institute-management/institute-profile/index',['withoutCard' => true])

@section('main-content-tab')
    <div class="card mb-6">
        <div class="card-body">
            <div>
                <h1 class="fs-18px fw-500 mb-0">Admission Timeline</h1>
                <p class="fs-14 text-cs-gray mb-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur delectus fugit necessitatibus numquam quod voluptates.</p>
                {{--                <a href="#" class="btn btn--primary rounded-btn me-2 text-cs-gray" style="background: rgba(117,117,117,0.1);">--}}
                {{--                    <i class="fa fa-pen"></i> Add Session--}}
                {{--                </a>--}}
                <button onclick="setDataSession({{json_encode($admission_timeline)}});" data-bs-toggle="modal" data-bs-target="#sessionModal" style="background: rgba(117,117,117,0.1);" class="btn btn--primary rounded-btn"><i class="fa fa-pen"></i> Add Session</button>

                {{--                <a href="#" class="btn btn--primary rounded-btn text-cs-gray" style="background: rgba(117,117,117,0.1);">--}}
                {{--                    <i class="fa fa-pen"></i> Add Admission Timeline--}}
                {{--                </a>--}}
                <button type="button" class="btn btn--primary rounded-btn" style="background: rgba(117,117,117,0.1);" data-bs-toggle="modal" data-bs-target="#addModal" id="faculty-modal"><i class="fa fa-pen"></i> Add Admission Timeline</button>

            </div>
        </div>
    </div>
    <div class="card mb-6">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h1 class="fs-18px fw-500 mb-0">Admission Timeline Session</h1>
            {{--            <a class="btn btn--primary rounded-btn" data-bs-toggle="modal" data-bs-target="#sessionModal" style="background: rgba(117,117,117,0.1);">--}}
            {{--                <i class="fa fa-pen"></i> Edit--}}
            {{--            </a>--}}
            <button onclick="setDataSession({{json_encode($admission_timeline)}});" data-bs-toggle="modal" data-bs-target="#sessionModal" style="background: rgba(117,117,117,0.1);" class="btn btn--primary rounded-btn"><i class="fa fa-pen"></i> Edit</button>
        </div>
        <div class="card-body">
            <h1 class="text--primary fs-24px fw-500 mb-0">{{$admission_timeline ? strlen($admission_timeline->session_title) > 0 ? $admission_timeline->session_title : 'N/A' : 'N/A'}}</h1>
        </div>
    </div>
    <div class="card mb-6">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h1 class="fs-18px fw-500 mb-0">Admission Timeline Section</h1>
            {{--            <a data-bs-toggle="modal" data-bs-target="#sectionModal"  class="btn btn--primary rounded-btn" style="background: rgba(117,117,117,0.1);">--}}
            {{--                <i class="fa fa-pen"></i> Edit--}}
            {{--            </a>--}}

            <button onclick="setDataSection({{json_encode($admission_timeline)}});" data-bs-toggle="modal" data-bs-target="#sectionModal" style="background: rgba(117,117,117,0.1);" class="btn btn--primary rounded-btn"><i class="fa fa-pen"></i> Edit</button>

        </div>
        <div class="card-body">
            <h1 class="text--primary fs-24px fw-500 mb-0">{{$admission_timeline ? strlen($admission_timeline->section_title) > 0 ? $admission_timeline->section_title : 'N/A' : 'N/A'}}</h1>
        </div>
    </div>
    <div class="card mb-6">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h1 class="fs-18px fw-500 mb-0">Admission Timeline</h1>
            {{--            <a href="{{route('institute.profile.admission-timeline.create', $slug)}}" class="btn btn--primary rounded-btn" style="background: rgba(117,117,117,0.1);">--}}
            {{--                <i class="fa fa-pen"></i> Add Admission Timeline--}}
            {{--            </a>--}}
            <button type="button" class="btn btn--primary rounded-btn" style="background: rgba(117,117,117,0.1);" data-bs-toggle="modal" data-bs-target="#addModal" id="faculty-modal"><i class="las la-pen"></i> Add Admission Timeline</button>

        </div>
        <div class="card-body faculty-table-card">
            <div class="table-responsive">
                <table class="table table-row-bordered data-table">
                    @include('admin.institute-management.institute-profile.admission-timeline.sectionSessionTitle')
                    <div style="clear:both;"></div>
                    <thead>
                    <tr>
                        <th class="text-center">SL.</th>
                        <th class="text-center">Title</th>
                        <th class="text-center">Date</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Actions</th>
                    </tr>
                    </thead>
                    <tbody class="text-gray-600 fw-bold">

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{--    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target=".modal" id="faculty-modal">Open Modal</button>--}}
    <div class="modal fade custom-modal" id="addModal">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header bg--primary text-white">
                    <h5 class="modal-title">Add Admission Timeline</h5>
                    <button type="button" class="btn btn-icon btn-sm btn-secondary modal-close-btn" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{route('institute.profile.admission-timeline.store', $slug)}}" class="form mb-15" name="institute" method="POST" id="kt_contact_form" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="avatar_data" value="">
                        <input type="hidden" value="{{$slug}}" name="slug_info"/>
                        <input type="hidden" name="id"/>
                        <div class="px-lg-16 px-0">
                            <div class="row g-10">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="title">Title (EN)</label>
                                        <input type="text" class="form-control form-control-solid" id="title" name="title" placeholder="Enter Title">
                                    </div>
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class="fs-5 fw-bold mb-2">Title (BN)</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" placeholder="Enter Title (BN)" value="{{old('title_bn')}}" name="title_bn" autocomplete="off"/>

                                    <!--end::Input-->
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="date" class="required">Date</label>
                                        <input type="date" class="form-control form-control-solid" id="date" name="date" placeholder="Enter Date" required>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="form-check-label mb-1" for="flexSwitchDefault">
                                        Status
                                    </label>
                                    <div class="form-check form-switch form-check-custom form-check-primary form-check-solid">
                                        <input class="form-check-input radio-btn" name="status" type="checkbox" value="1" checked="checked"/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex justify-content-center mt-10">
                                <button type="submit" class="btn btn-primary btn--primary rounded-btn">Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade custom-modal" id="editModal">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header bg--primary text-white">
                    <h5 class="modal-title">Edit Admission Timeline</h5>
                    <button type="button" class="btn btn-icon btn-sm btn-secondary modal-close-btn" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="#" class="form mb-15" name="institute" method="POST" id="edit-form" enctype="multipart/form-data">
                        @csrf
                        @method("PUT")
                        <input type="hidden" value="{{$slug}}" name="slug_info"/>
                        <input type="hidden" name="id"/>
                        <div class="px-lg-16 px-0">
                            <div class="row g-10">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="title">Title (EN)</label>
                                        <input type="text" class="form-control form-control-solid" id="edittitle" name="title" placeholder="Enter Title">
                                    </div>
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class="fs-5 fw-bold mb-2">Title (BN)</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" id="edittitle_bn" placeholder="Enter Title (BN)" value="{{old('title_bn')}}" name="title_bn" autocomplete="off"/>

                                    <!--end::Input-->
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="date">Date</label>
                                        <input type="date" class="form-control form-control-solid" id="editdate" name="date" placeholder="Enter Date">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="form-check-label mb-1" for="flexSwitchDefault">
                                        Status
                                    </label>
                                    <div class="form-check form-switch form-check-custom form-check-primary form-check-solid">
                                        <input class="form-check-input radio-btn" name="status" id="statusedit" type="checkbox" value="1" checked="checked"/>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex justify-content-center mt-10">
                                <button type="submit" class="btn btn-primary btn--primary rounded-btn">Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal custom-modal fade" id="sectionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg--primary text-white">
                    <h5 class="modal-title" id="exampleModalLabel">Edit Section Title</h5>
                    <button type="button" onclick="return editSectionFunction();" class="btn btn-icon btn-sm btn-secondary modal-close-btn" data-bs-dismiss="modal" aria-label="Close"><i class="las la-times"></i></button>
                </div>
                <div class="modal-body">
                    <form id="sectionForm" method="POST" action="javascript:void(0)">
                        @csrf
                        <div class="alert alert-danger print-error-msg" style="display:none">
                            <ul></ul>
                        </div>
                        <input type="hidden" name="slug" value="{{$slug}}">
                        <div class="form-group row mb-4" style="text-align:right;">
                            <label for="inputEmail3" class="col-sm-3 col-form-label required">Section Title (EN)</label>
                            <div class="col-sm-9">
                                <input type="text" id="editSectionTitle" name="section_title" class="form-control" placeholder="Enter Section Title (EN)">
                            </div>
                        </div>
                        <div class="form-group row mb-4" style="text-align:right;">
                            <label for="inputEmail3" class="col-sm-3 col-form-label">Section Title (BN)</label>
                            <div class="col-sm-9">
                                <input type="text" id="editSectionTitleBn" name="section_title_bn" class="form-control" placeholder="Enter Section Title (BN)">
                            </div>
                        </div>
                        <div class="mb-3" style="text-align:right;">
                            <button onclick="return editSectionFunction();" data-bs-dismiss="modal" aria-label="Close" style="margin-right:5px;" class="btn btn-secondary" type="button" class="btn-close">Close</button>
                            <button class="btn btn-primary btn-submit-edit">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{{--    <div class="modal custom-modal fade" id="sessionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">--}}
{{--        <div class="modal-dialog">--}}
{{--            <div class="modal-content">--}}
{{--                <div class="modal-header bg--primary text-white">--}}
{{--                    <h5 class="modal-title" id="exampleModalLabel">Add Session</h5>--}}
{{--                    <button type="button" onclick="return editSectionFunction();" class="btn btn-icon btn-sm btn-secondary modal-close-btn" data-bs-dismiss="modal" aria-label="Close"><i class="las la-times"></i></button>--}}
{{--                </div>--}}
{{--                <div class="modal-body">--}}
{{--                    <form id="sessionForm" method="POST" action="#">--}}
{{--                        @csrf--}}
{{--                        <div class="alert alert-danger print-error-msg" style="display:none">--}}
{{--                            <ul></ul>--}}
{{--                        </div>--}}
{{--                        <input type="hidden" name="slug" value="{{$slug}}">--}}
{{--                        <div class="form-group row mb-4" style="text-align:right;">--}}
{{--                            <label for="inputEmail3" class="col-sm-3 col-form-label required">Section Title (EN)</label>--}}
{{--                            <div class="col-sm-9">--}}
{{--                                <input type="text" id="editSectionTitle" name="section_title" class="form-control" placeholder="Enter Section Title (EN)">--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="form-group row mb-4" style="text-align:right;">--}}
{{--                            <label for="inputEmail3" class="col-sm-3 col-form-label">Section Title (BN)</label>--}}
{{--                            <div class="col-sm-9">--}}
{{--                                <input type="text" id="editSectionTitleBn" name="section_title_bn" class="form-control" placeholder="Enter Section Title (BN)">--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="mb-3" style="text-align:right;">--}}
{{--                            <button onclick="return editSectionFunction();" data-bs-dismiss="modal" aria-label="Close" style="margin-right:5px;" class="btn btn-secondary" type="button" class="btn-close">Close</button>--}}
{{--                            <button type="submit" class="btn btn-primary btn-submit-edit">Update</button>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

    <div class="modal fade custom-modal" id="sessionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg--primary text-white">
                    <h5 class="modal-title" id="exampleModalLabel">Edit Session Title</h5>
                    <button type="button" onclick="return editSessionFunction();" class="btn btn-icon btn-sm btn-secondary modal-close-btn" data-bs-dismiss="modal" aria-label="Close"><i class="las la-times"></i></button>
                </div>
                <div class="modal-body">
                    <form id="sessionForm" method="POST" action="javascript:void(0)">
                        @csrf
                        <div class="alert alert-danger print-error-msg" style="display:none">
                            <ul></ul>
                        </div>
                        <input type="hidden" name="slug" value="{{$slug}}">
                        <div class="form-group row mb-4" style="text-align:right;">
                            <label for="inputEmail3" class="col-sm-3 col-form-label required">Session Title (EN)</label>
                            <div class="col-sm-9">
                                <input type="text" id="editSessionTitle" name="session_title" class="form-control" placeholder="Enter Section Title (EN)">
                            </div>
                        </div>
                        <div class="form-group row mb-4" style="text-align:right;">
                            <label for="inputEmail3" class="col-sm-3 col-form-label">Session Title (BN)</label>
                            <div class="col-sm-9">
                                <input type="text" id="editSessionTitleBn" name="session_title_bn" class="form-control" placeholder="Enter Section Title (BN)">
                            </div>
                        </div>
                        <div class="mb-3" style="text-align:right;">
                            <button onclick="return editSessionFunction();" data-bs-dismiss="modal" aria-label="Close" style="margin-right:5px;" class="btn btn-secondary" type="button" class="btn-close">Close</button>
                            <button class="btn btn-success btn-submit-edit">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@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')
    @section('extra-sub-script')
    @show
    <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>
        $('#edit-form').submit(function (event) {
            event.preventDefault();
            var formData = new FormData(this);
            var slug = $('input[name="slug_info"]').val();
            var avatar_data = $('input[name="avatar_data"]').val();

            var id = $('input[name="id"]').val();
            var actionUrl = "{{ route('institute.profile.admission-timeline.update', ['slug' => ':slug', 'id' => ':id','avatar_data'=>':avatar_data']) }}";
            actionUrl = actionUrl.replace(':slug', slug).replace(':id', id);
            $.ajax({
                url: actionUrl,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (response) {
                    console.log(response);
                    location.reload();
                    $('#editModal').modal('hide');
                },
                error: function (xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
        });
    </script>
    <script>
        function loadEdit(id) {
            $("input[name='id']").val(id);
            $.ajax({
                url: '{{ url('get-admission-req') }}?id=' + id,
                method: 'GET',
                success: function (returnData) {
                    $("#edittitle").val(returnData.title);
                    $("#edittitle_bn").val(returnData.title_bn);
                    $("#editdate").val(returnData.date);
                    if (returnData.status == 1) {
                        $('#statusedit').prop('checked', true);
                    } else {
                        $('#statusedit').prop('checked', false);
                    }
                    $('#editModal').modal('show');
                },
                error: function (xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
        }
    </script>


    {{--    <script>--}}
    {{--        function setDataSection(admission_timeline) {--}}
    {{--            $(".print-error-msg").css('display', 'none');--}}
    {{--            document.getElementById("sectionForm").reset();--}}

    {{--            var item = admission_timeline;--}}
    {{--            $('#editSectionTitle').val(item ? (item.section_title ? item.section_title : '') : '');--}}
    {{--            $('#editSectionTitleBn').val(item ? (item.section_title_bn ? item.section_title_bn : '') : '');--}}
    {{--        }--}}

    {{--        function setDataSession(admission_timeline) {--}}
    {{--            $(".print-error-msg").css('display', 'none');--}}
    {{--            document.getElementById("sessionForm").reset();--}}

    {{--            var item = admission_timeline;--}}
    {{--            console.log('haha slug', slug);--}}
    {{--            $('#editSessionTitle').val(item ? (item.session_title ? item.session_title : '') : '');--}}
    {{--            $('#editSessionTitleBn').val(item ? (item.session_title_bn ? item.session_title_bn : '') : '');--}}
    {{--        }--}}

    {{--        function editHeaderFunction() {--}}
    {{--            $(".print-error-msg").css('display', 'none');--}}
    {{--            document.getElementById("sectionForm").reset();--}}
    {{--            return true;--}}
    {{--        }--}}

    {{--        $("#sectionForm").submit(function (e) {--}}
    {{--            e.preventDefault();--}}
    {{--            var formData = new FormData(this);--}}
    {{--            $.ajax({--}}
    {{--                type: 'POST',--}}
    {{--                url: "{{ route('institute.profile.admission-timeline.edit-section-title') }}",--}}
    {{--                data: formData,--}}
    {{--                cache: false,--}}
    {{--                contentType: false,--}}
    {{--                processData: false,--}}
    {{--                success: function (data) {--}}
    {{--                    if ($.isEmptyObject(data.error)) {--}}
    {{--                        $.ajax({  //create an ajax request to display.php--}}
    {{--                            type: "GET",--}}
    {{--                            url: "",--}}
    {{--                            data: {--}}
    {{--                                type: 'sectionSessionTitle'--}}
    {{--                            },--}}
    {{--                            success: function (data) {--}}
    {{--                                $("#sectionModal").modal('hide');--}}
    {{--                                document.getElementById("sectionForm").reset();--}}
    {{--                                toastr.success('Section Title Updated Successfully!');--}}
    {{--                                $('#tree').html(data.view);--}}
    {{--                            }--}}
    {{--                        });--}}
    {{--                    } else {--}}
    {{--                        printErrorMsg(data.error);--}}
    {{--                    }--}}
    {{--                }--}}
    {{--            });--}}

    {{--        });--}}

    {{--        $("#sessionForm").submit(function (e) {--}}
    {{--            e.preventDefault();--}}
    {{--            var formData = new FormData(this);--}}
    {{--            $.ajax({--}}
    {{--                type: 'POST',--}}
    {{--                url: "{{ route('institute.profile.admission-timeline.edit-session-title') }}",--}}
    {{--                data: formData,--}}
    {{--                cache: false,--}}
    {{--                contentType: false,--}}
    {{--                processData: false,--}}
    {{--                success: function (data) {--}}
    {{--                    if ($.isEmptyObject(data.error)) {--}}
    {{--                        $.ajax({  //create an ajax request to display.php--}}
    {{--                            type: "GET",--}}
    {{--                            url: "",--}}
    {{--                            data: {--}}
    {{--                                type: 'sectionSessionTitle'--}}
    {{--                            },--}}
    {{--                            success: function (data) {--}}
    {{--                                $("#sessionModal").modal('hide');--}}
    {{--                                document.getElementById("sessionForm").reset();--}}
    {{--                                toastr.success('Session Title Updated Successfully!');--}}
    {{--                                $('#tree').html(data.view);--}}
    {{--                            }--}}
    {{--                        });--}}
    {{--                    } else {--}}
    {{--                        printErrorMsg(data.error);--}}
    {{--                    }--}}
    {{--                }--}}
    {{--            });--}}

    {{--        });--}}

    {{--        function printErrorMsg(msg) {--}}
    {{--            $(".print-error-msg").find("ul").html('');--}}
    {{--            $(".print-error-msg").css('display', 'block');--}}
    {{--            $.each(msg, function (key, value) {--}}
    {{--                $(".print-error-msg").find("ul").append('<li>' + value + '</li>');--}}
    {{--            });--}}
    {{--        }--}}
    {{--    </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.admission-timeline', $slug) }}?type=table",
                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: 'date', name: 'date'},
                    {data: 'status', name: 'status'},
                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ],
            });

        });
    </script>
    <script>
        function editSectionFunction() {
            $(".print-error-msg").css('display', 'none');
            document.getElementById("sectionForm").reset();
            return true;
        }

        function editSessionFunction() {
            $(".print-error-msg").css('display', 'none');
            document.getElementById("sessionForm").reset();
            return true;
        }

        function setDataSection(admission_timeline) {
            $(".print-error-msg").css('display', 'none');
            document.getElementById("sectionForm").reset();

            var item = admission_timeline;
            $('#editSectionTitle').val(item ? (item.section_title ? item.section_title : '') : '');
            $('#editSectionTitleBn').val(item ? (item.section_title_bn ? item.section_title_bn : '') : '');
        }

        function setDataSession(admission_timeline) {
            $(".print-error-msg").css('display', 'none');
            document.getElementById("sessionForm").reset();

            var item = admission_timeline;
            $('#editSessionTitle').val(item ? (item.session_title ? item.session_title : '') : '');
            $('#editSessionTitleBn').val(item ? (item.session_title_bn ? item.session_title_bn : '') : '');
        }
    </script>
    <script>
        $(document).ready(function(){
            $('.institute-profile-tab-admission-timeline').addClass('active');
        });
    </script>
@endsection