@extends('dashboard/layout.app')
@section('title', 'BettrAi | Program Code Activities')
@section('content')
<div class="d-flex flex-column-fluid">
    <div class="container">
        <!--begin::Dashboard-->
        <div class="card card-custom">
            <div class="card-header flex-wrap py-5">
                <div class="row col-lg-12">
                    <div class="col-lg-6">
                        <h3 class="card-title align-items-start flex-column">
                            <span class="card-label font-weight-bolder text-dark">Activities for </span>
                        </h3>																			
                    </div>
                    <div class="col-lg-6 text-right">
                        <a href="javascript:void(0)" onclick="get_service_type_servicelevels()" class="btn btn-light-primary font-weight-bold mr-5 add_new_btn" style="left: 95%;position: absolute;">Back</a>
                        <a href="javascript:void(0)" onclick="add_service_popup()" class="btn btn-light-primary font-weight-bold mr-10 add_new_btn btn_style" style="left: 78%">Add Activity</a>
                    </div>
                </div>
                <div class="col-lg-12 bg-white">
                    <div class="table-responsive" style="overflow-x:hidden; ">
                        <table class="table table-head-custom table-vertical-center p-5" id="kt_advance_table_widget_4">
                            <thead>
                                <tr>
                                    <th>Activity Name</th>
                                    <th>Program Code</th>
                                    <th>Description</th>
                                    <th>Created Date</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                   
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<input type="hidden" name="activity_cpt_code" id="activity_cpt_code" value="">
<input type="hidden" name="activity_cpt_code_id" id="activity_cpt_code_id" value="">

<div class="modal fade" id="services_popup" tabindex="-1" role="dialog" aria-labelledby="services_popup" aria-hidden="true">
	<div class="modal-dialog modal-dialog-top modal-xl" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel"></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" id="appointment_modal_popup1">	
				<form name="services_form" id="services_form" method="post">	
					<input type="hidden" name="service_id" id="service_id" value="">
					<div class="form-group row">
						<div class="col-lg-2"></div>
						<div class="col-lg-2">
							<label>	Activity Name<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<input type="text" class="form-control" name="service_name" id="service_name" value="" placeholder="Activity Name">		
						</div>
						<div class="col-lg-4"></div>
					</div>
					<div class="form-group row">
						<div class="col-lg-2"></div>
						<div class="col-lg-2">
							<label>	Description<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<textarea type="text" class="form-control" name="service_description" id="service_description" ></textarea>	
						</div>
						<div class="col-lg-4"></div>
					</div>
					<div class="form-group row">
						<div class="col-lg-2"></div>
						<div class="col-lg-2">
							<label>	Status<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<label>
								<input type="radio" name="service_status" id="service_status-1" value="1" checked="checked" autocomplete="nope">Active
							</label> 
							<label>
								<input type="radio" name="service_status" id="service_status-0" value="0" autocomplete="nope">Inactive
							</label>		
						</div>
						<div class="col-lg-4"></div>
					</div>
					<div class="card-toolbar pb-10" style="float: left; width: 100%; text-align: center">
						<button type="button"
							class="btn btn-light-primary font-weight-bold mr-3" onclick="save_service();">Save</button>													
						<a class="btn btn-light-danger font-weight-bold" onclick="cancel_form()">Cancel</a>																
					</div>
				</form>
			</div>
		</div>
	</div>
</div><!--Modal 1 Ends-->
<script type="text/javascript">
    var loadicon_url = "{{ url('assets/images/loading-icon.gif') }}";
    var loader_icon = '<img style="margin-left:40%;" src="'+loadicon_url+'">';
    
    $(document).ready(function(){
        $('#kt_advance_table_widget_4').DataTable({
            "aaSorting": [],
            dom:"<'row'<'col-md-3'l><'col-md-6'f>><'row'<'col-md-12't>><'row'<'col-md-12'ip>>"
        });
    });
    function add_service_popup(){
        var activity_cpt_code = $('#activity_cpt_code').val();
        $('#exampleModalLabel').html('Add New Activity for '+activity_cpt_code);
        $('#service_id').val('');
        $('#service_name').val('');
        $('#service_description').val('');
        $('#services_popup').modal('show');
    }
    function edit_service(id,name,description,status,cpt_code){
        checkChange();
        console.log("selected Language--"+ currentLang )
        var trlang = currentLang.split("/")
        // description = getTranslateText(description,'en',trlang[2]);
        // name = getTranslateText(name,'en',trlang[2]);
        var activity_cpt_code = $('#activity_cpt_code').val();
        $('#exampleModalLabel').html('Edit Activity');
        $('#service_id').val(id);
        $('#service_name').val(name);
        $('#service_description').val(description);
        $("input[name=service_status][value=" + status + "]").attr('checked', 'checked');
        $('#services_popup').modal('show');
    }
 
    function save_service(){
        checkChange();
        var service_name = $('#service_name').val();
        //$('#service_name').val(service_name)

        var service_description = $('#service_description').val();
        
        $('#service_description').val(service_description)

        var service_id = $('#service_id').val();
        service_name = $('#service_name').val();
        var activity_cpt_code = $('#activity_cpt_code').val();
        var activity_cpt_code_id = $('#activity_cpt_code_id').val();
        service_description = $('#service_description').val();
        var service_status = $('input[name="service_status"]:checked').val();
        if(service_name==''){
            swal("Please enter service name");
            return false;
        }
        // if(activity_cpt_code==''){
        // 	swal("Please select CPT Code");
        // 	return false;
        // }
        
        if(service_description==''){
            swal("Please enter service description");
            return false;
        }
        $(".tabloadershow").show();
        $.ajax({
            url : "{{ url('/saveCptService') }}",
            type:"POST",
            data : {"service_id":service_id,"service_name":service_name,"activity_cpt_code":activity_cpt_code, "activity_cpt_code_id":activity_cpt_code_id,
                    "service_description":service_description,"service_status":service_status,"_token":'{{csrf_token()}}'},
            success: function(data){
                $(".tabloadershow").hide();
                if(data.hasOwnProperty("status") && data['status']=="validation"){
                    swal(data.message); return false;
                }
                if(service_id==''){
                    swal("Service added successfully");
                } else {
                    swal("Service updated successfully");
                }
                location.reload();
            }
        });
    }

    function get_service_type_servicelevels(){
        window.location.href = "{{ url('/programCodeManage') }}?pagetab=cptcodes";
    }
    function cancel_form(){
        $('.ki-close').trigger('click');
    }
</script>
@endsection