@extends('admin.layout')
@section('main')

    <!-- FixedHeader -->
    <link rel="stylesheet" href="https://cdn.datatables.net/fixedheader/3.4.0/css/fixedHeader.dataTables.min.css" />

    <!-- FixedColumns -->
    <link rel="stylesheet" href="https://cdn.datatables.net/fixedcolumns/4.3.0/css/fixedColumns.dataTables.min.css" />


    <style>
        table.fixedHeader-floating.no-footer {
            z-index: 99;
            margin: 0 !important;
        }

        .dtfh-floatingparent.dtfh-floatingparenthead {
            z-index: 99 !important;
            top: 18px !important;
        }

        table.fixedHeader-floating.no-footer.table th {
            border-color: #4b6874 !important;
        }

        table.fixedHeader-floating.no-footer.table th {
            padding-top: 14px !important;
            padding-bottom: 14px !important;
        }

        table.dataTable th {
            padding: 14px 8px;
            vertical-align: middle;
        }

        .rs_fixed_row .header-navbar {
            background: #4b6874 !important;
        }

        .table-striped tbody tr:nth-of-type(odd) .dtfc-fixed-left {
            background: #fafafc;
        }
    </style>
    <style>
        .image_preview img {
            width: 43px;
            object-fit: cover;
            border-radius: 6px;
            border: 2px solid #e37660;
            height: 45px;
            margin: 0 10px;
        }

        .image_preview {
            height: 42px;
            /* width: 42px; */
        }

        .delete-record {
            padding: 7px 13px !important;
        }

        .file-upload-name {
            margin: 0 !important;
        }

        .lbl_selection_tetxt {
            font-size: 18px;
            font-weight: 600;
            line-height: 16px !important;
            padding-left: 24px !important;
            color: #1c5876 !important;
        }

        /* .upload-main-wrapper {
                    width: 50px !important;
                } */

        .upload-wrapper {
            padding: 10px 10px !important;
        }

        .uploadconsentimage[type="file"] {
            position: absolute;
            left: 0;
            display: none;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .uploadpancardimage[type="file"] {
            position: absolute;
            left: 0;
            display: none;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .uploadchequeimage[type="file"] {
            position: absolute;
            left: 0;
            display: none;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .uploadgstimage[type="file"] {
            position: absolute;
            left: 0;
            display: none;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .consentlbl {
            display: flex;
            position: relative;
            justify-content: space-between;
        }

        .pancardlbl {
            display: flex;
            position: relative;
            justify-content: space-between;
        }

        .chequelbl {
            display: flex;
            position: relative;
            justify-content: space-between;
        }


        .gstlbl {
            display: flex;
            position: relative;
            justify-content: space-between;
        }

        .consentdiv {
            width: auto;
            height: 45px;
            background: #1C5876;
            padding: 6px 15px;
            border-radius: 10px;
            text-align: center;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            cursor: pointer;
        }

        .pancarddiv {
            width: auto;
            height: 45px;
            background: #1C5876;
            padding: 6px 15px;
            border-radius: 10px;
            text-align: center;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            cursor: pointer;
        }

        .chequediv {
            width: auto;
            height: 45px;
            background: #1C5876;
            padding: 6px 15px;
            border-radius: 10px;
            text-align: center;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            cursor: pointer;
        }


        .gstdiv {
            width: auto;
            height: 45px;
            background: #1C5876;
            padding: 6px 15px;
            border-radius: 10px;
            text-align: center;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            cursor: pointer;
        }


        .pdf_image {
            background: #e0eaf1;
            padding: 15px;
            border-radius: 6px;
            border: 1px solid #17465d;
            display: flex;
            align-items: center;
        }
    </style>

    <div class="content-header row">
    </div>

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


    <div class="content-body">
        <!-- Dashboard Ecommerce Starts -->
        <section id="dashboard-ecommerce">
            <div class="row match-height justify-content-end mb-1">
                <div class="col-lg-12 mr-auto">
                    <h2>{{ $title }}<a href="" class="ml-1" data-toggle="tooltip" data-placement="right"
                            title="{{ $tooltip }}"><i data-feather="help-circle"></i></a></h2>
                </div>


                @if ($module == 'doctor_activity')
                    <div class="col-lg-2 col-md-3 my-1 ">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="custome_status"
                                name="custome_status">
                                <option value=""> Select Status</option>
                                @foreach (config('custome.field_status_filter') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @elseif($module == 'activity_assign')
                    <div class="col-lg-2 col-md-3 my-1 ">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="custome_status"
                                name="custome_status">
                                <option value=""> Select Status</option>
                                <option value="FieldApprovalPending">Field Approval Pending</option>
                                <option value="NSMApprovalPending">NSM Approval Pending</option>
                                <option value="Pending">Activity Approval Pending</option>
                                <option value="FieldRejected">Activity Rejected</option>
                            </select>
                        </div>
                    </div>
                @endif


                @if (Auth::user()->vDesignation == 'SLM')
                    <div class="col-lg-2 col-md-6 my-1">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="iUserID" name="iUserID">
                                <option value=""> Select FLM</option>
                                @foreach (Auth::user()->flm()->get() as $key => $value)
                                    <option value="{{ $value->iUserID }}">{{ $value->vFirstName }}
                                        {{ $value->vMiddleName }} {{ $value->vLastName }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endif

                <div class="col-lg-2 col-md-6 my-1">
                    <div class="form-group">
                        <select class="select2 select-label form-control w-100" id="iActivityTypeID" name="iActivityTypeID">
                            <option value=""> Select Activity</option>
                            @foreach ($ActivityType 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="iActivityID" name="iActivityID">
                            <option value=""> Select Study</option>
                            @foreach ($Activities as $key => $value)
                                <option value="{{ $value['iActivityID'] }}">{{ $value['vActivity'] }}</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-lg-flex">
                        <a href="#" class="btn btn-primary" onclick="setFilter()">Apply</a>
                        <a href="#" class="btn btn-light ml-1" onclick="resetFilter()">Clear</a>
                    </div>
                </div>
                @if ($module != 'activity_approval_pending')
                    <div class="col-lg-auto  col-md-6 my-1 text-right">
                        <div class="form-group">
                            <button class="btn btn-success btn-toggle-sidebar waves-effect waves-float waves-light"
                                onclick="exportData()">
                                <span class=""><i data-feather="download" class="ml-1"></i> Export</span>
                            </button>
                        </div>
                    </div>
                @endif
            </div>


        </section>
        <section id="column-search-datatable">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-datatable p-1">
                            <div class="row">
                                <div class="col-lg-6">
                                    @if ($module == 'activity_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>


                                <div class="col-lg-6 text-right">
                                    @if ($module == 'doctor_activity' || $module == 'activity_approval_pending')
                                        <span class="mr-2"><i data-feather="check-circle"
                                                class="text-warning mr-1 incomplete"></i>Review Pending</span>

                                        <span class="mr-2"><i data-feather="check-circle"
                                                class="text-success mr-1"></i>Completed</span>

                                        <span class="mr-2"><i class="fa fa-hourglass text-warning mr-1"
                                                class="text-success mr-1"></i>Pending</span>
                                        <span><img src="{{ asset('assets/app-assets/images/activity.svg') }}"
                                                width="17" height="17" alt="" class="mr-1" />Activity
                                            Track</span>
                                    @endif

                                </div>

                            </div>
                            <table class="dt-column-search table table-striped w-100 text-center display" id="dataTable">
                                <thead>
                                    <tr>

                                        @if ($module == 'activity_approval_pending')
                                            <th><input type="checkbox" id="checkall"></th>
                                        @endif
                                        <th>Sr. No.</th>
                                        <th>Action </th>

                                        <th>Parent</th>
                                        <th>Dcs ID</th>
                                        <th>SC Code</th>
                                        <th>Doctor Name</th>
                                        <th>Activity Type</th>
                                        <th>Study/Questionnaire Name</th>
                                        <th>No of Patients</th>
                                        <th>MRS /Brand MRS / Hours</th>
                                        <th>Total Amount</th>
                                        @if ($module == 'doctor_activity')
                                            @foreach (getAllSteps() as $key => $value)
                                                <th>{{ $value['vStep'] }}</th>
                                            @endforeach
                                            @foreach ($ActivityType as $key => $value)
                                                <th>{{ $value['vActivityType'] }}</th>
                                            @endforeach
                                        @endif
                                        <th>Status</th>
                                        @if ($module == 'activity_assign')
                                            <th>Import Date & Time</th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Dashboard Ecommerce ends -->

    </div>
    <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">Payment Processed</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 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 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 timeline dropdown --}}
    {{-- for doctor detail --}}
    <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 doctor detail --}}


    {{-- 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 pan card --}}
    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="pan_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-id-card mr-1"></i>PAN Details
                    </h4>
                    {{ Form::open(['url' => '#', 'name' => 'pan_validateForm', 'id' => 'pan_validateForm', 'enctype' => 'multipart/form-data']) }}
                    <input type="hidden" name="iStepID" id="iStepID_pan" />
                    <input type="hidden" name="iActivityAssignID" id="iActivityAssignID_pan" />
                    <input type="hidden" name="state" id="state_pan" />
                    <input type="hidden" name="reference_id" id="reference_id_pan" />
                    <input type="hidden" name="isVerified" id="isVerified_pan" value="0" />
                    <div class="row pan_div">
                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="pan_no">PAN No.<span class="text-danger">*</span></label>
                                <div class="d-flex align-items-center">
                                    <input id="pan_no_disabled" name="pan_no_disabled" type="text"
                                        class="form-control my-0" value="" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="">Name as per PAN Card <span class="text-danger">*</span></label>
                                <input id="vPanName_disabled" name="vPanName_disabled" type="text"
                                    class="form-control" readonly>
                            </div>
                        </div>

                    </div>
                    {{-- <h6 class="mt-1"><a href="#" class="pan_change_txt">I want to change my PAN Card --}}
                    {{-- Number</a></h6> --}}
                    <div class="pan_change_div">
                        <div class="row text-left">
                            <div class="col-lg-12 col-md-12 mb-2">

                                <div class="form-group">
                                    <label for="pan_no">New PAN No.<span class="text-danger">*</span></label>
                                    <div class="d-flex align-items-center">

                                        <input id="pan_no" name="pan_no" type="text" class="form-control my-0"
                                            maxlength="10" value="">
                                        {{-- <button class="badge badge-success float-right ml-2" onclick="verifyPan()"
                                            style="padding:14px 15px">VERIFY</button> --}}
                                    </div>
                                </div>
                                <label id="pan_no-error" class="error" for="pan_no"></label>
                            </div>


                        </div>

                        <div class="row">

                            <div class="col-lg-12 col-md-12 mb-2">
                                <div class="form-group">
                                    <label for="">Name as per PAN Card <span class="text-danger">*</span></label>
                                    <input id="vPanName" name="vPanName" type="text" class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 mb-2" id="vPanCardDoc-div">

                                <p>PAN Card <span class="text-danger">(Max. size 10 MB per file)</span></p>

                                <div class="upload-main-wrapper">

                                    <div class="upload-wrapper">
                                        <input type="file" class="upload-file" name="vPanCardDoc" id="vPanCardDoc"
                                            accept="application/pdf,image/*">
                                        <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>
                                    <p class="file-upload-name"></p>
                                </div>
                                <label id="vPanCardDoc-error" class="error" for="vPanCardDoc"></label>
                            </div>
                        </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>

    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="gst_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-file-alt mr-1"></i>GST Details
                    </h4>
                    <p class="my-2 mb-1">
                        <b>Sunpharma GST Number :</b>
                        <spam id="SunpharmavGSTNumber"></spam>
                    </p>
                    <p>
                        <b>Company Name :</b>
                        <spam id="SunpharmavCompanyName"></spam>
                    </p>
                    {{ Form::open(['url' => '#', 'name' => 'gst_validateForm', 'id' => 'gst_validateForm', 'enctype' => 'multipart/form-data']) }}
                    <input type="hidden" name="iStepID" id="iStepID_gst" />
                    <input type="hidden" name="iActivityAssignID" id="iActivityAssignID_gst" />
                    <input type="hidden" name="state" id="state_gst" />
                    <input type="hidden" name="reference_id" id="reference_id_gst" />
                    <input type="hidden" name="has_data" id="has_data_gst" value="0" />
                    <input type="hidden" name="isVerified" id="isVerified_gst" value="0" />

                    <h5 class="font-weight-bold mt-2 mb-2">Dear Doctor, Are you liable to pay GST or not? If
                        yes, Kindly upload GST Invoice. If no, You can select “No” and submit.</h5>
                    <p id="isGstyes_container">
                        <input type="radio" id="isGstyes" onchange="checkGst()" name="isGst" value="Yes"
                            checked>
                        <label for="isGstyes" class="mr-3">YES</label>

                        <input type="radio" onchange="checkGst()" id="isGstno" name="isGst" value="No">
                        <label for="isGstno">NO</label>

                    </p>
                    <div class="gst_bloc">

                        <div class="row mb-2 " id="GST_Number_div_disable">
                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label for="vGst_readonly">GST Number <span class="text-danger">*</span></label>
                                    <input id="vGst_readonly" name="vGst_readonly" type="text" class="form-control"
                                        readonly value="">
                                </div>
                            </div>

                        </div>

                        <div class="row " id="GST_Number_div">
                            {{-- <div class="col-lg-12 col-md-12">
                            <div class="form-group">
                                <label for="vGst">New GST Number <span class="text-danger">*</span></label>
                                <input id="vGst" name="vGst" type="text" class="form-control"
                                    value="">
                            </div>
                        </div> --}}
                            <div class="col-lg-12 col-md-12 mb-2">

                                <div class="form-group">
                                    <label for="vGst">HCP GST Number<span class="text-danger">*</span></label>
                                    <div class="d-flex align-items-center">

                                        <input id="vGst" name="vGst" type="text" class="form-control my-0"
                                            maxlength="16" value="">
                                        {{-- <button class="badge badge-success float-right ml-2" onclick="verifyGST()" --}}
                                        {{-- style="padding:14px 15px">VERIFY</button> --}}
                                    </div>
                                </div>
                                <label id="vGst-error" class="error" for="vGst"></label>
                            </div>

                        </div>
                        <div class="row mb-2 ">
                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label for="vCompanyName">HCP Name <span class="text-danger">*</span></label>
                                    <input id="vCompanyName" name="vCompanyName" type="text" class="form-control"
                                        readonly>
                                </div>
                            </div>
                        </div>
                        {{-- <h6 class="my-2 "><a href="#" id="gst_change_txt">I want to change my GST
                                Number</a>
                        </h6> --}}

                        <div class="mb-2 mt-2 pdf_image">
                            <input type="radio" id="pdf_selected_gst" name="pdf_img_selection_gst" value="PDF">
                            <label for="pdf_selected_gst" class="mr-3 mb-0 lbl_selection_tetxt">PDF</label>
                            <input type="radio" id="image_selected_gst_radio" name="pdf_img_selection_gst"
                                value="Image">
                            <label for="image_selected_gst_radio" class="mr-3 mb-0 lbl_selection_tetxt">Image</label>
                        </div>
                        <div id="image_selected_gst" style="display: none;">
                            <div class="row">

                                <div class="col-sm-12 mt-3 px-0" id="gstImagediv">
                                    <div class="d-flex justify-content-between">
                                        <label class="gstlbl">
                                            <div class="gstdiv">
                                                <i class="fas fa-cloud-upload-alt mr-2"></i>
                                                <p class="mb-0" id="gstdivtext">Upload Image</p>
                                            </div>
                                            <input type="file" name="gstImage[]" id="gstImage"
                                                class="uploadgstimage" accept="image/*">
                                        </label>
                                    </div>

                                </div>
                                <div class="well clearfix " id="addmoregstdiv" style="display: none;">
                                    <a style="padding:0.375rem 0.75rem !important;"
                                        class="btn btn-primary pull-right text-white" data-added="0" id="addmoregstbtn"
                                        value="Add More gst Files">
                                        <i class="fa fa-plus mr-2"></i> Add More
                                    </a>
                                </div>
                            </div>
                        </div>
                        <label id="gstImage-error" class="error" for="gstImage"></label>



                        <div class="upload-main-wrapper" id="upload_gst" style="display:none;">

                            <div class="upload-wrapper">
                                <input type="file" class="upload-file" name="bGstDoc" id="bGstDoc">

                                <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 Invoice</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="file-upload-name"></p>
                        </div>
                        <label id="bGstDoc-error" class="error" for="bGstDoc"></label>

                    </div>

                    <div class="form-group d-flex mt-2">
                        <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 gst / --}}

    {{-- for bank --}}
    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="bank_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-bank mr-1"></i>Bank Details</h4>
                    {{ Form::open(['url' => '#', 'name' => 'bank_validateForm', 'id' => 'bank_validateForm', 'enctype' => 'multipart/form-data']) }}
                    <input type="hidden" name="iStepID" id="iStepID_bank" />
                    <input type="hidden" name="iActivityAssignID" id="iActivityAssignID_bank" />
                    <input type="hidden" name="has_data_bank" id="has_data_bank" value="0" />
                    <input type="hidden" name="isVerified" id="isVerified_bank" value="0" />
                    <input type="hidden" name="state" id="state_bank" />
                    <input type="hidden" name="reference_id" id="reference_id_bank" />



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

                                <div class="upload-wrapper">
                                    <input type="file" class="upload-file" name="bChequeDoc" id="bChequeDoc"
                                        accept="application/pdf,image/*">
                                    <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="file-upload-name mb-0 "></p>
                            </div>
                            <label id="bChequeDoc-error" class="error" for="bChequeDoc"></label>
                        </div>
                        <div class="col-lg-12 col-md-12 mb-2" id="systemDataChequeName">
                            <div class="form-group">
                                <label for="">Doctor Cheque Name as per Sun Database</label>
                                <input id="systemChequeName" name="systemChequeName" type="text" class="form-control"
                                    readonly>

                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="">Doctor Cheque Name as per Bank Account<span
                                        class="text-danger">*</span></label>
                                <div class="d-flex align-items-center">
                                    <input id="vChequeName" name="vChequeName" type="text" class="form-control">
                                    <a class="badge badge-success float-right ml-2" id="copyButtonID"
                                        onclick="copyChequeName()" style="padding:14px 15px">Copy</a>
                                </div>
                            </div>
                            <label id="vChequeName-error" class="error" for="vChequeName"></label>
                        </div>
                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="">Bank Account No.</label>
                                <input id="vBankAccount" name="vBankAccount" type="text" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="">Re enter Bank Account No.</label>
                                <input id="vBankAccount_confirmation" name="vBankAccount_confirmation" type="text"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="vIFSCCode">IFSC Code</label>
                                <div class="d-flex align-items-center">

                                    <input id="vIFSCCode" name="vIFSCCode" type="text" class="form-control"
                                        value="">
                                    <!-- <button class="badge badge-success float-right ml-2" onclick="verifyIFSC()"
                                                    style="padding:14px 15px">VERIFY</button> -->
                                </div>
                            </div>
                            <label id="vIFSCCode-error" class="error" for="vIFSCCode"></label>
                        </div>
                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="">Bank Name</label>
                                <input id="vBankName" name="vBankName" type="text" class="form-control" readonly>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 mb-2">
                            <div class="form-group">
                                <label for="">Bank Account Type</label>
                                <select class="select2 select2modal w-100 form-control" name="vAccountType"
                                    id="vAccountType">
                                    <option value="">Select Account Type</option>
                                    <option value="Saving">Saving</option>
                                    <option value="Current">Current</option>
                                    <option value="Other">Other</option>
                                </select>
                            </div>
                            <label id="vAccountType-error" class="error" for="vAccountType"></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 bank / --}}

    {{-- for consent --}}
    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="consent_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>
                    {{ Form::open(['url' => '#', 'name' => 'consent_validateForm', 'id' => 'consent_validateForm', 'enctype' => 'multipart/form-data']) }}
                    <input type="hidden" name="iStepID" id="iStepID_consent" />
                    <input type="hidden" name="iActivityAssignID" id="iActivityAssignID_consent" />

                    <h4 class="font-weight-bolder my-1 mb-2 text-center"><i
                            class="fa-solid fa-handshake-angle mr-1"></i>Consultancy Agreement</b></h4>
                    <span class="text-danger" style="text-transform: capitalize;">(Max. size 10 MB per
                        file)


                    </span>

                    <a href="#" class="btn btn-success" onclick="downloaddocument('Consent-Letter');">
                        <span class=""><i data-feather="download"></i> Consent Agreement</span>
                    </a>
                    <div class="upload-main-wrapper mt-2">
                        <div class="mb-0 mt-4">

                            <input type="radio" id="pdf_selected_consent" name="pdf_img_selection_consent"
                                value="PDF">
                            <label for="pdf_selected_consent" class="mr-3 lbl_selection_tetxt">PDF</label>
                            <input type="radio" id="image_selected_consent" name="pdf_img_selection_consent"
                                value="Image">
                            <label for="image_selected_consent" class="mr-3 lbl_selection_tetxt">Image</label>
                        </div>


                        <div id="image_selected_consent_content" style="display: none;">
                            <div class="row">

                                <div class="col-sm-12 mt-3 px-0" id="consentImagediv">
                                    <div class="d-flex justify-content-between">
                                        <label class="consentlbl">
                                            <div class="consentdiv">
                                                <i class="fas fa-cloud-upload-alt mr-2"></i>
                                                <p class="mb-0" id="consentdivtext">Upload Image</p>
                                            </div>
                                            <input type="file" name="consentImage[]" id="consentImage"
                                                class="uploadconsentimage" accept="image/*">
                                        </label>
                                    </div>

                                </div>
                                <div class="well clearfix " id="addmoreconsendiv" style="display: none;">
                                    <a style="padding:0.375rem 0.75rem !important;"
                                        class="btn btn-primary pull-right text-white" data-added="0"
                                        id="addmoreconsentbtn" value="Add More Consent Files">
                                        <i class="fa fa-plus mr-2"></i> Add More
                                    </a>
                                </div>
                            </div>
                        </div>
                        <label id="consentImage-error" class="error" for="consentImage"></label>

                        <div class="upload-wrapper" id="Consultancywrapper" style="display: none;">
                            <input type="file" class="upload-file" name="concent_doc" id="concent_doc"
                                accept="application/pdf">
                            <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>
                        <label id="concent_doc-error" class="error" for="concent_doc"></label>



                        <p class="file-upload-name"></p>
                    </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 contest / --}}

    {{-- priview doc --}}
    <div class="modal fade" id="preview_doc" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-weight-bolder" id="">Review Document</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <iframe src="" id="preview" class="w-100" height="700" frameborder="0"
                        title=""></iframe>
                </div>

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


    <div class="modal fade text-left " data-keyboard="false" id="manual_send_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">Sent</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateFormMailSend', 'id' => 'validateFormMailSend', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="iDoctorID" name="iDoctorID">
                    {{-- <input type="hidden" id="isMobileChanged" name="isMobileChanged" value="N"> --}}
                    {{-- <input type="hidden" id="isEmailChanged" name="isEmailChanged" value="N"> --}}
                    <input type="hidden" id="iActivityAssignID_manualMail_send"
                        name="iActivityAssignID_manualMail_send">
                    <div class="form-group mb-2">
                        <label for="">Email Address</label>
                        <select class="select2 select2-modal select-label form-control w-100" id="doctoremail"
                            name="doctoremail">
                            <option value="">Select Email Address</option>
                        </select>
                        <label id="doctoremail-error" class="error" for="doctoremail"></label>
                        {{-- <input type="email" class="form-control" id="vCleanedEmail" name="vCleanedEmail"> --}}
                    </div>
                    <div class="form-group mb-2">
                        <label for="">Mobile</label>
                        <select class="select2 select2-modal select-label form-control w-100" id="doctormobileno"
                            name="doctormobileno">
                            <option value="">Select Mobile Number</option>
                        </select>
                        <label id="doctormobileno-error" class="error" for="doctormobileno"></label>
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button class="btn btn-outline-danger btn-delete-event " data-dismiss="modal">Cancel</button>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>


