@extends('admin.layout')
@section('main')
    @include('css.OtherServices.otherServices-css')
    <div class="content-header row">
    </div>
    <div class="content-body">
        <section id="dashboard-ecommerce">
            <div class="row match-height justify-content-end g-2">
                <div class="col-lg-auto col-md-auto col-sm-auto col-auto mr-auto my-auto">
                    <h2 class="m-0">{{ $title }}
                    </h2>
                </div>

                @if ($module == 'closure-review' || $module == 'expense-review')
                    <div class="col-lg-2 col-md-3 my-1">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="amountFilter" name="amountFilter">
                                <option value=""> Select Amount</option>
                                <option value="10000">Upto Rs. 10000/-</option>
                                <option value="15000">Upto Rs. 15000/-</option>
                                <option value="20000">Upto Rs. 20000/-</option>
                                <option value="25000">Upto Rs. 25000/-</option>
                                <option value="30000">Upto Rs. 30000/-</option>
                                <option value="40000">Upto Rs. 40000/-</option>
                                <option value="50000">Upto Rs. 50000/-</option>
                                <option value="75000">Upto Rs. 75000/-</option>
                                <option value="Above75000">Above Rs. 75,000/-</option>
                            </select>
                        </div>
                    </div>
                @endif


                <div class="col-lg-2 col-md-6 my-1">
                    <div class="form-group">
                        <select class="select2 select-label form-control w-100" id="iActivityTypeIDFilter"
                            name="iActivityTypeIDFilter">
                            <option value="">Activity Type</option>
                            @foreach (otherServiceActivityType() as $key => $value)
                                <option value="{{ $value->iActivityTypeID }}"> {{ $value->vActivityType }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                @if ($module == 'service')
                    <div class="col-lg-2 col-md-6 my-1">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="eOtherActivityAssignStatusFilter"
                                name="eOtherActivityAssignStatusFilter">
                                <option value="">Activity Status</option>
                                @foreach (config('otherServicesCustom.field_status') as $key => $value)
                                    {{ $value }}
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endif
                <div class="col-lg-auto col-md-6 my-1">
                    <div class="form-group">
                        <div id="reportrange" class="daterange">
                            <i class="fa fa-calendar"></i>&nbsp;
                            <span></span> <i class="fa fa-caret-down"></i>
                            <input type="hidden" name="dtFrom" id="dtFrom">
                            <input type="hidden" name="dtTo" id="dtTo">
                        </div>
                    </div>
                </div>
                <div class="col-lg-auto col-md-6 my-1">
                    <div class="d-flex align-items-center">
                        <a href="#" class="btn btn-primary search_blue mr-1" onclick="setFilter()"><i
                                class="fa fa-search"></i></a>
                        <a href="#" class="btn btn-danger close_red mr-0" onclick="resetFilter()"><i
                                class="fa fa-times"></i></a>
                    </div>
                </div>


                @if (
                    $module == 'service' ||
                        ($module == 'ho-review-pending' && auth()->user()->can('ho_review_pending_approve_export')) ||
                        ($module == 'compliance-review' && auth()->user()->can('compliance_approval_pending_export')) ||
                        ($module == 'ho-final-approval' && auth()->user()->can('ho_final_approval_export')) ||
                        ($module == 'closure-pending' && auth()->user()->can('other_activities_closure_pending_export')) ||
                        ($module == 'closure-review' && auth()->user()->can('other_activities_closure_review_export')) ||
                        ($module == 'expense-review' && auth()->user()->can('other_activities_expense_pending_export')) ||
                        ($module == 'closure-approval' && auth()->user()->can('other_activities_closure_approval_export')) ||
                        $module == 'completed' ||
                        ($module == 'cancelled' && auth()->user()->can('other_activities_cancelled_export')))
                    <div class="col-lg-auto  col-md-6 my-1 text-right">
                        <div class="form-group">
                            <button class="btn btn-success btn-toggle-sidebar waves-effect waves-float waves-light"
                                onclick="exportData()">
                                <span class=""><i data-feather="download" class="ml-1"></i> Export</span>
                            </button>
                        </div>
                    </div>
                @endif

            </div>
        </section>
        <section id="column-search-datatable">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-datatable p-1">
                            <table class="dt-column-search table table-striped w-100 text-center display" id="dataTable">
                                <thead>
                                    <tr>
                                        {{-- @if (($module == 'ho-review-pending' && auth()->user()->can('ho_review_pending_approve_reject')) || ($module == 'compliance-review' && auth()->user()->can('compliance_approval_pending_activity_approve_reject')) || ($module == 'ho-final-approval' && auth()->user()->can('ho_final_approval_approve_reject')) || ($module == 'closure-review' && auth()->user()->can('other_activities_closure_review_approve_reject')) || ($module == 'expense-review' && auth()->user()->can('other_activities_expense_pending_approve_reject')) || ($module == 'closure-approval' && auth()->user()->can('other_activities_closure_approval_approve_reject')))
                                            <th><input type="checkbox" id="checkall"></th>
                                        @endif --}}
                                        <th>Sr. No.</th>
                                        @if ($module == 'service' || $module == 'completed')
                                            <th>Activity Summary</th>
                                        @endif
                                        <th>Action</th>
                                        <th>Closure Form</th>
                                        <th style="min-width:200px;">Activity Topic</th>
                                        <th>Activity Type</th>
                                        <th>Brand/Molecule Name </th>
                                        <th>Activity ID</td>
                                        <th>Activity Date</th>
                                        <th>Initiated By</th>
                                        <th>No Agreement Speakers</th>
                                        <th>No. of active contract</th>
                                        <th>Contract Amount</th>
                                        <th>Tentative Expense</th>
                                        @if (
                                            $module == 'closure-review' ||
                                                $module == 'expense-review' ||
                                                $module == 'closure-approval' ||
                                                $module == 'completed' ||
                                                $module == 'service')
                                            <th>Actual Expense</th>
                                        @endif
                                        @if ($module == 'completed' || $module == 'service')
                                            <th>Paid Amount</th>
                                        @endif
                                        <th>Total Expense </th>
                                        <th>Banquet </th>
                                        <th>Stay </th>
                                        {{-- <th>Transportation </th> --}}
                                        <th>Stage</th>
                                        <th>Status</th>
                                        <th>Date & Time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="modal fade" id="track_modal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title font-weight-bolder" id="">Activity Track</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <ul class="timeline ml-50" id="track_modal_body">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="noAgreement_modal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title font-weight-bolder" id="">No Agreement Speakers</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="table-responsive planning_details">
                            <table class="table mt-0">
                                <thead>
                                    <tr>
                                        <th>Person Name</th>
                                        <th>Sc Code</th>
                                        <th>Registration Number</th>
                                        <th>Speciality</th>
                                        <th>Date</th>
                                        <th>Hours</th>
                                        <th>Speaker Topic</th>
                                    </tr>
                                </thead>
                                <tbody id="noAgreement_modal_body">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- priview doc --}}
        <div class="modal fade" id="preview_doc" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title font-weight-bolder" id="">Document</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" id="preview_doc_id">
                    </div>

                </div>
            </div>
        </div>
        {{-- priview doc --}}

        {{-- comment --}}
        <div class="modal fade text-left " data-backdrop="static" data-keyboard="false" id="comment_modal"
            tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title font-weight-bolder" id="">Comment</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body p-2 ">
                        <p id="comment_body"></p>
                    </div>

                </div>
            </div>
        </div>
        {{-- comment --}}


        {{-- @include('division.otherServices.otheractivity_modals') --}}
    </div>
