@extends('dashboard/layout.app')
@section('title', 'BettrAi | Patient Bulk Assignemts')
@section('content')

<link href="{{ url('/assets/plugins/custom/datatables/datatables.bundle.css') }}" media="screen" rel="stylesheet" type="text/css" >

<style>
 
</style>
<div class="d-flex flex-column-fluid">
    <div class="container">
      <div id="assignment_data">
        <div class="card card-custom gutter-b card-stretch">
            <div class="card-header py-2">
                 <h3 class="card-title align-items-start flex-column">
                    <span class="card-label font-weight-bolder text-dark"> Bulk Patient Assignment</span>
                </h3>  
                <div class="card-toolbar text-right">   
                    <a href="{{ url('/assignPatients') }}" name="add_bulk" id="add_bulk" class="btn btn-light-primary" >Add / Assign Bulk Patients</a>          
                </div>
            </div>								
            <div class="card-body py-0">
                <!--begin::Table-->
                
                    <div class="row" >
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-lg-3">
                                    <div class="form-group fv-plugins-icon-container">
                                        <label>Location: </label>
                                        <select id="sub_facility" name="sub_facility" onchange="get_location_physicians(this.value)" class="form-control" required="required">											
                                        <option value="">All</option>	
                                                                                </select>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="form-group fv-plugins-icon-container">
                                        <label>Program: </label>
                                        <select id="program_id" name="program_id" onchange="get_bylocation_details('',this.value)" class="form-control" multiple="multiple">											
                                        <option value="">All</option>	
                                                                                </select>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group fv-plugins-icon-container">
                                        <label>Care Team Member: </label>
                                        <select id="physician_id" name="physician_id"  class="form-control select facility-dropdown dash-select2" required="required">											
                                            <option value="">All</option>	
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                <label>Assign Type: </label>
                                        <select id="assign_type" name="assign_type" class="form-control">
                                                <option value="">All</option>
                                                <option value="Primary_Care_Physician">Primary Care Physician</option>
                                                <option value="Program_Physician">Program Physician</option>
                                                <option value="Care_Team_Lead">Care Team Lead</option>
                                                <option value="Care_Coordinator">Care Coordinator</option>
                                                <option value="Additional_Provider">Additional Provider</option>
                                                <option value="Additional_Care_Team_Member">Additional Care Team Member</option>
                                        </select>
                                </div>
                                <div class="col-lg-1 mt-8">
                                    <input type="button" name="search" id="search" value="Search" class="btn btn-primary mr-10" onClick="getSearchData()">
                                </div>	
                            </div>  
                        </div>
                    </div>  
                    <div class="row">
                        <div class="col-lg-12">
                            <div id="bulk_assignment_data" class="table-responsive"></div>                   
                        </div>
                    </div>                
            </div>
        </div>
      </div>
      <div id="bulk_update_data" style="display:none;">
        <div id="bulk_update_content">
        
        </div>                          
      </div>
    </div>
</div>
<div class="modal fade" id="viewPatietnList" tabindex="-1" role="dialog" aria-labelledby="viewPatietnList" aria-hidden="true">
	<div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title ass_title" id=""> Selected Patients List</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i aria-hidden="true" class="ki ki-close"></i>
                </button>
            </div>
            <div class="modal-body p-0" style="">												
                <div id="view_patient_data">
                
                </div>
            </div>					
        </div>
	</div>
</div>
<script type="text/javascript" src="{{ url('/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script type="text/javascript" src="{{ url('/assets/js/pages/crud/datatables/basic/paginations.js') }}"></script>

<script>
$(document).ready(function(){
    get_location_physicians('');
    getSearchData();
    $('#physician_id').select2({});
    $('#program_id').select2({
		placeholder: "All",
		dropdownCssClass: "notranslate"
	});
    
}) 

