@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>
                <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>

                <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>
                <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 == 'other_services')
                    <div class="col-lg-auto  col-md-auto my-1 text-right">
                        <div class="form-group">
                            <a data-toggle="modal" data-target="#add_activity"
                                class="btn btn-primary btn-toggle-sidebar waves-effect waves-float waves-light">
                                <span class="">
                                    <i class="fa-solid fa-plus mr-1"></i>
                                    Initiate Activity
                                </span>
                            </a>
                        </div>
                    </div>
                @endif

                <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>
            </div>
        </section>
        <!-- Dashboard Ecommerce ends -->
        <section id="column-search-datatable">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-datatable p-1">
                            <div class="col-lg-6">
                                @if ($module == 'my_approval_pending')
                                    <button onclick="approve()" class="badge badge-success mr-1 my-1 actionBtn"
                                        style='display:none'>Approve <i data-feather="check-square"></i></button>
                                    <button onclick="reject()" class="badge badge-danger mr-1 my-1 actionBtn"
                                        style='display:none'>Reject <i data-feather="x-circle"></i></button>
                                @endif
                            </div>
                            <table class="dt-column-search table table-striped w-100 text-center display" id="dataTable">
                                <thead>
                                    <tr>
                                        @if ($module == 'my_approval_pending')
                                            <th><input type="checkbox" id="checkall"></th>
                                        @endif
                                        <th>Sr. No.</th>
                                        @if ($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>
                                        <th>Actual Expense</th>
                                        <th>Paid Amount</th>
                                        <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>
        <!-- Dashboard Ecommerce ends -->
    </div>


    <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>




    {{-- for Reschedule Activity --}}
    <div class="modal fade text-left " data-keyboard="false" id="activity_reschedule_modal" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Reschedule Activity</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'rescheduleValidateForm', 'id' => 'rescheduleValidateForm', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="iOtherActivityAssignIDReschedule" name="iOtherActivityAssignIDReschedule">
                    <div class="form-group mb-2">
                        <label for="">Activity Date</label>
                        <input type="date" class="form-control" id="dtRescheduleDate" name="dtRescheduleDate">
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for Reschedule Activity --}}



    @include('division.otherServices.otheractivity_modals')
    @include('field.otherservice.summaryModel')