@endsection
@section('scripts')
    <script src="{{ asset('app-field.js') }}"></script>
    <script src="https://cdn.datatables.net/fixedheader/3.4.0/js/dataTables.fixedHeader.min.js"></script>
    <script src="https://cdn.datatables.net/fixedcolumns/4.3.0/js/dataTables.fixedColumns.min.js"></script>
    <script>
        function initDataTableEnhancements() {
            $('.dataTable, #dataTable').each(function() {
                var dt_filter_table = $(this);

                $(window).off('scroll.dt-' + dt_filter_table.attr('id')).on('scroll.dt-' + dt_filter_table.attr(
                    'id'), function() {
                    if (dt_filter_table.length) {
                        var offsetTop = dt_filter_table.offset() ? dt_filter_table.offset().top : 0;
                        var scrollTop = $(window).scrollTop();
                        if (scrollTop > offsetTop) {
                            $('body').addClass('rs_fixed_row');
                        } else {
                            $('body').removeClass('rs_fixed_row');
                        }
                    }
                });
            });


            // $('.dataTables_scrollBody').each(function() {
            //     var scrollArea = $(this);

            //     scrollArea.css('cursor', 'grab');

            //     scrollArea.off('mousedown.dt-drag');

            //     scrollArea.on('mousedown.dt-drag', function(e) {
            //         if (e.which !== 1) return;

            //         var isDragging = true;
            //         var startX = e.pageX - scrollArea.offset().left;
            //         var scrollLeft = scrollArea.scrollLeft();

            //         scrollArea.css('cursor', 'grabbing');
            //         e.preventDefault();
            //         $(document).off('mousemove.dt-drag').on('mousemove.dt-drag', function(e) {
            //             if (!isDragging) return;
            //             const x = e.pageX - scrollArea.offset().left;
            //             const walk = (x - startX) * 1;
            //             scrollArea.scrollLeft(scrollLeft - walk);
            //         });

            //         $(document).off('mouseup.dt-drag').on('mouseup.dt-drag', function() {
            //             isDragging = false;
            //             scrollArea.css('cursor', 'grab');
            //             $(document).off('mousemove.dt-drag');
            //             $(document).off('mouseup.dt-drag');
            //         });
            //     });
            // });
            $('.dataTables_scrollBody').each(function() {
                var scrollArea = $(this);
                scrollArea.css('cursor', 'pointer');

                scrollArea.off('mousedown.dt-drag');

                scrollArea.on('mousedown.dt-drag', function(e) {
                    if (e.which !== 1) return;

                    var isDragging = true;
                    var startX = e.pageX - scrollArea.offset().left;
                    var scrollLeft = scrollArea.scrollLeft();

                    scrollArea.css('cursor', 'pointer');

                    $(document).off('mousemove.dt-drag').on('mousemove.dt-drag', function(e) {
                        if (!isDragging) return;
                        const x = e.pageX - scrollArea.offset().left;
                        const walkDistance = x - startX;
                        if (Math.abs(walkDistance) > 5) {
                            e.preventDefault();
                            const walk = walkDistance * 1;
                            scrollArea.scrollLeft(scrollLeft - walk);
                        }
                    });

                    $(document).off('mouseup.dt-drag').on('mouseup.dt-drag', function() {
                        isDragging = false;
                        scrollArea.css('cursor', 'pointer');
                        $(document).off('mousemove.dt-drag');
                        $(document).off('mouseup.dt-drag');
                    });
                });
            });

        }

        window.enhanceDataTable = function(dataTable) {
            var scrollBody = dataTable.closest('.dataTables_wrapper').find('.dataTables_scrollBody');

            if (scrollBody.length) {
                scrollBody.css('cursor', 'grab');

                scrollBody.off('mousedown.dt-drag').on('mousedown.dt-drag', function(e) {
                    if (e.which !== 1) return;

                    var isDragging = true;
                    var startX = e.pageX - scrollBody.offset().left;
                    var scrollLeft = scrollBody.scrollLeft();

                    scrollBody.css('cursor', 'grabbing');
                    e.preventDefault();

                    $(document).off('mousemove.dt-drag').on('mousemove.dt-drag', function(e) {
                        if (!isDragging) return;
                        const x = e.pageX - scrollBody.offset().left;
                        const walk = (x - startX) * 1;
                        scrollBody.scrollLeft(scrollLeft - walk);
                    });

                    $(document).off('mouseup.dt-drag').on('mouseup.dt-drag', function() {
                        isDragging = false;
                        scrollBody.css('cursor', 'grab');
                        $(document).off('mousemove.dt-drag');
                        $(document).off('mouseup.dt-drag');
                    });
                });
            }

            return dataTable;
        };

        $(document).ready(function() {
            initDataTableEnhancements();

            $(window).on('resize', function() {
                initDataTableEnhancements();
            });

            $(document).on('init.dt draw.dt', function() {
                initDataTableEnhancements();
            });

            if (typeof window.getdatatable === 'function') {
                var originalGetDataTable = window.getdatatable;
                window.getdatatable = function(url, columns, columnDefs) {
                    var dataTable = originalGetDataTable(url, columns, columnDefs);
                    return window.enhanceDataTable(dataTable);
                };
            }
        });
    </script>


    <script>
        $('#iActivityTypeID').change(function() {
            $.ajax({
                url: "{{ url('/get-study-data') }}",
                type: "POST",
                data: {
                    iActivityTypeID: $('#iActivityTypeID option:selected').val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#iActivityID').html('<option value="">Select Study</option>');
                    $.each(result, function(key, value) {
                        $("#iActivityID").append('<option value="' + value.iActivityID + '">' +
                            value
                            .vActivity + '</option>');
                    });

                }
            })
        });


        @if (isset($status) && $status != '')
            $('#custome_status').val('');
        @endif

        const IFSCBox = document.getElementById("vIFSCCode");
        IFSCBox.onpaste = e => {
            e.preventDefault();
            return false;
        };

        var vIFSCCode_timeout = 1;

        $("#vIFSCCode").keyup(function() {
            $("#vIFSCCode").rules("add", "validate_ifsc");
            if (vIFSCCode_timeout == 1) {
                var regex = /^[A-Z]{4}0[A-Z0-9]{6}$/;
                value = $("#vIFSCCode").val();


                if (value.match(regex)) {
                    verifyIFSC();
                } else {
                    return false;
                }
                vIFSCCode_timeout = 0;
                setTimeout(function() {
                    vIFSCCode_timeout = 1;
                }, 5000);
            }

        });


        function copyChequeName() {
            $('#vChequeName').val($('#systemChequeName').val());
            $("#bChequeDoc").rules('remove', 'required');
        }

        $("#vChequeName").keyup(function() {
            if ($('#systemChequeName').val() != '') {
                if (($('#systemChequeName').val() != $('#vChequeName').val()) && $("#bChequeDoc").val() == '') {
                    $("#bChequeDoc").rules('add', 'required');
                } else {
                    $("#bChequeDoc").rules('remove', 'required');
                }
            }

        });




        $(document).ready(function() {
            var start = moment().subtract(29, 'days');
            var end = moment();

            function cb(start, end) {
                $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                $("#dtFrom").val(start.format('YYYY-MM-D'));
                $("#dtTo").val(end.format('YYYY-MM-D'));
            }
            $('#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 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 columns = [

                @if ($module == 'activity_approval_pending')
                    {
                        data: 'checkbox',
                        orderable: false,
                        searchable: false
                    },
                @endif {
                    data: 'DT_RowIndex',
                    orderable: false,
                    name: 'doctors.vMname',
                },


                {
                    data: 'action',
                    orderable: false,
                    name: 'doctors.vLname',
                },
                {
                    data: 'field_name',
                    name: 'parent.vFirstName',

                },
                {
                    data: 'vDcsID',
                    name: 'assign.vDcsID',
                },
                {
                    data: 'sc_code',
                    name: 'doctors.vSCCode',
                },
                {
                    data: 'doc_name',
                    name: 'doctors.vFname',
                },
                {
                    data: 'vActivityType',
                    name: 'type.vActivityType',
                },
                {
                    data: 'vActivity',
                    name: 'activity.vActivity',
                },
                {
                    data: 'no_of_patient',
                    name: 'assign.dPatientOrHours',
                },
                {
                    data: 'total_hours',
                    name: 'assign.dPatientOrHours',
                },
                {
                    data: 'total_amount',
                    name: 'assign.dContractAmount',
                },
                @if ($module == 'doctor_activity')
                    @foreach (getAllSteps() as $key => $value)
                        {
                            data: 'step_' + {{ $value['iStepID'] }},
                            orderable: false,
                            searchable: false
                        },
                    @endforeach
                    @foreach ($ActivityType as $key => $value)
                        {
                            data: 'type_' + {{ $value['iActivityTypeID'] }},
                            orderable: false,
                            searchable: false
                        },
                    @endforeach
                @endif {
                    data: 'status',
                    "orderable": false,
                    searchable: false
                },
                @if ($module == 'activity_assign')
                    {
                        data: 'created_at',
                        name: 'assign.created_at'
                    },
                @endif
            ];
            var columnDefs = [];
            getdatatable("{{ route('field.doctor.activity.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                fixedHeader: true,
                fixedColumns: window.innerWidth >= 992 ? {
                    leftColumns: 8
                } : false,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}",
                            d.iActivityTypeID = $("#iActivityTypeID").val(),
                            d.iActivityID = $("#iActivityID").val(),
                            d.iUserID = $("#iUserID").val(),
                            d.module = '{{ $module }}',
                            d.dtFrom = $("#dtFrom").val(),
                            d.dtTo = $("#dtTo").val(),
                            d.custome_status = $("#custome_status").val()
                    }
                },
                "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 activityTrack(id) {
            data = {
                'iActivityAssignID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('field.activity.assign.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'activityTrack_response');
        }

        function activityTrack_response(response) {
            var html = '';
            $(response).each(function(index, element) {
                $title = '';
                if (element.eType == 'Document Submited') {
                    switch (element.activity_assign_step_data.activity_assign_step_status.stepmaster.eType) {
                        case 'pan':
                            $title = 'PAN Card Submited By';
                            break;
                        case 'gst':
                            $title = 'GST Invoice Submited By';
                            break;
                        case 'bank':
                            $title = 'Cancellation Cheque Submited By';
                            break;
                        case 'consent':
                            $title = 'Consultancy Agreement Submited By';
                            break;
                        default:
                            $title = '';
                            break;
                    }
                }

                if (element.eType == 'Document Rejected') {
                    switch (element.activity_assign_step_data.activity_assign_step_status.stepmaster.eType) {
                        case 'pan':
                            $title = 'PAN Card Rejected By';
                            break;
                        case 'gst':
                            $title = 'GST Invoice Rejected By';
                            break;
                        case 'bank':
                            $title = 'Cancelled Cheque Rejected By';
                            break;
                        case 'consent':
                            $title = 'Consultancy Agreement Rejected By';
                            break;
                        default:
                            $title = '';
                            break;
                    }
                }

                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 == '') ? '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>' +
                    '<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, iActivityAssignID) {
            data = {
                'iDoctorID': id,
                'iActivityAssignID': iActivityAssignID,
                '_token': "{{ csrf_token() }}"
            }

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

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


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

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

        function resetFilter() {
            var start = moment().subtract(29, 'days');
            var end = moment();

            $('#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'));

            $(".select2").val('').select2();

            $('#iActivityID').html('<option value="">Select Study</option>');


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

        function exportData() {
            window.open("{{ route('field.activity.assign.export') }}?module=" +
                btoa('{{ $module }}') + '&iActivityTypeID=' +
                btoa($("#iActivityTypeID").val()) + '&iActivityID=' +
                btoa($("#iActivityID").val()) + '&iUserID=' +
                btoa($("#iUserID").val()) + '&dtFrom=' +
                btoa($("#dtFrom").val()) + '&dtTo=' +
                btoa($("#dtTo").val()), '_blank');
        }

        function open_document_modal(type, iActivityAssignID, iStepID) {
            data = {
                'iActivityAssignID': iActivityAssignID,
                'iStepID': iStepID,
                'type': type,
                '_token': "{{ csrf_token() }}"
            }
            $('#iActivityAssignID_' + type).val(iActivityAssignID);
            $('#iStepID_' + type).val(iStepID);
            ajax_call("{{ route('field.mydoctor.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);
            $(".file-upload-name").html('');
            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");

            }
        }
        $(document).ready(function() {
            jQuery.validator.addMethod("validate_pan", function(value, element) {
                var regex = /([A-Z]){5}([0-9]){4}([A-Z]){1}$/;

                if (value.match(regex)) {
                    return true;
                } else {
                    return false;
                }

            }, "Please enter valid pan card details.");
            jQuery.validator.addMethod("validate_gst", function(value, element) {
                var regex = /\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}/;

                if (value.match(regex)) {
                    return true;
                } else {
                    return false;
                }

            }, "Please enter valid GST Number");
            jQuery.validator.addMethod("validate_ifsc", function(value, element) {
                var regex = /^[A-Z]{4}0[A-Z0-9]{6}$/;

                if (value.match(regex)) {
                    return true;
                } else {
                    return false;
                }

            }, "Please enter valid IFSC Code");


            $("#pan_validateForm").validate({
                ignore: ".ignore",
                rules: {
                    pan_no: {
                        required: true,
                        'validate_pan': true
                    },
                    vPanName: {
                        required: true,
                    },
                    vPanCardDoc: {
                        required: true,
                    },
                },
                messages: {
                    vPanCardDoc: {
                        accept: "Please upload file in pdf formate only."
                    },
                },
                submitHandler: function(form) {
                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);
                    var formData = new FormData($("#pan_validateForm")[0]);
                    ajax_submit('{{ route('field.patient.save') }}', 'POST', formData, isdataTable = 1,
                        'dataTable', type_return = 1, notify = 1, function_name =
                        'pan_validateForm_response');
                }
            });

            $("#gst_validateForm").validate({
                ignore: ".ignore",
                rules: {

                    vGst: {
                        required: true,
                        'validate_gst': false
                    },
                    isGst: {
                        required: true,
                    },
                    vCompanyName: {
                        required: true,
                    },
                    bGstDoc: {
                        required: true,

                    },

                },
                messages: {
                    vPanCardDoc: {
                        accept: "Please upload file in pdf formate only."
                    },
                },
                submitHandler: function(form) {

                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);
                    $('input[name="gstImage[]"]').prop("disabled", false);
                    var formData = new FormData($("#gst_validateForm")[0]);
                    ajax_submit('{{ route('field.patient.save') }}', 'POST', formData, isdataTable = 1,
                        'dataTable', type_return = 1, notify = 1, function_name =
                        'gst_validateForm_response');
                },
                error: function(data) {
                    $("#consentButton").attr('disabled', false);
                    var errors = $.parseJSON(data.responseText);
                    $.notify("Required Fields are missing", "error");

                }
            });

            $("#consent_validateForm").validate({
                ignore: ".ignore",
                rules: {
                    concent_doc: {
                        required: true,
                    },

                },
                messages: {
                    concent_doc: {
                        accept: "Please upload file in pdf formate only."
                    },
                },
                submitHandler: function(form) {

                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);
                    $('input[name="consentImage[]"]').prop("disabled", false);
                    var formData = new FormData($("#consent_validateForm")[0]);
                    ajax_submit('{{ route('field.patient.save') }}', 'POST', formData, isdataTable = 1,
                        'dataTable', type_return = 1, notify = 1, function_name =
                        'consent_validateForm_response');
                },
                error: function(data) {
                    $("#consentButton").attr('disabled', false);
                    var errors = $.parseJSON(data.responseText);
                    $.notify("Required Fields are missing", "error");

                }
            });

            $("#bank_validateForm").validate({
                ignore: ".ignore",
                rules: {
                    bChequeDoc: {
                        required: true,
                    },
                    vChequeName: {
                        required: true,
                    },
                    vBankAccount: {
                        required: false,
                    },
                    vBankAccount_confirmation: {
                        required: false,
                        equalTo: "#vBankAccount",
                    },
                    vIFSCCode: {
                        required: false,
                        'validate_ifsc': false,
                    },
                    vBankName: {
                        required: false,
                    },
                    vAccountType: {
                        required: false,
                    },
                },
                messages: {
                    bChequeDoc: {
                        required: "Please upload a cancelled cheque."
                    },
                },
                submitHandler: function(form) {


                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);
                    var formData = new FormData($("#bank_validateForm")[0]);
                    ajax_submit('{{ route('field.patient.save') }}', 'POST', formData, isdataTable = 1,
                        'dataTable', type_return = 1, notify = 1, function_name =
                        'bank_validateForm_response');
                }
            });
        });

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

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

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

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

        $('.pan_change_div').hide()
        $('.pan_change_txt').on('click', function() {
            chagepan();
        })
        $('.pan_nochange_txt').on('click', function() {
            nochagepan();
        })

        function chagepan() {
            $("#state_pan").val('new');
            $('.pan_change_div').show()
            $('.pan_div').hide()
            $('.pan_change_txt').hide()
            $("#pan_no").rules('add', 'validate_pan');
            $("#pan_no").rules('add', 'required');
            $("#vPanName").rules('add', 'required');
            $("#vPanCardDoc").rules('add', 'required');
            $("#pan_no_disabled").rules('remove', 'required');
            $("#vPanName_disabled").rules('remove', 'required');
            if ($('#pan_no_disabled').val() != '')
                $(".pan_nochange_txt").show();
            else
                $(".pan_nochange_txt").hide();
        }

        function nochagepan() {
            if ($("#reference_id_pan").val() == '')
                $("#state_pan").val('new');
            else
                $("#state_pan").val('reference');

            $('.pan_div').show();
            $('.pan_change_div').hide()
            $('.pan_change_txt').show()
            $("#pan_no").rules('remove', 'validate_pan');
            $("#pan_no").rules('remove', 'required');
            $("#vPanName").rules('remove', 'required');
            $("#vPanCardDoc").rules('remove', 'required');
            $("#pan_no_disabled").rules('add', 'required');
            $("#vPanName_disabled").rules('add', 'required');
        }


        function masterChangePan() {
            verifyPan();
            $("#state_pan").val('new');
            $('.pan_change_div').show()
            $('.pan_div').hide()
            $('.pan_change_txt').hide()
            $("#pan_no").rules('add', 'validate_pan');
            $("#pan_no").rules('add', 'required');
            $("#vPanName").rules('add', 'required');
            $("#vPanCardDoc").rules('remove', 'required');
            $("#pan_no_disabled").rules('remove', 'required');
            $("#vPanName_disabled").rules('remove', 'required');
            if ($('#pan_no_disabled').val() != '')
                $(".pan_nochange_txt").show();
            else
                $(".pan_nochange_txt").hide();

        }

        function verifyPan() {
            event.preventDefault();
            pan = $("#pan_no").val();
            if (pan != '') {
                data = {
                    'pan_no': pan,
                    '_token': "{{ csrf_token() }}"
                }
                ajax_call("{{ route('field.verifyPanCard') }}", 'POSt', data, isdataTable = 0, 'dataTable', type_return =
                    1,
                    notify = 0, function_name = 'verifyPan_response');
            }
        }

        function verifyPan_response(response) {
            if (response.valid) {
                $("#vPanName").val(response.name);
                $("#isVerified_pan").val(1);
            } else {
                $("#isVerified_pan").val(0);
                $("#vPanName").val('');
            }
        }

        function verifyPan2() {
            event.preventDefault();
            pan = $("#pan_no_disabled").val();
            if (pan != '') {
                data = {
                    'pan_no': pan,
                    '_token': "{{ csrf_token() }}"
                }
                ajax_call("{{ route('field.verifyPanCard') }}", 'POSt', data, isdataTable = 0, 'dataTable', type_return =
                    1,
                    notify = 0, function_name = 'verifyPan2_response');
            }
        }

        function verifyPan2_response(response) {
            if (response.valid) {
                $("#vPanName").val(response.name);
                $("#vPanName_disabled").val(response.name);
                $("#isVerified_pan").val(1);
            } else {
                $("#isVerified_pan").val(0);
                $("#vPanName").val('');
                $("#vPanName_disabled").val('');
            }
        }

        function verifyGST() {
            event.preventDefault();
            vGst = $("#vGst").val();
            if (vGst != '') {
                data = {
                    'vGst': vGst,
                    '_token': "{{ csrf_token() }}"
                }
                ajax_call("{{ route('field.verifyGST') }}", 'POSt', data, isdataTable = 0, 'dataTable', type_return =
                    1,
                    notify = 0, function_name = 'verifyGST_response');
            }
        }

        function verifyGST_response(response) {
            if (response.valid) {
                $("#vCompanyName").val(response.legalName);
                $("#isVerified_gst").val(1);
            } else {
                $("#isVerified_gst").val(0);
                $("#vCompanyName").val('');
            }
        }

        function verifyIFSC() {
            event.preventDefault();
            vIFSCCode = $("#vIFSCCode").val();
            if (vIFSCCode != '') {
                data = {
                    'IFSC_Code': vIFSCCode,
                    '_token': "{{ csrf_token() }}"
                }
                ajax_call("{{ route('field.verifyIFSC') }}", 'POST', data, isdataTable = 0, 'dataTable', type_return =
                    1,
                    notify = 0, function_name = 'verifyIFSC_response');
            }
        }

        function verifyIFSC_response(response) {
            if (response.valid) {
                $("#vBankName").val(response.bank);
                $("#vBankName").attr("readonly", true);
                $("#isVerified_bank").val(1);
            } else {
                $("#isVerified_bank").val(0);
                $("#vBankName").val('');
            }
        }

        $('#gst_change_txt').on('click', function() {
            gst_change_txt();
        })

        $('#gst_nochange_txt').on('click', function() {
            gst_nochange_txt();
        })

        function gst_change_txt() {
            if ($("#has_data_gst").val() == '1')
                $("#gst_nochange_txt").show();
            else
                $("#gst_nochange_txt").hide();

            $("#vGst").rules('add', 'required');
            $("#vGst").rules('add', 'validate_gst');
            $("#bGstDoc").rules('add', 'required');
            $("#vGst_readonly").rules('remove', 'required');
            $("#vGst_readonly").rules('remove', 'validate_gst');

            $("#state_gst").val('new');
            $('#GST_Number_div').show()
            $('#GST_Number_div_disable').hide()
            $('#gst_change_txt').hide();
            $('#upload_gst').show()
            $("#isGstyes_container").show();

        }

        function gst_nochange_txt() {
            $("#vGst").rules('remove', 'required');
            $("#vGst").rules('remove', 'validate_gst');
            $("#vGst_readonly").rules('add', 'required');
            $("#vGst_readonly").rules('add', 'validate_gst');
            $("#bGstDoc").rules('add', 'required');
            $("#gst_nochange_txt").hide();
            $("#isGstyes_container").hide();
            if ($("#reference_id_gst").val() == '')
                $("#state_gst").val('new');
            else
                $("#state_gst").val('reference');

            $('#GST_Number_div_disable').show();
            $('#GST_Number_div').hide()
            $('#gst_change_txt').show()
            $('#upload_gst').show()
        }

        function checkGst() {
            if ($("#isGstyes").prop('checked') == true) {
                $(".gst_bloc").show();
                if ($("#state_gst").val() == 'new') {
                    $("#vGst").rules('add', 'required');
                    $("#vGst").rules('add', 'validate_gst');
                } else {
                    $("#vGst_readonly").rules('add', 'required');
                    $("#vGst_readonly").rules('add', 'validate_gst');
                }
                $("#vCompanyName").rules('add', 'required');

            } else {
                $("#vCompanyName").rules('remove', 'required');
                $("#vGst").rules('remove', 'required');
                $("#vGst").rules('remove', 'validate_gst');
                $("#vGst_readonly").rules('remove', 'required');
                $("#vGst_readonly").rules('remove', 'validate_gst');
                $("#bGstDoc").rules('remove', 'required');
                $(".gst_bloc").hide();
            }
        }

        $('.upload-file').change(function() {
            var filename = $(this).val().replace(/C:\\fakepath\\/i, '');

            $(this).closest('.upload-main-wrapper').children('.file-upload-name').html(filename);

        });

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

            ajax_call("{{ route('field.activity.assign.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 getPaymentData(id) {
            data = {
                'iActivityAssignID': id,
                '_token': "{{ csrf_token() }}"
            }

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

        function getPaymentData_response(response) {
            var html = '<tr>' +
                '<th>Company Name</th>' +
                '<td>' +
                (response.vCompanyName ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Voucher Number</th>' +
                '<td>' +
                (response.vVoucherNumber ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Voucher Date</th>' +
                '<td>' +
                (response.dtVoucher ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Gross Amount</th>' +
                '<td>' +
                (response.dGrossAmt ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>TDS Amount</th>' +
                '<td>' +
                (response.dTDSAmt ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Net Amount</th>' +
                '<td>' +
                (response.dNetAmt ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Payment No</th>' +
                '<td>' +
                (response.vPaymentNo ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Cheque No</th>' +
                '<td>' +
                (response.vChequeNo ?? '-') + '</td>' +
                '</tr>' +
                '<tr>' +
                '<th>Cheque Date</th>' +
                '<td>' +
                (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');

        }

        var pan_no_timeout = 1;
        var IFSC_Code_timeout = 1;
        var vGst_timeout = 1;
        $("#pan_no").keyup(function() {
            $("#vPanName").val('');
            if ($("#pan_no_disabled").val() != $("#pan_no").val()) {
                $('#vPanCardDoc-div').show();
                $("#vPanCardDoc").rules('add', 'required');
            } else {
                $('#vPanCardDoc-div').hide();
                $("#vPanCardDoc").rules('remove', 'required');

            }
            if (pan_no_timeout == 1) {

                var regex = /([A-Z]){5}([0-9]){4}([A-Z]){1}$/;
                value = $("#pan_no").val();


                if (value.match(regex)) {
                    verifyPan();
                } else {
                    return false;
                }
                pan_no_timeout = 0;
                setTimeout(function() {
                    pan_no_timeout = 1;
                }, 500);
            }

        });


        $("#vGst").keyup(function() {
            if (vGst_timeout == 1) {

                value = $("#vGst").val();

                var regex = /\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}/;

                if (value.match(regex)) {
                    verifyGST();
                } else {
                    return false;
                }
                vGst_timeout = 0;
                setTimeout(function() {
                    vGst_timeout = 1;
                }, 500);
            }

        });

        const pan_no_pasteBox = document.getElementById("pan_no");
        pan_no_pasteBox.onpaste = e => {
            e.preventDefault();
            return false;
        };
        const vGst_pasteBox = document.getElementById("vGst");
        vGst_pasteBox.onpaste = e => {
            e.preventDefault();
            return false;
        };
        $('#pan_no,#vGst').bind("paste", function(e) {
            $.notify("Copy paste is disabled here", "info");
        });
    </script>




    <script>
        function downloaddocument($vVeriables) {
            $.ajax({
                url: "{{ url('downloadDoctordocumentfield') }}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    iActivityAssignID: $("#iActivityAssignID_consent").val(),
                    Type: $vVeriables,
                },
                success: function(response) {
                    var link = document.createElement('a');
                    link.href = response;
                    link.download = $vVeriables + '.pdf';
                    link.dispatchEvent(new MouseEvent('click'));
                }
            });
        }
    </script>



    <script>
        $(function() {
            $("input[name='pdf_img_selection_consent']").click(function() {
                if ($('#image_selected_consent').is(":checked")) {
                    $("#image_selected_consent_content").show();

                    $("#concent_doc").rules('remove', 'required');
                    $("#consentImage").rules('add', 'required');

                    $("#consentImage-error").hide();
                    $("#concent_doc-error").hide();


                } else {

                    $("#image_selected_consent_content").hide();
                    $("#concent_doc").rules('add', 'required');
                    $("#consentImage").rules('remove', 'required');
                }
            });
        });


        $(function() {
            $("input[name='pdf_img_selection_consent']").click(function() {
                if ($("#pdf_selected_consent").is(":checked")) {
                    $("#Consultancywrapper").show();
                    $("#concent_doc").rules('add', 'required');
                    $("#consentImage").rules('remove', 'required');


                    $('.Consultancy-file-upload-name').html('');
                    $('.image_preview').html('');
                    $('.deleteConsentClass').html('');
                    $('#addmoreconsentbtn').hide();
                    $('#addmoreconsendiv').hide();


                    $("#consentImage-error").hide();
                    $("#concent_doc-error").hide();

                    $(".file-upload-name").html('');

                } else {
                    $("#Consultancywrapper").hide();
                    $("#concent_doc").rules('remove', 'required');
                    $("#consentImage").rules('add', 'required');
                    $('.Consultancy-file-upload-name').html('');
                    $('#concent_doc-error').html('');

                }
            });
        });


        $(function() {
            $("input[name='pdf_img_selection_gst']").click(function() {
                if ($('#image_selected_gst_radio').is(":checked")) {
                    $("#image_selected_gst").show();
                    $("#consentdiv").show();
                    $("#bGstDoc").rules('remove', 'required');
                    $("#gstImage").rules('add', 'required');

                    $("#gstImage-error").hide();
                    $("#bGstDoc-error").hide();

                } else {
                    $("#image_selected_gst").hide();
                    $("#bGstDoc").rules('add', 'required');
                    $("#gstImage").rules('remove', 'required');
                }
            });
        });


        $(function() {
            $("input[name='pdf_img_selection_gst']").click(function() {
                if ($("#pdf_selected_gst").is(":checked")) {
                    $("#upload_gst").show();
                    $("#bGstDoc").rules('add', 'required');
                    $("#gstImage").rules('remove', 'required');

                    document.getElementsByName("gstImage[]").value = "";
                    $(".file-upload-name").html('');
                    $('.gst-file-upload-name').html('');
                    $('.image_preview').html('');
                    $('.deletegstClass').html('');
                    $('#addmoregstbtn').hide();
                    $('#addmoregstdiv').hide();

                    $("#gstImage-error").hide();
                    $("#bGstDoc-error").hide();


                } else {
                    $("#consentdiv").show();
                    $("#upload_gst").hide();
                    $("#bGstDoc").rules('remove', 'required');
                    $("#gstImage").rules('add', 'required');
                    $("#bGstDoc").val('');
                    $('.gst-file-upload-name').html('');
                    $('#bGstDoc-error').html('');

                    $(".file-upload-name").html('');
                }
            });
        });



        function approve(id = '', status, iCurrentStepID, iNextStepID) {
            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 = {
                        'eActivityStatus': status,
                        'iCurrentStepID': iCurrentStepID,
                        'iNextStepID': iNextStepID,
                        'iActivityAssignID': id,
                        '_token': "{{ csrf_token() }}"
                    }

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

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

        }

        $('#checkall').click(function() {
            if ($(this).is(':checked')) {
                $('.dt-checkboxes').prop('checked', true);
                $('.actionBtn').show();
            } else {
                $('.dt-checkboxes').prop('checked', false);
                $('.actionBtn').hide();
            }
        });


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

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


        function manualmailSend(id) {
            data = {
                'iActivityAssignID': id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('field.activity.assign.getDoctorData') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'manualReminder_response');
        }

        function manualReminder_response(response) {
            if (response.masterData != null) {


                $("#doctormobileno").html('<option value="">Select Mobile Number</option>');

                if (response.masterData.vMobileMaster != response.masterData.vMobileNo1) {
                    if (response.masterData.vMobileMaster != null && response.masterData.vMobileMaster != '') {
                        $("#doctormobileno").append('<option value="' + response.masterData.vMobileMaster + '">' + response
                            .masterData.vMobileMaster + '</option>');
                    }
                    if (response.masterData.vMobileNo1 != null && response.masterData.vMobileNo1 != '') {
                        $("#doctormobileno").append('<option value="' + response.masterData.vMobileNo1 + '">' + response
                            .masterData.vMobileNo1 + '</option>');
                    }
                } else {
                    $("#doctormobileno").append('<option value="' + response.masterData.vMobileMaster + '">' + response
                        .masterData.vMobileMaster + '</option>');
                }

                $("#doctoremail").html('<option value="">Select Email Address</option>');

                if (response.masterData.vEmailMaster != response.masterData.vEmail1) {
                    if (response.masterData.vEmailMaster != null && response.masterData.vEmailMaster != '') {
                        $("#doctoremail").append('<option value="' + response.masterData.vEmailMaster + '">' + response
                            .masterData.vEmailMaster + '</option>');
                    }
                    if (response.masterData.vEmail1 != null && response.masterData.vEmail1 != '') {
                        $("#doctoremail").append('<option value="' + response.masterData.vEmail1 + '">' + response
                            .masterData.vEmail1 + '</option>');
                    }
                } else {
                    $("#doctoremail").append('<option value="' + response.masterData.vEmailMaster + '">' + response
                        .masterData.vEmailMaster + '</option>');
                }

                if (response.contractData.vEmail == response.masterData.vEmailMaster || response.contractData.vEmail ==
                    response.masterData.vEmail1) {
                    $("#doctoremail").val(response.contractData.vEmail);
                }

                if (response.contractData.vMobile == response.masterData.vMobileMaster || response.contractData.vMobile ==
                    response.masterData.vMobileNo1) {
                    $("#doctormobileno").val(response.contractData.vMobile);
                }

                $("#iActivityAssignID_manualMail_send").val(response.iActivityAssignID);
                $("#iDoctorID").val(response.iDoctorID);

                $("#doctoremail").select2({
                    dropdownParent: $('#manual_send_modal')
                });
                $("#doctormobileno").select2({
                    dropdownParent: $('#manual_send_modal')
                });

                $("#manual_send_modal").modal('show');
            } else {
                $.notify(
                    'The Email ID or Mobile number are missing in the Master Data. Please update the Email ID & Mobile number in the Phyzii System.',
                    "error");
            }

        }



        $(function() {

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

            $("#validateFormMailSend").validate({
                rules: {
                    doctoremail: {
                        required: true,
                        // validateEmail: true,
                    },
                    doctormobileno: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateFormMailSend")[0]);

                    ajax_submit("{{ route('field.activity.assign.manualmailSend') }}", 'POST',
                        formData,
                        1, 'dataTable', 1, 1, 'reminder_responce');
                }
            });

        });

        function emailDataUpdate() {
            $('#isEmailChanged').val('Y');
        }

        function mobileDataUpdate() {
            $('#isMobileChanged').val('Y');
        }


        function reminder_responce(responce) {
            $('#checkall').prop('checked', false);
            $('.actionBtn').hide();
            $("#manual_send_modal").modal('hide');

        }
    </script>
@endsection