@extends('admin.layout')
<style>
    .cls-1,
    .cls-2 {
        fill: #db644d;
    }

    .cls-2 {
        fill-rule: evenodd;
    }
</style>
@section('main')
    <div class="content-header row">
    </div>

        {{-- 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 --}}
    <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">Activity Contracts
                    </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="eContractStatusFilter"
                                name="eContractStatusFilter">
                                <option value="">Activity Status</option>
                                @foreach (config('otherServicesCustom.contract_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>

                <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 table-responsive ">
                            <div class="col-lg-12 text-right">
                                <span><img src="{{ asset('assets/app-assets/images/activity.svg') }}" width="17"
                                        height="17" alt="" class="mr-1" />Activity Track</span>
                                <span class="mr-1"><svg id="pj" data-name="pj" height="18px" width="18px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.58 27.57"><defs></defs><g id="Layer_1-2" data-name="Layer 1"><g><path class="cls-2" d="M21.43,6.05c.58.67.9,1.53.9,2.42v3.35c-.61-.13-1.24-.2-1.86-.2v-3.15s0-.07,0-.1h-2.79c-1.54,0-2.79-1.25-2.79-2.79V1.89c-.12-.02-.23-.03-.35-.03H3.72c-1.03,0-1.86.83-1.86,1.86v18.61c0,1.03.83,1.86,1.86,1.86h8.73c.31.67.7,1.29,1.17,1.86H3.72c-2.06,0-3.72-1.67-3.72-3.72V3.72C0,1.67,1.67,0,3.72,0h10.81c1.09,0,2.12.47,2.83,1.3l4.08,4.75ZM16.75,3.45l2.63,3.07h-1.7c-.51,0-.93-.42-.93-.93v-2.14Z"/><path class="cls-1" d="M20.5,13.4c-3.91,0-7.09,3.18-7.09,7.08s3.18,7.09,7.09,7.09,7.08-3.18,7.08-7.09-3.18-7.08-7.08-7.08ZM20.5,25.79c-2.93,0-5.31-2.38-5.31-5.31s2.38-5.31,5.31-5.31,5.31,2.38,5.31,5.31-2.38,5.31-5.31,5.31Z"/><path class="cls-1" d="M22.94,22.11l-1.63-1.63,1.63-1.63c.22-.22.22-.59,0-.81-.23-.23-.59-.23-.81,0l-1.63,1.63-1.63-1.63c-.23-.22-.59-.23-.81,0-.22.23-.22.59,0,.81l1.63,1.63-1.63,1.63c-.23.22-.23.59,0,.81.11.11.26.17.41.17s.29-.06.41-.17l1.63-1.63,1.63,1.63c.11.11.26.17.41.17.15,0,.3-.06.41-.17.22-.23.22-.59,0-.81h0Z"/></g></g></svg> Terminate Contract</span>

                                <span class="mr-1"><svg id="pj" data-name="pj" height="18px" width="18px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.91 27.91"><defs></defs><g id="Layer_1-2" data-name="Layer 1"><g><path class="cls-1" d="M21.43,6.05c.58.67.9,1.53.9,2.42v3.35c-.61-.13-1.24-.2-1.86-.2v-3.15s0-.07,0-.1h-2.79c-1.54,0-2.79-1.25-2.79-2.79V1.89c-.12-.02-.23-.03-.35-.03H3.72c-1.03,0-1.86.83-1.86,1.86v18.61c0,1.03.83,1.86,1.86,1.86h8.73c.31.67.7,1.29,1.17,1.86H3.72c-2.06,0-3.72-1.67-3.72-3.72V3.72C0,1.67,1.67,0,3.72,0h10.81c1.09,0,2.12.47,2.83,1.3l4.08,4.75ZM16.75,3.45l2.63,3.07h-1.7c-.51,0-.93-.42-.93-.93v-2.14Z"/><path class="cls-1" d="M20.47,13.03c4.11,0,7.44,3.33,7.44,7.44s-3.33,7.44-7.44,7.44-7.44-3.33-7.44-7.44,3.33-7.44,7.44-7.44ZM23.7,15.92c-.94-.67-2.08-1.03-3.23-1.03-3.08,0-5.58,2.5-5.58,5.58,0,1.21.38,2.32,1.03,3.23l7.78-7.79ZM25.02,17.23l-7.78,7.79c.94.67,2.08,1.03,3.23,1.03,3.08,0,5.58-2.5,5.58-5.58,0-1.21-.38-2.32-1.03-3.23h0Z"/></g></g></svg> Withdraw Contract</span>

                            </div>
                            <table class="dt-column-search table table-striped w-100 text-center display" id="dataTable">
                                <thead>
                                    <tr>
                                        <th>Sr. No.</th>
                                        <th>Action</th>
                                        <th>SOW</th>
                                        <th>Contract ID</th>
                                        {{-- <th>Central Code</th> --}}
                                        <th>Contract Category</th>
                                        <th>Contract Agreement Type</th>
                                        <th>SC Code</td>
                                        <th>Doctor Name</th>
                                        <th>Speaker Topic</th>
                                        <th>Speciality by Practice</th>
                                        <th>Specialty by Qualification</th>
                                        <th>Contract Date</th>
                                        <th>Initiator Name</th>
                                        <th>Activity ID</th>
                                        <th>Activity Type</th>
                                        <th>Hours</th>
                                        <th>Total Amount</th>

                                            @foreach (getOtherContractAllSteps() as $key => $value)
                                                <th>{{ $value['vStep'] }}</th>
                                            @endforeach

                                        <th>Compliance Approval Status</th>
                                        <th>Status</th>
                                        <th>Date & Time</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        {{-- for timeline dropdown --}}
        <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 Contract 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>


            {{-- for pow --}}
    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="other_modal"
    tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered sidebar-lg" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
            <div class="modal-header mb-1">
                <h5 class="modal-title font-weight-bolder" id=""><i class="fa fa-user-md mr-1"></i><span
                        class="doc_detail"></span> <label class="badge badge-light-primary dcsid"></label> </h5>
            </div>


            <div class="modal-body flex-grow-1 pb-sm-0 pb-3">

                <p><span class="comment_detail" style="color : red;"></span> </p>


                <h4 class="font-weight-bolder my-1 mb-2 text-center"> <i class="fa fa-other mr-1"></i>POW Details</h4>
                {{ Form::open(['url' => '#', 'name' => 'other_validateForm', 'id' => 'other_validateForm', 'enctype' => 'multipart/form-data']) }}
                <input type="hidden" name="iStepID" id="iStepID_other" />
                <input type="hidden" name="iOtherActivityAssignContractID" id="iOtherActivityAssignContractID_other" />
                <input type="hidden" name="vDCSID" id="dcsid_other" />
                <input type="hidden" name="eType" id="type_other" />
                <input type="hidden" name="iDoctorID" id="iDoctorID_other" />
                <input type="hidden" name="has_data_other" id="has_data_other" value="0" />
                <!-- <input type="hidden" name="isVerified" id="isVerified_other" value="0" /> -->
                <!-- <input type="hidden" name="state" id="state_other" /> -->
                <!-- <input type="hidden" name="reference_id" id="reference_id_other" /> -->



                <div class="row " id="other_change_txt">
                    <div class="col-lg-12 col-md-12 mb-2 ">
                        <p>Proof Of Work <span class="text-danger">(Max. size 10 MB per file)</span></p>
                        <div class="upload-main-wrapper ">

                            <div class="upload-wrapper" id="bPOWDocwrapper">
                                <input type="file" class="upload-file" name="User_Document" id="bPOWDoc"
                                    accept="application/pdf,image/*" onchange="validateSizePOWDocument(this)">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet"
                                    viewBox="224.3881704980842 176.8527621722847 221.13266283524905 178.8472378277154"
                                    width="221.13" height="178.85">
                                    <defs>
                                        <path
                                            d="M357.38 176.85C386.18 176.85 409.53 204.24 409.53 238.02C409.53 239.29 409.5 240.56 409.42 241.81C430.23 246.95 445.52 264.16 445.52 284.59C445.52 284.59 445.52 284.59 445.52 284.59C445.52 309.08 423.56 328.94 396.47 328.94C384.17 328.94 285.74 328.94 273.44 328.94C246.35 328.94 224.39 309.08 224.39 284.59C224.39 284.59 224.39 284.59 224.39 284.59C224.39 263.24 241.08 245.41 263.31 241.2C265.3 218.05 281.96 199.98 302.22 199.98C306.67 199.98 310.94 200.85 314.93 202.46C324.4 186.96 339.88 176.85 357.38 176.85Z"
                                            id="b1aO7LLtdW"></path>
                                        <path d="M306.46 297.6L339.79 297.6L373.13 297.6L339.79 255.94L306.46 297.6Z"
                                            id="c4SXvvMdYD"></path>
                                        <path d="M350.79 293.05L328.79 293.05L328.79 355.7L350.79 355.7L350.79 293.05Z"
                                            id="b11si2zUk"></path>
                                    </defs>
                                    <g>
                                        <g>
                                            <g>
                                                <use xlink:href="#b1aO7LLtdW" opacity="1" fill="#ffffff"
                                                    fill-opacity="1">
                                                </use>
                                            </g>
                                            <g>
                                                <g>
                                                    <use xlink:href="#c4SXvvMdYD" opacity="1" fill="#363535"
                                                        fill-opacity="1">
                                                    </use>
                                                </g>
                                                <g>
                                                    <use xlink:href="#b11si2zUk" opacity="1" fill="#363535"
                                                        fill-opacity="1">
                                                    </use>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                                <span class="file-upload-text">Upload File</span>
                                <div class="file-success-text">
                                    <svg version="1.1" id="check" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                        viewBox="0 0 100 100" xml:space="preserve">
                                        <circle
                                            style="fill:rgba(0,0,0,0);stroke:#ffffff;stroke-width:10;stroke-miterlimit:10;"
                                            cx="49.799" cy="49.746" r="44.757" />
                                        <polyline
                                            style="fill:rgba(0,0,0,0);stroke:#ffffff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
                                            points="
                                27.114,51 41.402,65.288 72.485,34.205 " />
                                    </svg> <span>Successfully</span>
                                </div>
                            </div>
                            <p class="bPOWDoc-file-upload-name mb-0 "></p>
                        </div>
                        <label id="bPOWDoc-error" class="error" for="bPOWDoc"></label>
                    </div>
                </div>

                <div class="form-group d-flex mt-3">

                    <button type="submit" class="btn btn-primary update-event-btn  mr-1">Submit</button>
                    <button class="btn btn-outline-danger btn-delete-event " data-dismiss="modal">Cancel</button>
                </div>
                {{ Form::close() }}

            </div>

        </div>
    </div>
</div>
{{-- for pow / --}}



        <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="doc_details"
            tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered sidebar-lg" role="document">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                    <div class="modal-header mb-1">
                        <h5 class="modal-title">Doctor Details</h5>
                    </div>


                    <div class="modal-body flex-grow-1 pb-sm-0 pb-3">
                        <table class="table table-striped w-100">
                            <tbody id="doctor_detail">

                            </tbody>
                        </table>

                    </div>

                </div>
            </div>
        </div>
        {{-- for document --}}
        <div class="modal fade" id="document" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content" id="document_area">
                </div>
            </div>
        </div>
        {{-- for document --}}



            {{-- for show payemtn details --}}
    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-backdrop="static" data-keyboard="false"
    id="payment_details_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered " role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
            <div class="modal-header mb-1">
                <h5 class="modal-title">Contract Payment Data</h5>
            </div>

            <div class="modal-body p-2 flex-grow-1 pb-sm-0 pb-3">
                <table class="table table-striped w-100">
                    <tbody id="payment_details_modal_body">

                    </tbody>
                </table>

            </div>

        </div>
    </div>
</div>
{{-- for show payemtn details --}}

    </div>
    @include('division.otherServices.sowModel')
@endsection
@section('scripts')
    <script>

$('#bPOWDoc').change(function() {

var filename = $(this).val();
var name = filename.replace(/^.*[\\\/]/, '');
$('.bPOWDoc-file-upload-name').html(name);
if (filename != "") {
    setTimeout(function() {
        $('#bPOWDocwrapper').addClass("uploaded");
    }, 600);
    setTimeout(function() {
        $('#bPOWDocwrapper').removeClass("uploaded");
        $('#bPOWDocwrapper').addClass("success");
    }, 1600);
}
});
        $(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() {

            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
                },
                {
                    data: 'Action',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'sow',
                    "orderable": false,
                    searchable: false
                },

                {
                    data: 'vDCSID',
                },
                // {
                //     data: 'vCentralCode',
                // },
                {
                    data: 'vCategoryName',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vAgreementTypeName',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vSCCode',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'doctor_name',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vSpeakerTopic',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vSpecialityName',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vSpeciality',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'dtContractDate',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'initiate_by',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vOtherActivityAssignID',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vActivityType',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'dHours',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'dContractAmount',
                },

                    @foreach (getOtherContractAllSteps() as $key => $value)
                        {
                            data: 'step_{{ $value['iStepID'] }}',
                            orderable: false,
                            searchable: false,
                            render: function(data, type, row) {
                                // If the data is null, return '-'
                                return data ? data : '-';
                            }
                        },
                    @endforeach
                 {
                    data: 'eComplianceApprovalStatus',
                },

                {
                    data: 'eContractStatus',
                },
                {
                    data: 'created_at',
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('field.other.activity.contract.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {

                            d._token = "{{ csrf_token() }}",
d.eContractStatusFilter = $("#eContractStatusFilter").val(),
                            d.iActivityTypeIDFilter = $("#iActivityTypeIDFilter").val(),
                            d.dtFrom = $("#dtFrom").val(),
                            d.dtTo = $("#dtTo").val(),
                                d.iOtherActivityAssignID = '{{ $iOtherActivityAssignID }}'

                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();

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

        function resetFilter() {
            $("#eContractStatusFilter").val('').select2();
            $("#iActivityTypeIDFilter").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 sowAdd(id, iDoctorID) {
            $.ajax({
                url: "{{ route('fieldDivision.other.activity.sow.get.details') }}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    id: id,
                    iDoctorID: iDoctorID,
                },
                success: function(response) {
                    $("#iContractID").val(id);
                    $("#vSCCode").val(response.data.vSCCode);
                    $("#dHours").val(response.data.dHours);
                    $("#vDocName").val(response.data.docName);
                    $("#dtActivityDate").val(response.data.dtActivityDateStart);
                    $("#vActivityTopic").val(response.data.vActivityTopic);
                    $("#dtSOWDate").val(response.data.dtSOWDate);
                    $("#vActivityType").val(response.data.vActivityType);
                    $("#vDeliverables").val(response.data.vDeliverables);


                    $("#vSCCodeHTML").html(response.data.vSCCode);
                    $("#dHoursHTML").html(response.data.dHours);
                    $("#vDocNameHTML").html(response.data.docName);
                    $("#vDocNameHTML2").html(response.data.docName);
                    $("#vDocNameHTML3").html(response.data.docName);
                    $("#dtActivityDateHTML").html(response.data.dtActivityDateStart);
                    $("#vActivityTopicHTML").html(response.data.vActivityTopic);
                    $("#dtSOWDateHTML").html(response.data.dtSOWDate);
                    $("#dtSOWDateHTML2").html(response.data.dtSOWDate);
                    $("#vActivityTypeHTML").html(response.data.vActivityType);
                    $("#vDeliverablesHTML").html(response.data.vDeliverables);
                    $("#comment_body").html(id);
                    $("#sow_add_modal").modal('show');
                }
            });

        }


        $("#validateSOWForm").validate({
            ignore: ".ignore",
            rules: {
                iContractID: {
                    required: true,
                },
                dtSOWDate: {
                    required: true,
                },
                vSCCode: {
                    required: true,
                },
                vDocName: {
                    required: true,
                },
                vActivityType: {
                    required: true,
                },
                vActivityTopic: {
                    required: true,
                },
                sowData: {
                    required: false,
                },
                dtActivityDate: {
                    required: true,
                },
                vDeliverables: {
                    required: true,
                },



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

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

                $.ajax({
                    url: "{{ route('division.other.activity.contract.sow.generate') }}",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    success: function(response) {
                        if (response.status == 0) {
                            $("#sowDataAdd").html('Save as draft');
                            $("#sowDataAdd").attr('disabled',
                                false);
                            $.notify(response.message, "error");
                        } else {
                            $.notify(response.message, "success");
                            setTimeout(function() {
                                location.reload();
                            }, 2000);
                        }
                    },
                    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;
                        $("#sowDataAdd").html('Save as draft');
                        $("#sowDataAdd").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 complianceApproveContract(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 = {
                        'id': id,
                        'eComplianceApprovalStatus': 'Approve',
                        '_token': "{{ csrf_token() }}"
                    }

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

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

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


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

        }


        function activityContractTrack(id) {
            data = {
                'iOtherActivityAssignContractID': id,
                '_token': "{{ csrf_token() }}"
            }
            // , type_return, notify
            ajax_call("{{ route('fieldDivision.other.activity.assign.contract.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'activityContractTrack_response');
        }

        function activityContractTrack_response(response) {
            var html = '';
            $(response).each(function(index, element) {
                $title = '';
                if (element.eType == 'Document Submited') {
                    switch (element.iStepID) {
                        case 3:
                            $title = 'PAN Card Submited By';
                            break;
                        case 5:
                            $title = 'GST Invoice Submited By';
                            break;
                        case 4:
                            $title = 'Cancelled Cheque Submited By';
                            break;
                        case 2:
                            $title = 'Consultancy Agreement Submited By';
                            break;
                        case 1:
                            $title = 'Proof Of Work Submited By';
                            break;
                        default:
                            // $title = '';
                            break;
                    }
                }

if(element.vRemarks != null){
                    remarks ='<small style="color:red;position: relative;top: -17px;">('+element.vRemarks+')</small>';

                }else{
                    remarks ='';
                }
                role = element.vuserRole;
                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 == '') ? 'Contract ' + 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 doctor_detail(id) {
            data = {
                'iDoctorID': id,
                'isOtherService': 'Y',
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('fieldDivision.other.activity.assign.doctordetail') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'doctor_detail_response');
        }

        function doctor_detail_response(response) {
            html = '<tr>' +
                '<th>SC Code:</th>' +
                '<td>' + ((response.vSCCode !== null) ? response.vSCCode : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Position Code:</th>' +
                '<td>' + (response.field.vParentPositionCode !== null ? response.field.vParentPositionCode : "-") +
                '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Mobile:</th>' +
                '<td>' + (response.vCleanedMobile !== null ? response.vCleanedMobile : response.vMobile) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Email:</th>' +
                '<td>' + (response.vCleanedEmail !== null ? response.vCleanedEmail : response.vEmail) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Place:</th>' +
                '<td>' + (response.vPlace !== null ? response.vPlace : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Doctor First Name:</th>' +
                '<td>' + (response.vFname !== null ? response.vFname : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Doctor Middle Name:</th>' +
                '<td>' + (response.vMname !== null ? response.vMname : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Doctor Last Name:</th>' +
                '<td>' + (response.vLname !== null ? response.vLname : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Specialty by Qualification:</th>' +
                '<td>' + (response.vSpecialityName !== null ? response.vSpecialityName : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Speciality by Practice:</th>' +
                '<td>' + (response.vSpeciality !== null ? response.vSpeciality : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Profile Score:</th>' +
                '<td>' + (response.dFMV !== null ? response.dFMV : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Address:</th>' +
                '<td>' + (response.vAddress1 !== null ? response.vAddress1 : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>City</th>' +
                '<td>' + (response.vCity !== null ? response.vCity : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>State</th>' +
                '<td>' + (response.vState !== null ? response.vState : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Pincode:</th>' +
                '<td>' + (response.vPincode !== null ? response.vPincode : "-") + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>PAN Number:</th>' +
                '<td>' + (response.vPANNumber !== null ? response.vPANNumber : (response.vDcsPanNumber !== null ? response
                    .vDcsPanNumber : '-')) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>GST Number:</th>' +
                '<td>' + (response.vGSTNumber !== null ? response.vGSTNumber : (response.vDcsGSTNumber !== null ? response
                    .vDcsGSTNumber : '-')) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Company Name:</th>' +
                '<td>' + (response.vCompanyName !== null ? response.vCompanyName : (response.vDcsCompanyName !== null ?
                    response.vDcsCompanyName : '-')) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>HCP Cheque Name:</th>' +
                '<td>' + (response.vChequeName !== null ? response.vChequeName : (response.vDcsChequeName !== null ?
                    response.vDcsChequeName : '-')) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Bank Account No.:</th>' +
                '<td>' + (response.vBankAccountNumber !== null ? response.vBankAccountNumber : (response
                    .vDcsBankAccountNumber !== null ? response.vDcsBankAccountNumber : '-')) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Bank IFSC Code:</th>' +
                '<td>' + (response.vBankIFSCCode !== null ? response.vBankIFSCCode : (response.vDcsBankIFSCCode !== null ?
                    response.vDcsBankIFSCCode : '-')) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Bank Account Type:</th>' +
                '<td>' + (response.vBankAccountType !== '' ? response.vBankAccountType : (response.vDcsBankAccountType !==
                    null ? response.vDcsBankAccountType : '-')) + '</td>' + '</tr>'


            ;
            $("#doctor_detail").html(html);
            $("#doc_details").modal('show');
        }




        function stepData(activity_id, activity_step_status_id = '') {
            data = {
                'iOtherActivityAssignContractID': activity_id,
                'iOtherActivityAssignContractStepID': activity_step_status_id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('fieldDivision.other.activity.assign.contract.step') }}", 'POST', data, 0, 'dataTable', 1,
                0,
                'stepData_response');
        }

        function stepData_response(response) {

            $("#document_area").html(response);
            $("#document").modal('show');
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        }


        function sowAddedView(id, iDoctorID) {
            $.ajax({
                url: "{{ route('fieldDivision.other.activity.sow.get.details') }}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    id: id,
                    iDoctorID: iDoctorID,
                },
                success: function(response) {
                    $('#stayHotelList').html(response.html);
                    $('#vActivityTopic').attr('readonly',true);
                    $('#vSpeakerTopic').attr('readonly',true);
                    $('#dtContractDate').attr('readonly',true);
                    $('#vCityNameOfTheEvent').attr('readonly',true);
                    $("#sowbtndiv").hide();
                    $("#sow_add_modal").modal('show');
                }
            });

        }




        function exportData() {
            window.open("{{ route('field.other.activity.contract.export') }}?iOtherActivityAssignID=" +
                btoa('{{ $iOtherActivityAssignID }}'), '_blank');
        }


        function open_document_modal(type, iOtherActivityAssignContractID, iStepID) {
            data = {
                'iOtherActivityAssignContractID': iOtherActivityAssignContractID,
                'iStepID': iStepID,
                'type': type,
                '_token': "{{ csrf_token() }}"
            }
            $('#iOtherActivityAssignContractID_' + type).val(iOtherActivityAssignContractID);
            $('#iStepID_' + type).val(iStepID);
            ajax_call("{{ route('field.other.contracts.details') }}", 'POST', data, isdataTable = 0, 'dataTable', type_return = 1,
                notify = 0, function_name = 'open_document_modal_response');
        }


        function open_document_modal_response(response) {
            $("#" + response.type + "_modal").modal("show");
            $(".doc_detail").html(response.doctor_name + '(' + response.sc_code + ')');
            // if (response.documentStatus == 'FieldRejected') {
            //     $(".comment_detail").html('(Rejection comment : ' + response.comment + ')');
            // }

            $(".dcsid").html(response.dcsid);
            $("#dcsid_" + response.type).val(response.dcsid);
            $("#type_" + response.type).val(response.type);
            $("#iDoctorID_" + response.type).val(response.iDoctorID);
            $(".file-upload-name").html('');

            if (response.type == 'other') {
                $('#other_validateForm').trigger("reset");


            }

            return;
            if (response.type == 'pan') {
                $('#pan_validateForm').trigger("reset");

                if (response.status == 1) {

                    chagepan();

                } else {
                    $("#pan_no_disabled").val(response.data['vPANNumber']);
                    $("#pan_no").val(response.data['vPANNumber']);
                    $("#vPanName").val(response.data['vPANName']);

                    $('#vPanCardDoc-div').hide();
                    masterChangePan();

                }
            } else if (response.type == 'gst') {
                $('#gst_validateForm').trigger("reset");
                checkGst();
                $("#SunpharmavCompanyName").html(response.SunpharmaGSTNumber.vCompanyName);
                $("#SunpharmavGSTNumber").html(response.SunpharmaGSTNumber.vGSTNumber);

                if (response.status == 1) {

                    $("#has_data_gst").val(0);
                    gst_change_txt();
                    $("#upload_gst").hide();

                } else {
                    $("#vGst_readonly").val(response.data['vGSTNumber']);
                    $("#vGst").val(response.data['vGSTNumber']);
                    $("#has_data_gst").val(1);

                    gst_nochange_txt();
                    verifyGST();
                    $("#upload_gst").hide();
                }
            } else if (response.type == 'bank') {
                $('#bank_validateForm').trigger("reset");

                if (response.status == 1) {
                    if (response.data['vChequeName'] != null) {
                        $("#systemChequeName").val(response.data['vChequeName']);
                        $("#systemDataChequeName").show();
                        $("#copyButtonID").show();
                    } else {
                        $("#systemDataChequeName").hide();
                        $("#copyButtonID").hide();
                    }

                } else {

                    if (response.data['vChequeName'] != null) {
                        $("#systemChequeName").val(response.data['vChequeName']);
                        $("#systemDataChequeName").show();
                        $("#copyButtonID").show();
                    } else {
                        $("#systemDataChequeName").hide();
                        $("#copyButtonID").hide();
                    }

                    $("#vBankAccount").val(response.data['vBankAccountNumber']);
                    $("#vBankAccount_confirmation").val(response.data['vBankAccountNumber']);
                    $("#vIFSCCode").val(response.data['vBankIFSCCode']);
                    $("#vBankName").val(response.data['vBankName']);


                    $("#bChequeDoc").rules("remove", "required");
                    $("#vBankAccount").attr("readonly", false);
                    $("#vBankAccount_confirmation").attr("readonly", false);
                    $("#vIFSCCode").attr("readonly", false);
                    $("#vBankName").attr("readonly", true);


                    $("#has_data_bank").val(1);
                }
            } else if (response.type == 'bank') {
                $('#bank_validateForm').trigger("reset");
                if (response.status == 0) {

                    $("#bChequeDoc").rules("remove", "required");
                    if (response.data['vChequeName'] != null) {
                        $("#systemChequeName").val(response.data['vChequeName']);
                        $("#systemDataChequeName").show();
                        $("#copyButtonID").show();
                    } else {
                        $("#systemDataChequeName").hide();
                        $("#copyButtonID").hide();
                    }
                    $("#has_data_bank").val(1);
                    $("#vChequeName").val(response.data['Cheque Name']);
                    $("#vBankAccount").val(response.data['vBankAccountNumber']);
                    $("#vBankAccount_confirmation").val(response.data['vBankAccountNumber']);
                    $("#vIFSCCode").val(response.data['vBankIFSCCode']);
                    $("#vBankName").val(response.data['vBankName']);
                } else {

                    $("#has_data_bank").val(0);
                }
            } else {
                $('#consent_validateForm').trigger("reset");

            }
        }


        $("#other_validateForm").validate({
                ignore: ".ignore",
                rules: {
                    User_Document: {
                        required: true,
                    },

                },
                messages: {
                    User_Document: {
                        required: "Please upload a proof of work."
                    },
                },
                submitHandler: function(form) {


                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);
                    var formData = new FormData($("#other_validateForm")[0]);
                    ajax_submit('{{ route('field.other.doctor.upload.document') }}', 'POST', formData, isdataTable = 1,
                        'dataTable', type_return = 1, notify = 1, function_name =
                        'other_validateForm_response');
                }
            });

            function other_validateForm_response(response) {
            if (response.status == 1)
                $("#other_modal").modal('hide');
            $(".file-upload-name").html('');
            $('#other_validateForm').trigger("reset");
        }


        function validateSizePOWDocument(input) {
        const fileSize = input.files[0].size / 1024 / 1024;
        if (fileSize > 10) {
            $.notify("File size exceeds 10 MiB", "error");
            $("#bPOWDoc").val("");
        }
    }

    function getPaymentData(id) {
            data = {
                'iOtherActivityAssignContractID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('fieldDivision.other.activity.assign.contract.paymentdata') }}", 'POST', data, 0, 'no-dataTable', 1, 0,
                'getPaymentData_response');
        }


        function getPaymentData_response(response) {
            var html = '<tr>' +
                '<th>Company Name</th>' +
                '<td>' +
                    (response.vCompanyName == null ? '-' : response.vCompanyName) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Voucher Number</th>' +
                '<td>' +
                    (response.vVoucherNumber == null ? '-' : response.vVoucherNumber) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Voucher Date</th>' +
                '<td>' +
                    (response.dtVoucher == null ? '-' : response.dtVoucher) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Gross Amount</th>' +
                '<td>' +
                    (response.dGrossAmt == null ? '-' : response.dGrossAmt) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>TDS Amount</th>' +
                '<td>' +
                    (response.dTDSAmt == null ? '-' : response.dTDSAmt) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Net Amount</th>' +
                '<td>' +
                    (response.dNetAmt == null ? '-' : response.dNetAmt) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Payment No</th>' +
                '<td>' +


                (response.vPaymentNo == null ? '-' : response.vPaymentNo) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Cheque No</th>' +
                '<td>' +
                (response.vChequeNo == null ? '-' : response.vChequeNo) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Payment Date</th>' +
                '<td>' +
                (response.dtPayment == null ? '-' : response.dtPayment) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Cheque Date</th>' +
                '<td>' +
                (response.dtCheque == null ? '-' : response.dtCheque) + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Cheque Clear Date</th>' +
                '<td>' +
                (response.dtChequeClear == null ? '-' : response.dtChequeClear) + '</td>' +
                '</tr>';
            $("#payment_details_modal_body").html(html);
            $("#payment_details_modal").modal('show');

        }


        function contractTerminate(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 Terminate Contract?",
                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 = {
                        'eContractStatus': 'Terminated',
                        'iOtherActivityAssignContractID': id,
                        'vTermissionOrWithdrawReason': result.value,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('fieldDivision.other.activity.assign.contract.restrict') }}", 'POST', data, 1, 'dataTable');
                }
            })
        }

        function contractWithdraw(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 Withdraw Contract?",
                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 = {
                        'eContractStatus': 'Withdrawed',
                        'iOtherActivityAssignContractID': id,
                        'vTermissionOrWithdrawReason': result.value,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('fieldDivision.other.activity.assign.contract.restrict') }}", 'POST', data, 1, 'dataTable');
                }
            })
        }

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


    </script>
@endsection