@extends('admin.layout')
@section('main')
    <!-- Modal -->
    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="editfield_person"
        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">Challenge Profile Score</h5>
                </div>
                <div class="modal-body">
                    {{ Form::open(['url' => '#', 'name' => 'validateForm', 'id' => 'validateForm', 'enctype' => 'multipart/form-data', 'class' => 'form-validate']) }}
                    <input type="hidden" id="iUserID" name="iUserID">
                    <div class="form-group  mb-2">
                        <label for="">SC Code</label>
                        <input type="text" class="form-control" name="vSCCode" id="vSCCode" disabled>
                    </div>
                    {{-- <div class="form-group  mb-2">
                        <label for="">Mobile</label>
                        <input type="text" class="form-control" name="vMobile" id="vMobile">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Email</label>
                        <input type="email" class="form-control" name="vEmail" id="vEmail">
                    </div> --}}
                    <div class="form-group  mb-2">
                        <label for="">Place</label>
                        <input type="text" class="form-control" name="vPlace" id="vPlace">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Doctor First Name</label>
                        <input type="text" class="form-control" name="vFname" id="vFname">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Doctor Middle Name</label>
                        <input type="text" class="form-control" name="vMname" id="vMname">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Doctor Last Name</label>
                        <input type="text" class="form-control" name="vLname" id="vLname">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Speciality</label>
                        <input type="text" class="form-control" name="vSpeciality" id="vSpeciality">
                    </div>
                    {{-- <div class="form-group  mb-2">
                    <label for="">FMV</label>
                    <input type="text" class="form-control" name="dFMV" id="dFMV">
                </div> --}}
                    <div class="form-group  mb-2">
                        <label for="">Address</label>
                        <input type="text" class="form-control" name="vAddress" id="vAddress">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">State</label>
                        <input type="text" class="form-control" name="vState" id="vState">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">City</label>
                        <input type="text" class="form-control" name="vCity" id="vCity">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Pincode</label>
                        <input type="text" class="form-control" name="vPincode" id="vPincode">
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">PAN Number</label>
                        <input type="text" class="form-control" name="vPANNumber" id="vPANNumber" disabled>
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">GST Number</label>
                        <input type="text" class="form-control" name="vGSTNumber" id="vGSTNumber" disabled>
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Company Name</label>
                        <input type="text" class="form-control" name="vCompanyName" id="vCompanyName" disabled>
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">HCP Cheque Name</label>
                        <input type="text" class="form-control" name="vBankAccountName" id="vBankAccountName"
                            disabled>
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Bank Account No.</label>
                        <input type="text" class="form-control" name="vBankAccountNumber" id="vBankAccountNumber"
                            disabled>
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Bank IFSC Code</label>
                        <input type="text" class="form-control" name="vBankIFSCCode" id="vBankIFSCCode" disabled>
                    </div>
                    <div class="form-group  mb-2">
                        <label for="">Bank Account Type</label>
                        <input type="text" class="form-control" name="vBankAccountType" id="vBankAccountType"
                            disabled>
                    </div>
                    <div class="form-group d-flex">
                        <button type="submit" class="btn btn-primary update-event-btn  mr-1"
                            id="submit">Submit</button>
                        <button class="btn btn-outline-danger btn-delete-event " data-dismiss="modal">Cancel</button>
                    </div>
                    {{ Form::close() }}
                </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="">Profile Score Track</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <ul class="timeline ml-50" id="track_modal_body">

                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="content-header row">
    </div>
    <div class="content-wrapper">
        <div class="content-header row">
        </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>Challenge Profile Score<a href="#" class="ml-1" data-toggle="tooltip" data-placement="right"
                                title="View list of all doctors available in DigiCon System."><i
                                    data-feather="help-circle"></i></a></h2>
                    </div>
                    <div class="col-lg-2 col-md-3 my-1 ml-auto">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="isMyApproval"
                                name="isMyApproval">
                                <option value="">Filter</option>
                                <option value="Y">My Approval Pending</option>

                            </select>
                        </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>
                    <div class="col-lg-auto  col-md-6 my-1 text-right">
                        <div class="form-group">
                            <button class="btn btn-success btn-toggle-sidebar waves-effect waves-float waves-light"
                                onclick="exportData()">
                                <span class=""><i data-feather="download" class="ml-1"></i> Export</span>
                            </button>
                        </div>
                    </div>
                </div>


            </section>
            <section id="column-search-datatable">

                <div class="row">
                    <div class="col-12">
                        <div class="card">

                            <div class="card-datatable p-1 table-responsive">
                                <button onclick="challengeApprove()" class="badge badge-success mr-1 my-1 actionBtn"
                                    style='display:none'>Approve <i data-feather="check-square"></i></button>
                                <button onclick="challengeReject()" class="badge badge-danger mr-1 my-1 actionBtn"
                                    style='display:none'>Reject <i data-feather="x-circle"></i></button>
                                <table class="dt-column-search table table-striped w-100 text-center display"
                                    id="dataTable">
                                    <thead>
                                        <tr>
                                            @if (auth()->user()->can('fmv_challenge_approve_reject'))
                                                <th><input type="checkbox" id="checkall"></th>
                                            @endif
                                            <th>Sr. No.</th>
                                            <th>Action</th>
                                            <th>SC Code</th>
                                            <th>Doctor Name</th>
                                            <th>Position Code</th>
                                            <th>Field Person</th>
                                            <th>Specialty by Qualification</th>
                                            <th>Speciality by Practice</th>
                                            <th>State</th>
                                            <th>City</th>
                                            <th>Mobile No</th>
                                            <th>Email ID</th>
                                            <th>Profile Score</th>

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

        </div>
    </div>

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


    <div class="modal fade text-left modal-slide-in event-sidebar fade" data-keyboard="false" id="fmv_add_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">Doctor Profile Score Data</h5>
                </div>
                <div class="modal-body flex-grow-1 pb-sm-0 pb-3">
                    {{ Form::open(['url' => '#', 'name' => 'validateFMVForm', 'id' => 'validateFMVForm', 'enctype' => 'multipart/form-data']) }}
                    <input type="hidden" name="FMVvSCCode" id="FMVvSCCode">
                    <input type="hidden" name="iFMVLogID" id="iFMVLogID">
                    <input type="hidden" name="eFMVStatus" id="eFMVStatus">

                    <div class="col-lg-12 col-md-12 my-1">
                        <label for="">1. Qualification</label>
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="Question1" name="Question1" onchange="ChallangeFMV()">
                                <option value="">Add Qualification</option>
                                <option value="1">Non MBBS/ Homeo/Ayurveda, Dietician</option>
                                <option value="2">MBBS/ Equivalent</option>
                                <option value="3">MD/ Equivalent</option>
                                <option value="4">Super Specialty/DM/MCH</option>
                            </select>
                        </div>
                        <label id="Question1-error" class="error" for="Question1"></label>
                    </div>


                    <div class="col-lg-12 col-md-12 my-1">
                        <label for="">2. Location</label>
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="Question2" name="Question2" onchange="ChallangeFMV()">
                                <option value="">Add Location</option>
                                <option value="1">Non Metro</option>
                                <option value="2">Metro</option>
                            </select>
                        </div>

                        <label id="Question2-error" class="error" for="Question2"></label>
                    </div>


                    <div class="col-lg-12 col-md-12 my-1">
                        <label for="">3. No. of years of experience</label>
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="Question3" name="Question3" onchange="ChallangeFMV()">
                                <option value="">Add experience</option>
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                                <option value="32">32</option>
                                <option value="33">33</option>
                                <option value="34">34</option>
                                <option value="35">35</option>
                                <option value="36">36</option>
                                <option value="37">37</option>
                                <option value="38">38</option>
                                <option value="39">39</option>
                                <option value="40">40</option>
                                <option value="41">41</option>
                                <option value="42">42</option>
                                <option value="43">43</option>
                                <option value="44">44</option>
                                <option value="45">45</option>
                                <option value="46">46</option>
                                <option value="47">47</option>
                                <option value="48">48</option>
                                <option value="49">49</option>
                                <option value="50">50</option>
                                <option value="51">51</option>
                                <option value="52">52</option>
                                <option value="53">53</option>
                                <option value="54">54</option>
                                <option value="55">55</option>
                                <option value="56">56</option>
                                <option value="57">57</option>
                                <option value="58">58</option>
                                <option value="59">59</option>
                                <option value="60">60</option>
                            </select>
                        </div>
                        <label id="Question3-error" class="error" for="Question3"></label>
                    </div>



                    <div class="col-lg-12 col-md-12 my-1">
                        <label for="">4. Number of Journals/Papers Published</label>
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="Question4" name="Question4" onchange="ChallangeFMV()">
                                <option value="">Add Journals/Papers Published</option>
                                <option value="0">Zero</option>
                                <option value="1">Less than 3</option>
                                <option value="2">Between 3 - 5</option>
                                <option value="3">More than 5</option>
                            </select>
                        </div>
                        <label id="Question4-error" class="error" for="Question4"></label>
                    </div>

                    <div class="col-lg-12 col-md-12 my-1">
                        <label for="">5. Prior experience as Speaker at Scientific Conferences</label>
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="Question5" name="Question5" onchange="ChallangeFMV()">
                                <option value="">Add Prior experience</option>
                                <option value="0">No Speaker Experience</option>
                                <option value="1">Speaker at National Conferences</option>
                                <option value="2">Speaker at International Conferences</option>
                            </select>
                        </div>
                        <label id="Question5-error" class="error" for="Question5"></label>
                    </div>


                    <div class="form-group mt-2" id="UploadFMVDocumentDiv" style="display:none;" >
                        <button class="btn btn-outline-primary w-100" >
                            <input type="file" id="challangedFMVDocument" name="challangedFMVDocument"
                                class="upload-file" >
                            <span class="filename">Browse</span>
                            <i class="fa fa-upload ml-1" style="color: #db644d;"></i>
                        </button>
                        <label id="challangedFMVDocument-error" class="error" for="challangedFMVDocument"></label>
                    </div>



                    <div class="form-group d-flex mt-3" id="FMVSubmitBtn">
                        <button type="submit" id="FMVsubmitApprove"
                            class="btn btn-success update-event-btn  mr-1">Approve</button>
                        <button type="submit" id="FMVsubmitReject"
                            class="btn btn-danger update-event-btn  mr-1">Reject</button>

                            <button type="submit" id="ChallengeSubmit"
                            class="btn btn-danger update-event-btn  mr-1">Submit</button>

                        <button class="btn btn-outline-danger btn-delete-event " type="reset" data-dismiss="modal"
                            id="FMVCancel">Cancel</button>





                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>


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


    {{-- for doctor detail --}}