@endsection
@section('scripts')
    @include('scripts.otherServices.common-scripts')
    <script>
        $('#checkall').click(function() {
            if ($(this).is(':checked')) {
                $('.dt-checkboxes').prop('checked', true);
                $('.actionBtn').show();
            } else {
                $('.dt-checkboxes').prop('checked', false);
                $('.actionBtn').hide();
            }
        });

        $(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();
            var start = moment().subtract(2, 'months').startOf('month');
            var end = moment().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 = [
                @if ($module == 'my_approval_pending')
                    {
                        data: 'checkbox',
                        orderable: false,
                        searchable: false
                    },
                @endif {
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                @if ($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',
                    searchable: false
                },
                {
                    data: 'vActivityType',
                    name: 'vActivityType',
                    searchable: false
                },
                {
                    data: 'vBrandName',
                    name: 'vBrandName',
                    searchable: false

                },
                {
                    data: 'vOtherActivityAssignID',
                    name: 'vOtherActivityAssignID',
                    searchable: false

                },
                {
                    data: 'dtActivityDateStart',
                    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
                },
                {
                    data: 'expense_amount',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'payment_amount',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'total_expense',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'isBanquetBooking',
                    searchable: false
                },
                {
                    data: 'isStayAdded',
                    searchable: false
                },
                // {
                //     data: 'isTransportationAdded',
                //     searchable: false
                // },
                {
                    data: 'stage',
                    searchable: false,
                    "orderable": false
                },
                {
                    data: 'eOtherActivityAssignStatus',
                    searchable: false
                },
                {
                    data: 'created_at',
                    searchable: false
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('field.other.services.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(),
                            d.module = '{{ $module }}'
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();

                    $('.dt-checkboxes').click(function() {
                        if ($('[name="checkbox[]"]:checked').length > 0) {
                            $('.actionBtn').show();
                        } else {
                            $('.actionBtn').hide();
                        }
                    });
                }
            });
        }



        function getMeetingtypeData() {
            otherActivityID = $("#otherActivity").val();
            data = {
                'otherActivityID': otherActivityID,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('field.get.otherActivity.meetingData') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'getMeetingtypeData_response');
        }

        function getMeetingtypeData_response(response) {
            if (response.length == 0) {
                $('#meetingID').hide();
            } else {
                $('#meetingID').show();
                html = '<option value=""> Select Meeting Type</option>';
                $(response).each(function(index, element) {
                    html += '<option value="' + element.id + '">' + element.vMeetingType + '</option>';
                });
                $("#otherMeeting").html(html).select2({
                    dropdownParent: $('#add_activity')
                });
            }
        }

        $(document).ready(function() {

            jQuery.validator.addMethod("validateEmail", function(value, element) {
                var regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                if (value != '') {
                    if (value.match(regex)) {
                        return true;
                    } else {
                        return false;
                    }
                } else {
                    return true;
                }

            }, "Please enter valid Email Address");

            $("#validateForm").validate({
                ignore: ".ignore",
                rules: {
                    otherActivity: {
                        required: true,
                    },
                    otherMeeting: {
                        required: false,
                    },
                    otherActivityMode: {
                        required: true,
                    },
                    iBrandID: {
                        required: true,
                        // maxlength: 50,
                    },
                    vCreditPoints: {
                        required: true,
                        // maxlength: 50,
                    },
                    vActivityTopic: {
                        required: true,
                        maxlength: 255,
                    },



                },
                submitHandler: function(form) {
                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);

                    var formData = new FormData($("#validateForm")[0]);
                    $.ajax({
                        url: "{{ route('field.otherActivity.initiate.add') }}",
                        type: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        dataType: "json",
                        success: function(response) {
                            if (response.status == 0) {
                                $("#submit").html('Submit');
                                $("#submit").attr('disabled', false);
                                $.notify(response.message, "error");
                            } else {
                                $.notify(response.message, "success");
                                setTimeout(function() {
                                    window.location =
                                        "{{ route('fieldDivision.initiate.activity.draft.update', ':id') }}"
                                        .replace(':id', response
                                            .iOtherActivityAssignDraftID);
                                }, 700);


                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            if (jqXHR.status == 419) {
                                $.notify("Please refresh the Page", "error");
                            } else if (jqXHR.status == 500) {
                                $.notify("Please try after a few minutes", "error");
                            } else {
                                $.notify(jqXHR.responseJSON.message, "error");
                            }
                            var flag = 0;
                            $("#submit").html('Submit');
                            $("#submit").attr('disabled', false);
                            $.each(jqXHR.responseJSON.errors, function(index, data) {
                                if (flag == 0) {
                                    $('input[name="' + index + '"]').focus();
                                    flag = 1;
                                }
                                if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type != 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "SELECT") {
                                    $('select[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "TEXTAREA") {
                                    $('textarea[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type == 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                }
                            });
                        }
                    });
                }
            });
        });



        function approve(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?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, approve it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'iOtherActivityAssignID': id,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('field.other.activity.assign.status') }}", 'POST', data, 1, 'dataTable', 1,
                        0,
                        'approve_responce');
                }
            })
        }

        function closureapprove(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?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, approve it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'iOtherActivityAssignID': id,
                        'eOtherActivityAssignStatus': 'closureReviewPending',
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('field.other.activity.assign.status') }}", 'POST', data, 1, 'dataTable', 1,
                        0,
                        'approve_responce');
                }
            })
        }



        function reject(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': 'FieldRejected',
                        'iOtherActivityAssignID': id,
                        'vReason': result.value,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('field.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,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('field.other.activity.assign.status') }}", 'POST', data, 1, 'dataTable', 1,
                        0,
                        'approve_responce');
                }
            })
        }

        function closureRejected(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': 'closureRejected',
                        'iOtherActivityAssignID': id,
                        'vReason': result.value,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('field.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 exportData() {
            window.open("{{ route('field.other.services.export') }}?module=" +
                btoa('{{ $module }}'), '_blank');
        }

        function comment(comment) {
            $("#comment_body").html(comment);
            $("#comment_modal").modal('show');
        }
        $('#add_activity').on('hidden.bs.modal', function() {
            // Reset text/number inputs
            $("#vActivityTopic").val('');

            // Reset Select2 dropdowns correctly
            $("#otherActivity").val(null).trigger('change');
            $("#otherMeeting").val(null).trigger('change');
            $("#vCreditPoints").val(null).trigger('change');
            $("#otherActivityMode").val(null).trigger('change');
            $("#iBrandID").val(null).trigger('change');
        });

        function summaryAdd(id) {
            $.ajax({
                url: "{{ route('field.other.activity.summary.get.details') }}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    id: id
                },
                success: function(response) {
                    $("#summary_html").html(response.html);
                    $("#validateSummaryForm").validate({
                        rules: {
                            iOtherActivityAssignID: {
                                required: true,
                            },
                            vActivityVanue: {
                                required: true,
                            },
                            vActivityPlace: {
                                required: true,
                            },
                            vAdvanceReceived: {
                                required: true,
                            }
                        },
                        submitHandler: function(form) {
                            $("#summaryDataAdd").html('<span> Processing...</span>');
                            $("#summaryDataAdd").attr('disabled', true);

                            var formData = new FormData($("#validateSummaryForm")[0]);


                            Swal.fire({
                                // text: 'Please note that once the Statement of Work is submitted, no further modifications will be permitted.',
                                title: "Do you wish to proceed with the final submission?",
                                icon: 'warning',
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: 'Yes'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    $.ajax({
                                        url: "{{ route('field.other.activity.summary.add') }}",
                                        type: 'POST',
                                        data: formData,
                                        processData: false,
                                        contentType: false,
                                        dataType: "json",
                                        success: function(response) {
                                            if (response.status == 0) {
                                                $("#summaryDataAdd").html(
                                                    'Save as draft');
                                                $("#summaryDataAdd").attr(
                                                    'disabled',
                                                    false);
                                                $.notify(response.message,
                                                    "error");
                                            } else {
                                                $.notify(response.message,
                                                    "success");
                                                setTimeout(function() {
                                                    location.reload();
                                                }, 2000);
                                            }
                                        },

                                    });
                                } else {
                                    $("#summaryDataAdd").html('Save as draft');
                                    $("#summaryDataAdd").attr('disabled',
                                        false);
                                }
                            })



                        }
                    });
                    $("#summary_add_modal").modal('show');
                }
            });

        }

        function cancelActivity(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 Cancel?",
                icon: 'warning',
                input: 'textarea',
                inputAttributes: {
                    required: 0
                },
                validationMessage: "This field is required",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, Cancel it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    data = {
                        'eOtherActivityAssignStatus': 'Cancelled',
                        'iOtherActivityAssignID': id,
                        'vReason': result.value,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('field.other.activity.assign.cancel') }}", 'POST', data, 1, 'dataTable', 1,
                        0,
                        'approve_responce');
                }
            })
        }


        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 rescheduleActivity(id = '', dtActivityDateStart) {
            $('input[name="iOtherActivityAssignIDReschedule"]').val(id);
            $('input[name="dtRescheduleDate"]').val(dtActivityDateStart);
            $("#activity_reschedule_modal").modal('show');
        }


        $(function() {
            $("#rescheduleValidateForm").validate({
                rules: {
                    iOtherActivityAssignIDReschedule: {
                        required: true,
                    },
                    dtRescheduleDate: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#rescheduleValidateForm")[0]);

                    ajax_submit("{{ route('field.activity.reschedule.save') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'reschedule_update_response');
                }
            });

        });


        function reschedule_update_response(response) {
            if (response.status == 1) {
                window.location.replace('{{ route('field.other.activity.reschedule', '') }}/' + response
                    .iOtherActivityAssignID);
                $("#activity_reschedule_modal").modal('hide');
            } else {

            }
        }
    </script>
@endsection