@endsection
@section('scripts')
    @include('scripts.otherServices.common-scripts')
    <script>
        $(function() {

            var start = moment().month(3).startOf('month');
            var end = moment().add(1, 'year').month(2).endOf('month');

            function cb(start, end) {
                $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                    'MMMM D, YYYY'));
                $("#dtFrom").val(start.format('YYYY-MM-DD'));
                $("#dtTo").val(end.format('YYYY-MM-DD'));
            }

            $('#reportrange').daterangepicker({
                startDate: start,
                endDate: end,
                ranges: {
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1,
                        'days')],
                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                    'This Month': [moment().startOf('month'), moment().endOf('month')],
                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment()
                        .subtract(1, 'month').endOf('month')
                    ],
                    'Last 3 Months': [moment().subtract(2, 'months').startOf('month'), moment()
                        .endOf('month')
                    ],
                    'Last FY': [moment().subtract(1, 'year').month(3).startOf('month'),
                        moment().month(2).endOf('month')
                    ],
                    'Current FY': [moment().month(3).startOf('month'),
                        moment().add(1, 'year').month(2).endOf('month')
                    ]


                }
            }, cb);

            cb(start, end);
        });

        function setFilter() {
            $('#dataTable').DataTable().ajax.reload();
        }

        function resetFilter() {
            $("#eOtherActivityAssignStatusFilter").val('').select2();
            $("#iActivityTypeIDFilter").val('').select2();
            $("#amountFilter").val('').select2();
            var start = moment().month(3).startOf('month');
            var end = moment().add(1, 'year').month(2).endOf('month');

            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                'MMMM D, YYYY'));
            $("#dtFrom").val(start.format('YYYY-MM-DD'));
            $("#dtTo").val(end.format('YYYY-MM-DD'));
            $('#dataTable').DataTable().ajax.reload();
        }
        $(function() {
            var start = moment().month(3).startOf('month');
            var end = moment().add(1, 'year').month(2).endOf('month');

            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                'MMMM D, YYYY'));
            $("#dtFrom").val(start.format('YYYY-MM-DD'));
            $("#dtTo").val(end.format('YYYY-MM-DD'));


            var columns = [

                {
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                @if ($module == 'service' || $module == 'completed')
                    {
                        data: 'activity_summary',
                        "orderable": false,
                        searchable: false
                    },
                @endif {
                    data: 'Action',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'closure_form',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vActivityTopic',
                    name: 'vActivityTopic',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vActivityType',
                    name: 'vActivityType',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vBrandName',
                    name: 'vBrandName',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vOtherActivityAssignID',
                    name: 'vOtherActivityAssignID',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'dtActivityDateStart',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'initiate_by',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'no_agreement_speaker_count',
                    searchable: false
                },
                {
                    data: 'contract_count',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'total_contract_amount',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'vTentativeExpense',
                    searchable: false,
                    "orderable": false
                },
                @if (
                    $module == 'closure-review' ||
                        $module == 'expense-review' ||
                        $module == 'closure-approval' ||
                        $module == 'completed' ||
                        $module == 'service')
                    {
                        data: 'activity_expense_count',
                        searchable: false,
                        "orderable": false
                    },
                @endif

                @if ($module == 'completed' || $module == 'service')
                    {
                        data: 'activity_payment_count',
                        searchable: false,
                        "orderable": false
                    },
                @endif {
                    data: 'total_expense',
                    searchable: false,
                    "orderable": false
                },


                {
                    data: 'isBanquetBooking',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'isStayAdded',
                    "orderable": false,
                    searchable: false
                },
                // {
                //     data: 'isTransportationAdded',
                //     searchable: false
                // },
                {
                    data: 'stage',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'eOtherActivityAssignStatus',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'created_at',
                    "orderable": false,
                    searchable: false
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('division.other.activity.assign.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                stateSave: true,
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}",
                            d.eOtherActivityAssignStatusFilter = $("#eOtherActivityAssignStatusFilter").val(),
                            d.iActivityTypeIDFilter = $("#iActivityTypeIDFilter").val(),
                            d.dtFrom = $("#dtFrom").val(),
                            d.dtTo = $("#dtTo").val(),
                            @if ($module == 'closure-review' || $module == 'expense-review')
                                d.amountFilter = $("#amountFilter").val(),
                            @endif
                        d.module = '{{ $module }}'
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();
                }
            });
        }

        function approve(id = '', iCurrentStepID = '', eOtherActivityAssignStatus = '') {
            if (id == '') {
                id = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();

                if (id.length == 0) {
                    $.notify('Please select more than one from the list ', "error");
                    return false;
                }
            }
            Swal.fire({
                title: 'Are you sure?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, approve it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'eOtherActivityAssignStatus': eOtherActivityAssignStatus,
                        'iOtherActivityAssignID': id,
                        'iCurrentStepID': iCurrentStepID,
                        'module': '{{ $module }}',
                        '_token': "{{ csrf_token() }}"
                    }
                    ajax_call("{{ route('division.other.activity.assign.status') }}", 'POST', data, 1, 'dataTable',
                        1, 0,
                        'approve_responce');
                }
            })
        }

        function reject(id = '', iCurrentStepID = '', eOtherActivityAssignStatus = '') {
            if (id == '') {
                id = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();
                if (id.length == 0) {
                    $.notify('Please select more than one from the list ', "error");
                    return false;
                }
            }
            Swal.fire({
                title: 'Are you sure?',
                text: "You want to Reject?",
                icon: 'warning',
                input: 'textarea',
                inputAttributes: {
                    required: 0
                },
                validationMessage: "This field is required",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, Reject it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'eOtherActivityAssignStatus': eOtherActivityAssignStatus,
                        'iOtherActivityAssignID': id,
                        'vReason': result.value,
                        'module': '{{ $module }}',
                        '_token': "{{ csrf_token() }}"
                    }
                    ajax_call("{{ route('division.other.activity.assign.status') }}", 'POST', data, 1, 'dataTable',
                        1, 0,
                        'approve_responce');
                }
            })
        }


        function closureReject(id = '') {
            if (id == '') {
                id = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();
                if (id.length == 0) {
                    $.notify('Please select more than one from the list ', "error");
                    return false;
                }
            }
            Swal.fire({
                title: 'Are you sure?',
                text: "You want to Reject?",
                icon: 'warning',
                input: 'textarea',
                inputAttributes: {
                    required: 0
                },
                validationMessage: "This field is required",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, Reject it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'eOtherActivityAssignStatus': 'closureReviewRejected',
                        'iOtherActivityAssignID': id,
                        'vReason': result.value,
                        'module': '{{ $module }}',
                        '_token': "{{ csrf_token() }}"
                    }
                    ajax_call("{{ route('division.other.activity.assign.status') }}", 'POST', data, 1, 'dataTable',
                        1, 0,
                        'approve_responce');
                }
            })
        }



        function approve_responce(responce) {
            $('#checkall').prop('checked', false);
            $('.actionBtn').hide();
        }

        function activityTrack(id) {
            data = {
                'iOtherActivityAssignID': id,
                '_token': "{{ csrf_token() }}"
            }
            ajax_call("{{ route('fieldDivision.other.activity.assign.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'activityTrack_response');
        }

        function activityTrack_response(response) {
            var html = '';
            $(response).each(function(index, element) {
                $title = '';
                role = element.vuserRole;
                if (element.vRemarks != null) {
                    remarks = '<small style="color:red;position: relative;top: -17px;">(' + element.vRemarks +
                        ')</small>';

                } else {
                    remarks = '';
                }
                html += '<li class="timeline-item">' +
                    '<span class="timeline-point timeline-point-indicator"></span>' +
                    '<div class="timeline-event">' +
                    '<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-0">' +
                    '<h5 class="font-weight-bold mb-0">' + (($title == '') ? 'Activity ' + element.eType + ' By' :
                        $title) + '</h5>' +
                    '<span class="timeline-event-time mr-1 text-right"><i' +
                    'class="fa fa-calendar mr-1"></i> ' + element.created_date + '  <br /> <i' +
                    'class="fa fa-clock mr-1"></i>' + element.created_time + '</span>' +
                    '</div>' +
                    remarks +
                    '<h6>' + element.userName +
                    ' <label class="badge badge-light-primary"> ' + (role) + '</label></h6>' +
                    '</div>' +
                    '<hr class="mb-0">' +
                    '</li>';
            });
            $("#track_modal_body").html(html);
            $("#track_modal").modal('show');
        }

        function archive(id = '') {
            if (id == '') {
                id = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();
                if (id.length == 0) {
                    $.notify('Please select more than one from the list ', "error");
                    return false;
                }
            }
            Swal.fire({
                title: 'Are you sure?',
                text: "You want to Archive?",
                input: 'textarea',
                inputAttributes: {
                    required: 0
                },
                validationMessage: "This field is required",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes',
                preConfirm: (inputValue) => {
                    const trimmedValue = inputValue.trim();
                    const forbiddenCharacters = /['"]/;

                    if (!trimmedValue || /^[\n\s]*$/.test(trimmedValue)) {
                        Swal.showValidationMessage(
                            'This field is required and cannot contain only spaces or newlines');
                        return false;
                    } else if (forbiddenCharacters.test(trimmedValue)) {
                        Swal.showValidationMessage(
                            'The input cannot contain single (\'\) or double (\"\) quotes');
                        return false;
                    }
                    return trimmedValue;
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'isArchive': '1',
                        'iOtherActivityAssignID': id,
                        'vArchiveRemarks': result.value,
                        '_token': "{{ csrf_token() }}"
                    }
                    ajax_call("{{ route('division.other.activity.assign.archive') }}", 'POST', data, 1,
                        'dataTable');
                }
            })
        }

        function unarchive(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You want to Unarchive?",
                icon: 'warning',
                input: 'textarea',
                inputAttributes: {
                    required: 0
                },
                validationMessage: "This field is required",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes',
                preConfirm: (inputValue) => {
                    const trimmedValue = inputValue.trim();
                    const forbiddenCharacters = /['"]/;

                    if (!trimmedValue || /^[\n\s]*$/.test(trimmedValue)) {
                        Swal.showValidationMessage(
                            'This field is required and cannot contain only spaces or newlines');
                        return false;
                    } else if (forbiddenCharacters.test(trimmedValue)) {
                        Swal.showValidationMessage(
                            'The input cannot contain single (\'\) or double (\"\) quotes');
                        return false;
                    }
                    return trimmedValue;
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'isArchive': 'No',
                        'iOtherActivityAssignID': id,
                        'vArchiveRemarks': result.value,
                        '_token': "{{ csrf_token() }}"
                    }
                    ajax_call("{{ route('division.other.activity.assign.archive') }}", 'POST', data, 1,
                        'dataTable');
                }
            })
        }


        function comment(comment) {
            $("#comment_body").html(comment);
            $("#comment_modal").modal('show');
        }


        function noAgreementSpeakerData(id) {
            data = {
                'iOtherActivityAssignID': id,
                '_token': "{{ csrf_token() }}"
            }
            ajax_call("{{ route('fieldDivision.other.activity.assign.noAgreementData') }}", 'POST', data, 0, 'dataTable',
                1, 0,
                'noAgreementSpeakerData_response');
        }

        function noAgreementSpeakerData_response(response) {
            var html = '';
            $(response).each(function(index, element) {
                var doctorName = ((element.vFname !== null ? element.vFname : '') + ' ' + (element
                    .vMname !==
                    null ? element.vMname : '') + (element.vLname !== null ? element
                    .vLname :
                    ''));

                html += '<tr>' +
                    '<td>' + doctorName + '</td>' +
                    '<td>' + element.vSCCode + '</td>' +
                    '<td>' + (element.vRegistrationNumber != '' ? element.vRegistrationNumber : '-') + '</td>' +
                    '    <td>' + element.vSpeciality + '</td>' +
                    '    <td>' +
                    convertToDMY(element.dtContractDate) + '</td>' +
                    '    <td>' +
                    element.dHours +
                    '    </td>' +
                    '    <td>' +
                    element.vSpeakerTopic + '</td>' +
                    '    </td>' +
                    '</tr>';
            });
            $("#noAgreement_modal_body").html(html);
            $("#noAgreement_modal").modal('show');
        }


        function exportData() {
            data = {
                'module': btoa('{{ $module }}'),
                'iActivityTypeID': btoa($("#iActivityTypeIDFilter").val()),
                'dtFrom': btoa($("#dtFrom").val()),
                'dtTo': btoa($("#dtTo").val()),
                'custome_status': $("#eOtherActivityAssignStatusFilter").val(),
                '_token': "{{ csrf_token() }}"
            }
            ajax_call("{{ route('division.other.activity.assign.export') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'export_response');
        }
        function export_response(response) {
            if (response == 1) {
                $.notify("You will get generated report within 10 minutes in download report section.", "info");
            } else {
                $.notify('Something went wrong !', "error");
            }
        }
    </script>
@endsection