function get_location_physicians(location_id){
	//if(location_id!=''){
        $(".tabloadershow").show();
        var link_url = "{{ url('/getCareTeamMembers') }}?location_id="+location_id;
        $.ajax({
            url : link_url,
            success: function(data){
                if(data=="<option value=''>All</option>"){
                   // data= '<option></option>'+data;
                    $('#physician_id').html(data);
                    // swal("No physicians found"); 
                    // return false;
                } else {
                    //data= '<option></option>'+data;
                    $('#physician_id').html(data);
                }
                $(".tabloadershow").hide();
            }
        });
	//}
}
function getSearchData(){
    var sub_facility = $("#sub_facility").val();
    var program_id = $("#program_id").val();
    var physician_id = $("#physician_id").val();
    var assign_type = $("#assign_type").val();
    
    $(".tabloadershow").show();
    var link_url = "{{ url('/getBulkAssignmentData') }}?location_id="+sub_facility+'&program_id='+program_id+'&physician_id='+physician_id+'&assign_type='+assign_type;
    
    $('#bulk_assignment_data').load(link_url);
    setTimeout(() => {
        $(".tabloadershow").hide();
    }, 500);
   
}
function bulk_update_users(physician_id,location_id){
    $("#assignment_data").hide();
    var program_id = $("#program_id").val();
    //var assign_type = $("#assign_type").val();
    var assign_type = '';
    //alert(assign_type)
    $(".tabloadershow").show();
    var link_url = "{{ url('/getBulkPhyUpdateData') }}?location_id="+location_id+'&program_id='+program_id+'&physician_id='+physician_id+'&physician_id='+physician_id+'&assign_type='+assign_type;
    $('#bulk_update_content').load(link_url);
    $("#bulk_update_data").show();
    setTimeout(() => {
        $(".tabloadershow").hide();
    }, 500);
}
function bulk_remove_users(physician_id,location_id){
    $("#assignment_data").hide();
    var program_id = $("#program_id").val();
    //var assign_type = $("#assign_type").val();
    var assign_type = '';
    $(".tabloadershow").show();
    $('#bulk_update_content').empty();
    var link_url = "{{ url('/getBulkPhyRemoveData') }}?location_id="+location_id+'&program_id='+program_id+'&physician_id='+physician_id+'&physician_id='+physician_id+'&assign_type='+assign_type;
    $('#bulk_update_content').load(link_url);
    $("#bulk_update_data").show();
    setTimeout(() => {
        $(".tabloadershow").hide();
    }, 500);
}
function bulk_view_users(physician_id,location_id){
    $("#assignment_data").hide();
    var program_id = $("#program_id").val();
    //var assign_type = $("#assign_type").val();
    var assign_type = '';
    $(".tabloadershow").show();
    $('#bulk_update_content').empty();
    var link_url = "{{ url('/viewBulkAddAssignmentData') }}?location_id="+location_id+'&program_id='+program_id+'&physician_id='+physician_id+'&assign_type='+assign_type;
    $('#bulk_update_content').load(link_url);
    $("#bulk_update_data").show();
    setTimeout(() => {
        $(".tabloadershow").hide();
    }, 500);
}
function backtomain(){
    selected_patients = [];
    selected_patient_ids = [];
    $('#bulk_update_content').empty().html('');
    $("#bulk_update_data").hide();
    $("#assignment_data").show();
}
$(document).on('change', '#u_assign_careteam_member',function(){
    var text  = $(this).find("option:selected").text(); 
    $("#uc_add_careteam").html(text);
})
$(document).on('click', '#update_bulk',function(){

    var assign_careteam_member = $("#u_assign_careteam_member").val();
    var assign_type = $("#u_assign_type").val();
    if(assign_type==''){
        swal("Please select assign type")
        return false;
    }
    if(assign_careteam_member==''){
        swal("Please select care team member")
        return false;
    }
    var selected_patients1 = $('#kt_datatable_bulk_update_data')
                  .DataTable()
                  .$('input.update_patients:checked').length;

    if( selected_patients1 < 1){
        swal("Please select atleast one patient")
        return false;
    }
    var selected_patients_data = $('#kt_datatable_bulk_update_data')
            .DataTable()
            .$('input.update_patients:checked').map(function() {
            return this.value;
        }).get();
    var formData = new FormData();
    formData = new FormData($('#bulk_update_form')[0]);
	formData.append("_token", '{{csrf_token()}}'); 
	formData.append("selected_patients_data", selected_patients_data); 
	// formData.append("assign_careteam_member", assign_careteam_member); 
	// formData.append("assign_type", assign_type); 
	// formData.append("patient_ids[]", $('.update_patients:checked').serializeArray()); 
    // console.log("testtttt"+$('.update_patients:checked').serializeArray())
    let update_confirm = $(".update_confirm").html();
    swal({
        title: 'Please Confirm Your Assignment.',
        html: update_confirm,
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#218838',
        cancelButtonColor: '#dc3545',
        cancelButtonText: "No",
        confirmButtonText: 'Yes',
        showLoaderOnConfirm: true,
        position: 'top',
        width: '50%',
        preConfirm: function(result) {
            if (result) {
                return new Promise(function(resolve) {
                    var link_url = "{{ url('/updateBulkAssignment') }}";
                    $.ajax({
                        url : link_url,
                        type: "post",
                        data: formData,
                        processData: false,   // prevent jQuery from processing the data
                        contentType: false, 
                        success: function(data){
                            if(data=='success'){
                                swal.close();
                                $(".tabloadershow").hide();
                                swal("Updated Successfully")
                                getSearchData()
                                selected_patients = [];
                                selected_patient_ids = [];
                                $("#bulk_update_data").hide();
                                $('#bulk_update_content').empty();
                                $("#assignment_data").show();
                                
                            }else{
                                $(".tabloadershow").hide();
                                swal.close();
                                swal("Something went wrong")
                                
                            }
                        }
                    });                    
                });
            } else {
                //location.reload();
            }
        },
    }).then(function(result) {
        if (result.dismiss == 'cancel') {
            swal.close();
        }
        swal.close();
    }); 
    
    
})
$(document).on('change', '#update_select_all', function () {
    var isChecked = $(this).is(":checked");

    // Loop over all rows across all pages
    $('#kt_datatable_bulk_update_data').DataTable().rows().every(function () {
        var $row = $(this.node());
        var $checkbox = $row.find('.update_patients');

        $checkbox.prop('checked', isChecked);

        let data_patient = $checkbox.attr('data-patient');
        let patient_id = $checkbox.val();

        if (isChecked && data_patient!==undefined && data_patient!=='undefined') {
            if (!selected_patient_ids.includes(patient_id)) {
                selected_patient_ids.push(patient_id);
                selected_patients.push(data_patient);
            }
        }
    });

    if (!isChecked) {
        selected_patient_ids = [];
        selected_patients = [];
    }

    $(".selected_patients").html(selected_patients.length);
});