@endsection
@section('scripts')
    <script>
        $('#FMVsubmitApprove').click(function() {
            $('#eFMVStatus').val('Approved');
        });
        $('#ChallengeSubmit').click(function() {
            $('#eFMVStatus').val('ChallangePending');
        });
        $('#FMVsubmitReject').click(function() {
            $('#eFMVStatus').val('Rejected');
        });


        $(function() {
            var columns = [
                @if (auth()->user()->can('fmv_challenge_approve_reject'))
                    {
                        data: 'checkbox',
                        orderable: false,
                        searchable: false
                    },
                @endif {
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },


                {
                    data: 'action',
                    "orderable": false,
                    searchable: false

                },
                {
                    data: 'vSCCode',
                },
                {
                    data: 'doc_name',
                    searchable: false,
                    "orderable": false,
                },
                {
                    data: 'vPositionCode',
                    name: 'doctor_user_tbl.parent.vPositionCode',
                    "orderable": false,
                    // searchable: false
                },
                {
                    data: 'parent',
                    name: 'doctor_user_tbl.parent.vFirstName',
                    "orderable": false,
                    // searchable: false
                },
                {
                    data: 'masterSpeciality',
                    name: 'masterSpeciality',
                    "orderable": false,
                    // searchable: false
                },
                {
                    data: 'vSpeciality',
                },
                {
                    data: 'vState',
                },
                {
                    data: 'vCity',
                },
                {
                    data: 'vMobile',
                },
                {
                    data: 'vEmail',
                },
                {
                    data: 'dFMV',
                },

            ];
            var columnDefs = [];
            getdatatable("{{ route('division.doctor.challenge.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d.isMyApproval = $("#isMyApproval").val(),
                        d._token = "{{ csrf_token() }}"
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();
                    $('#checkall').prop('checked', false);
                    $('.actionBtn').hide();
                    $('.dt-checkboxes').click(function() {
                        if ($('[name="checkbox[]"]:checked').length > 0) {
                            $('.actionBtn').show();
                        } else {
                            $('.actionBtn').hide();
                        }
                    });
                },

            });
        }



        function getUserData(id) {
            $.get("{{ route('division.doctor.edit', '') }}/" + id, {
                    _token: "{{ csrf_token() }}"
                },
                function(data, status) {
                    data = JSON.parse(data);
                    option = '';
                    for (const [key, value] of Object.entries(data['user'])) {
                        if (key != 'vCleanedEmail' && key != 'vCleanedMobile' && key != 'vEmail' && key != 'vMobile') {
                            $("#" + key).val(value);
                        }
                    }
                    $("#vEmail").val(data['vEmail']);
                    $("#vMobile").val(data['vMobile']);

                    $("#editfield_person").modal('toggle');
                });
        }

        $(document).ready(function() {

            $("#validateForm").validate({
                ignore: ".ignore",
                rules: {
                    iUserID: {
                        required: true,
                    },
                    // vSCCode: {
                    //     required: true,
                    // },
                    vMobile: {
                        maxlength: 10,
                        minlength: 10,
                        number: true,
                        required: true,
                    },
                    vEmail: {
                        email: true,
                    },
                    vPlace: {
                        required: true,
                    },
                    vFname: {
                        required: true,
                    },
                    vMname: {
                        required: true,
                    },
                    vLname: {
                        required: true,
                    },
                    vSpeciality: {
                        required: true,
                    },
                    // dFMV: {
                    //     required: true,
                    //     number: true,
                    // },
                    vAddress: {
                        required: true,
                    },
                    vState: {
                        required: true,
                    },
                    vCity: {
                        required: true,
                    },
                    vPincode: {
                        required: true,
                        number: true,
                    },
                    // vPANNumber: {
                    //     required: true,
                    // },
                    // vGSTNumber: {
                    //     required: true,
                    // },
                    // vCompanyName: {
                    //     required: true,
                    // },
                    // vBankAccountName: {
                    //     required: true,
                    // },
                    // vBankAccountNumber: {
                    //     required: true,
                    // },
                    // vBankIFSCCode: {
                    //     required: true,
                    // },
                    // vBankAccountType: {
                    //     required: true,
                    // }
                },
                submitHandler: function(form) {
                    // return false;
                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);

                    var formData = new FormData($("#validateForm")[0]);
                    $.ajax({
                        url: "{{ route('division.doctor.update') }}",
                        type: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        dataType: "json",
                        success: function(response) {
                            if (response.status == 0) {
                                $("#submit").html('Submit');
                                $("#submit").attr('disabled', false);
                                $.notify(response.message, "error");
                            } else {
                                $.notify(response.message, "success");
                                $("#submit").attr('disabled', false);
                                $("#submit").html('Submit');
                                $("#editfield_person").modal('toggle');
                                $('#dataTable').DataTable().ajax.reload();
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            var flag = 0;
                            $("#submit").html('Submit');
                            $("#submit").attr('disabled', false);
                            $.each(jqXHR.responseJSON.errors, function(index, data) {
                                if (flag == 0) {
                                    $('input[name="' + index + '"]').focus();
                                    flag = 1;
                                }
                                if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type != 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "SELECT") {
                                    $('select[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "TEXTAREA") {
                                    $('textarea[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                } else if (document.getElementsByName(index)[0]
                                    .tagName == "INPUT" && document
                                    .getElementsByName(index)[0].type == 'radio'
                                ) {
                                    $('input[name="' + index + '"]').after(
                                        '<label id="' + index +
                                        '-error" class="error" for="' +
                                        index + '">' + data + '</label>');
                                }
                            });
                        }
                    }); //ajax
                }
            });
        });

        function updateStatus(status, id) {
            $.post("{{ route('division.doctor.update.status') }}", {
                    iUserID: id,
                    eStatus: status,
                    _token: "{{ csrf_token() }}"
                },
                function(data, status) {
                    response = JSON.parse(data);
                    if (response.status == 0) {
                        $.notify(response.message, "error");
                    } else {
                        $('#dataTable').DataTable().ajax.reload();
                        $.notify(response.message, "success");
                    }
                });
        }

        //for show doctors details
        function doctor_detail(id) {
            data = {
                'iDoctorID': id,
                '_token': "{{ csrf_token() }}"
            }

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

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






        function FMVDataView(vSCCode = '') {
            $("#fmv_add_modal").modal('show');
            data = {
                'vSCCode': vSCCode,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.fmvData') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'fmv_view_detail_response');
        }


        function fmv_view_detail_response(response) {

            if(response.eFMVStatus == 'Approved'){

                $('#FMVvSCCode').val(response.vSCCode);
            $('#iFMVLogID').val(response.iFMVLogID);
                $('#eFMVStatus').val(response.eFMVStatus);

                $("#Question1").select2("destroy");
                $("#Question2").select2("destroy");
                $("#Question3").select2("destroy");
                $("#Question4").select2("destroy");
                $("#Question5").select2("destroy");

                $('#Question1').val(response.vQuestion1Answer).trigger('change');
                $('#Question2').val(response.vQuestion2Answer).trigger('change');
                $('#Question3').val(response.vQuestion3Answer).trigger('change');
                $('#Question4').val(response.vQuestion4Answer).trigger('change');
                $('#Question5').val(response.vQuestion5Answer).trigger('change');

                $('#FMVSubmitBtn').hide();
                $('#FMVsubmitApprove').hide();
                $('#FMVsubmitReject').hide();
                $('#ChallengeSubmit').hide();
                $('#FMVCancel').hide();
                $('#FMVsubmit').hide();




            }else{
                $('#FMVSubmitBtn').hide();
            $('#FMVsubmitApprove').hide();
            $('#FMVsubmitReject').hide();
            $('#ChallengeSubmit').hide();
            $('#FMVCancel').hide();
            $('#FMVsubmit').hide();
            $('#Question1').val(response.vQuestion1Answer).select2();
            $('#Question2').val(response.vQuestion2Answer).select2();
            $('#Question3').val(response.vQuestion3Answer).select2();
            $('#Question4').val(response.vQuestion4Answer).select2();
            $('#Question5').val(response.vQuestion5Answer).select2();


            }


        }
        $("#validateFMVForm").validate({
            rules: {
                FMVvSCCode: {
                    required: true,
                },
                eFMVStatus: {
                    required: true,
                },
                iFMVLogID: {
                    required: true,
                },
                Question1: {
                    required: true,
                },
                Question2: {
                    required: true,
                },
                Question3: {
                    required: true,
                },
                Question4: {
                    required: true,
                },
                Question5: {
                    required: true,
                },
            },
            submitHandler: function(form) {
                if ($('#eFMVStatus').val() == 'Approved') {
                    Swal.fire({
                        title: 'Are You sure ?',
                        text: "Once FMV approved, you will not be able to change FMV criteria of these doctor. Please reconfirm.",
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Yes'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            var formData = new FormData($("#validateFMVForm")[0]);

                            ajax_submit("{{ route('division.doctor.fmv.updateByDivision') }}", 'POST',
                                formData, 1, 'dataTable', 1, 1, 'fmv_add_response');
                        }
                    })
                } else {
                    Swal.fire({
                        title: 'Are You sure ?',
                        text: "You want to Reject it",
                        // icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Yes'
                    }).then((result) => {
                        if (result.isConfirmed) {

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

                            ajax_submit("{{ route('division.doctor.fmv.updateByDivision') }}", 'POST',
                                formData, 1, 'dataTable', 1, 1, 'fmv_add_response');
                        }
                    })
                }
            }
        });

        function fmv_add_response(response) {
            reset_fmv_add_form();
            $("#fmv_add_modal").modal('hide');
        }

        function reset_fmv_add_form() {
            $('label.error').html('');
            $("#vSCCode").val('');
        }







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


        function fmvDataAddTrack(vSCCode) {
            data = {
                'vSCCode': vSCCode,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.fmv.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'fmvTrack_response');
        }

        function fmvTrack_response(response) {
            var html = '';
            $(response).each(function(index, element) {
                $title = '';

                switch (element.eType) {
                    case 'Added':
                        $title = 'Profile Score Added';
                        break;
                    case 'Updated':
                        $title = 'Profile Score Updated';
                        break;
                    case 'Approved':
                        $title = 'Profile Score Approved';
                        break;
                    case 'Rejected':
                        $title = 'Profile Score Rejected';
                        break;
                    case 'ChallangePending':
                        $title = 'Profile Score Challenged';
                        break;
                    case 'ChallangeRejected':
                        $title = 'Profile Score Challenge Rejected';
                        break;
                    case 'DoctorSpecialityAdded':
                        $title = 'Doctor Speciality Added';
                        break;
                    case 'ChallangeApproved':
                        $title = 'Profile Score Challange Approved';
                        break;
                    case 'ChallangeRejected':
                        $title = 'Profile Score Challange Rejected';
                        break;
                    case 'EmailMobileUpdated':
                        $title = 'Email/Mobile Updated';
                        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 == '') ? +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> ('+ (element.vDivision != null ? element.vDivision : 'Multiple Division') + ')</h6>' +
                    '<h6>Profile Score :<label class="badge badge-light-primary">' + (element.vProfileScore) + '</label></h6>' +
                    '</div>' +
                    '<hr class="mb-0">' +
                    '</li>';
            });
            $("#track_modal_body").html(html);
            $("#track_modal").modal('show');
        }



        @if (auth()->user()->can('fmv_challenge_add'))
        console.log($('#eFMVStatus').val());
        function ChallangeFMV() {
            if($('#eFMVStatus').val() == 'Approved'){
                $('#UploadFMVDocumentDiv').show();
                $('#FMVSubmitBtn').show();
                $('#FMVCancel').show();
                $('#FMVsubmit').show();
                $('#ChallengeSubmit').show();
                $("#challangedFMVDocument").rules('add', 'required');
            }else if($('#eFMVStatus').val() == 'Rejected'){
                $('#UploadFMVDocumentDiv').show();
                $('#FMVSubmitBtn').show();
                $('#FMVCancel').show();
                $('#ChallengeSubmit').show();
                $('#FMVsubmit').show();
                $("#challangedFMVDocument").rules('add', 'required');

            }else{

            }

        }
        @endif




        function FMVDocumentView(iFMVLogID = '') {
            data = {
                'iFMVLogID': iFMVLogID,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.doctor.challenge.fmvDocumentView') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'fmv_document_view_response');
        }


        function fmv_document_view_response(response) {

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



        function challengeApprove(vSCCode = '') {
            if (vSCCode == '') {
                vSCCode = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();
                console.log(vSCCode.length);
                if (vSCCode.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 = {
                        'eFMVStatus': 'Approved',
                        'vSCCode': vSCCode,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('division.fmv.challenge.status') }}", 'POST', data, 1, 'dataTable', 1, 0,
                        'approve_responce');
                }
            })
        }



        function challengeReject(vSCCode = '') {
            if (vSCCode == '') {
                vSCCode = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();
                console.log(vSCCode.length);
                if (vSCCode.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 = {
                        'eFMVStatus': 'ChallangeRejected',
                        'vSCCode': vSCCode,
                        '_token': "{{ csrf_token() }}"
                    }

                    ajax_call("{{ route('division.fmv.challenge.status') }}", 'POST', data, 1, 'dataTable', 1, 0,
                        'approve_responce');
                }
            })
        }


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

        }


        function setFilter() {
            $('#dataTable').DataTable().ajax.reload();
        }
        function resetFilter() {
            $("#isMyApproval").val('').select2();
            $('#dataTable').DataTable().ajax.reload();
        }

        function exportData() {
            window.open("{{ route('division.doctor.challengeData.export') }}?isMyApproval=" +
                btoa($("#isMyApproval").val()), '_blank');
        }
    </script>
@endsection