// Keep checkboxes checked when paging
$('#kt_datatable_bulk_update_data').on('draw.dt', function () {
    $('#kt_datatable_bulk_update_data').DataTable().rows().every(function () {
        var $row = $(this.node());
        var $checkbox = $row.find('.update_patients');
        if (selected_patient_ids.includes($checkbox.val())) {
            $checkbox.prop('checked', true);
        }
    });
});
$(document).on('change', '.update_patients', function(){
    if (! $(this).is(":checked")) {
        $('#update_select_all').prop('checked',false);
    }
})
$(document).on('change', '#remove_type', function() {
    var sel_val = $(this).val();
    if(sel_val!=''){
        sel_val = sel_val.replace(/_/g, " ");
        $("#u_assign_type").val(sel_val);
        $("#uc_add_role").html(sel_val);
    }else{
        $("#u_assign_type").val('All');
        $("#uc_add_role").html('All');
    }
    bulk_update_datatable()    
    get_u_location_physicians($(this).val())
})
$(document).on('change', '#r_remove_type', function() {
    var sel_val = $(this).val();
    var selectedTexts = $(this).find("option:selected").map(function() {
      return $(this).text();
    }).get();  // convert jQuery object to array

    // join with commas
    var result = selectedTexts.join(", ");
    if(result==''){
        result = "All";
    }
    $("#rc_add_role").html(result);
    bulk_remove_datatable()    
})
$(document).on('click', '#remove_bulk',function(){

    var assign_careteam_member = $("#assign_careteam_member").val();
    var r_remove_type = $("#r_remove_type").val();
    // if(r_remove_type==''){
    //     swal("Please select assign type")
    //     return false;
    // }
    var check_box_enabled = $("#check_box_enabled").val();
    if(check_box_enabled==0){
        swal("Removal of the Program Physician and care team leads is not allowed. Please go to the update screen and replace them with new members of the care team.");
        return false;
    }
    var selected_patients1 = $('#kt_datatable_bulk_update_data')
                  .DataTable()
                  .$('input.update_patients:checked').length;
    if(selected_patients1 < 1){
        swal("Please select atleast one patient")
        return false;
    }
    var selected_patients_data = $('#kt_datatable_bulk_update_data')
                  .DataTable()
                  .$('input.update_patients:checked').map(function() {
					return this.value;
				}).get();
    var formData = new FormData();
    formData = new FormData($('#bulk_remove_form')[0]);
    formData.append("_token", '{{csrf_token()}}'); 
    formData.append("selected_patients_data", selected_patients_data); 
    // formData.append("assign_careteam_member", assign_careteam_member); 
    // formData.append("assign_type", assign_type); 
    // formData.append("patient_ids[]", $('.update_patients:checked').serializeArray()); 
    // console.log("testtttt"+$('.update_patients:checked').serializeArray())
    let update_confirm = $(".remove_confirm").html();
    swal({
        title: 'Please Confirm Your Assignment.',
        html: update_confirm,
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#218838',
        cancelButtonColor: '#dc3545',
        cancelButtonText: "No",
        confirmButtonText: 'Yes',
        showLoaderOnConfirm: true,
        position: 'top',
        width: '50%',
        preConfirm: function(result) {
            if (result) {
                return new Promise(function(resolve) {
                    $(".tabloadershow").show();
                    var link_url = "{{ url('/removeBulkAssignment') }}";
                    $.ajax({
                        url : link_url,
                        type: "post",
                        data: formData,
                        processData: false,   // prevent jQuery from processing the data
                        contentType: false, 
                        success: function(data){
                            if(data=='success'){
                                $(".tabloadershow").hide();
                                swal.close();
                                swal("Removed Successfully")
                                getSearchData();
                                selected_patients = [];
                                selected_patient_ids = [];
                                $("#bulk_update_data").hide();
                                $('#bulk_update_content').empty();
                                $("#assignment_data").show();
                            }else{
                                swal.close();
                                $(".tabloadershow").hide();
                                swal("Something went wrong")
                                
                            }
                        }
                    });                    
                });
            } else {
                //location.reload();
            }
        },
    }).then(function(result) {
        if (result.dismiss == 'cancel') {
            swal.close();
        }
        swal.close();
    });
   
})
var selected_patients = [];
var selected_patient_ids = [];
$(document).on('change', '.update_patients', function(){
    let data_patient = $(this).attr('data-patient');
    let patient_id = $(this).val();
    if($(this).is(":checked")){
        selected_patient_ids.push(patient_id)
        selected_patients.push(data_patient);
    } else {
        selected_patients = selected_patients.filter(function(patient){
            return patient !== data_patient;
        });
        selected_patient_ids = selected_patient_ids.filter(function(patient){
            return patient !== patient_id;
        });
    } 

    let patients_count = selected_patients.length;
    $(".selected_patients").html(patients_count);

    console.log("selected_patients............", selected_patients);
    console.log("selected_patient_ids............", selected_patient_ids);
    console.log("selected_patients length.....", patients_count);
});
function deleteSelectedPaitent(patient_id,data_patient){
    swal({
        title: 'Are you sure you want unselect?',
        text: "",
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#218838',
        cancelButtonColor: '#dc3545',
        cancelButtonText: "No",
        confirmButtonText: 'Yes',
        showLoaderOnConfirm: true,
        position: 'top',
        preConfirm: function(result) {
            console.log('result++++', result);
            if (result) {
                return new Promise(function(resolve) {
                    $("#update_paitent_"+patient_id).prop("checked", false);
                    $("div.delete_patient_"+patient_id).remove();
                    console.log("data_patient"+data_patient)
                    selected_patients = selected_patients.filter(function(patient){
                        return patient != data_patient;
                    });
                    selected_patient_ids = selected_patient_ids.filter(function(patient){
                        return patient != patient_id;
                    });
                    let patients_count = selected_patients.length;
                    console.log("selected_patient_ids"+selected_patients)
                    console.log("patients_count_patients_count"+patient_id+"--------"+patients_count)
                    $(".selected_patients").html(patients_count);
                    $('#update_select_all').prop('checked',false);
                    swal.close();
                });
            } else {
                //location.reload();
            }
        },
    }).then(function(result) {
        if (result.dismiss == 'cancel') {
            swal.close();
        }
        swal.close();
    });                        
   
}
$(document).on("click", "#selected_patients",function(){
    var str_text = '<div class="row col-12 pb-5 pt-5">';
    for(let i=0; i<selected_patients.length; i++){
        str_text +='<div class="col-md-3 pb-4 delete_patient_'+selected_patient_ids[i]+'" ><span style="width: 80%;display: inline-block;">'+selected_patients[i]+'</span>';
        str_text +='<a href="javascript:;" onClick="deleteSelectedPaitent('+selected_patient_ids[i]+',\''+selected_patients[i]+'\')" class=" btn btn-icon btn-hover-danger btn-sm" title="Unselect Patient" style="float:right;"><span class="svg-icon svg-icon-md svg-icon-primary"><i class="fa fa-times" aria-hidden="true"></i></span></a></div>';
    }
    $("#view_patient_data").html(str_text);
    $('#viewPatietnList').modal('show');
})
function get_u_location_physicians(access_type){
	//if(location_id!=''){
        if(access_type==''){
            var data = "<option value=''>All</option>";
            $('#u_assign_careteam_member').html(data);
        }else{
            var location_id = $("#u_location_id").val();
            $(".tabloadershow").show();
            var link_url = "{{ url('/getCareTeamMembers') }}?location_id="+location_id+"&access_type="+access_type;
            $.ajax({
                url : link_url,
                success: function(data){
                    if(data=="<option value=''>All</option>"){
                    // data= '<option></option>'+data;
                        $('#u_assign_careteam_member').html(data);
                        // swal("No physicians found"); 
                        // return false;
                    } else {
                        //data= '<option></option>'+data;
                        $('#u_assign_careteam_member').html(data);
                    }
                    $(".tabloadershow").hide();
                }
            });
        }
	//}
}
</script>

@endsection