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

    <style type="text/css">
        .mx-3 {
            margin-left: 0.11rem !important;
            margin-right: 0.11rem !important;
        }
        .nav{
            margin-bottom: -14px !important;
        }
        .action_td{
            width:30% !important;
        }
        .card.card-custom.card-stretch{
            border-radius: 1.5rem !important;
            padding: 10px 25px 25px 25px !important;
        }
        .back_btn{
            margin-left: 38% !important;
        }
        .p-5{
            padding: 5px !important;
        }
        .mb-5{
            margin-bottom: 6px !important;
        }
        .font-size-lg {
            font-size: 12px;
        }
        .symbol.symbol-40 > img {
            max-width: 25px !important;
            height: 25px !important;
        }
        .font-size-h6 {
            font-size: 12px !important;
        }
        .chat_timestamp{
            font-size: 12px !important;
        }
        .cust_header{
            min-height: 40px !important;
        }
        .message_count_span{
            height: 20px !important;
            width: 27px !important;
            padding: 2px 8px 2px 8px;
            margin-top: -22px;
            border-radius: 6px;
            margin-left: -25px;
        }
        .textarea_form{
            width:100% !important;
            border: 1px solid #ECF0F3 !important;
            padding:11px !important;
        }
        .filter_Section{
            margin-bottom: 10px;
        }
        .scroll-pull{
            height: 240px !important;
        }
        .refresh_content{
            text-align:center;
        }
        .card.card-custom > .card-body {
            padding: 0.1rem 2.25rem !important;
        }
        .note_text{
            font-size: 14px;
            font-weight: 500;
        }

    </style>
	</head>

	<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
		<div class="py-5 py-lg-10 gutter-b subheader-transparent" id="kt_subheader" >
			<div class="d-flex flex-column-fluid">
		
				<div class="container">
					<div class="card card-custom">
						<div class="card-header flex-wrap">
							<div class="card-title">
								<h3 class="card-label">Stock Alert Configuration</h3>
							</div>
						</div>
						
										<div class="card-body" id="filter_completed">
											<div class="row">
												<div class="col-12 note_text">Note: Provider receives alerts when stock level reaches below threshold values</div>
											</div>
											<form name="stock_level_config" id="stock_level_config" method="post">
												<input type="hidden" name="stock_facility_id"  id="stock_facility_id" value=""/>	
												<div class="col-12">
													<div class="form-group row mb-2">
																										</div>
												</div>
												<div style="float: left; width: 100%; text-align: center" class="mt-5 mb-5">
													<button type="button" class="btn btn-light-primary font-weight-bold mr-3" onclick="update_stocklevel_count()">Update</button>
												</div>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
		
	<div id="kt_scrolltop" class="scrolltop">
		<span class="svg-icon">
			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
				<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
					<polygon points="0 0 24 0 24 24 0 24" />
					<rect fill="#000000" opacity="0.3" x="11" y="10" width="2" height="10" rx="1" />
					<path d="M6.70710678,12.7071068 C6.31658249,13.0976311 5.68341751,13.0976311 5.29289322,12.7071068 C4.90236893,12.3165825 4.90236893,11.6834175 5.29289322,11.2928932 L11.2928932,5.29289322 C11.6714722,4.91431428 12.2810586,4.90106866 12.6757246,5.26284586 L18.6757246,10.7628459 C19.0828436,11.1360383 19.1103465,11.7686056 18.7371541,12.1757246 C18.3639617,12.5828436 17.7313944,12.6103465 17.3242754,12.2371541 L12.0300757,7.38413782 L6.70710678,12.7071068 Z" fill="#000000" fill-rule="nonzero" />
				</g>
			</svg>
		</span>
	</div>
	
	<div id="divLoading" class="tabloadershow"></div>
<script type="text/javascript">
$(document).ready( function () {
   
	$('.stock_limit').on('keypress keydown keyup',function(e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if ((charCode >= 48 && charCode <= 57) || (charCode >= 96 && charCode <= 105) || charCode==9 || charCode==8 || charCode==46) {
			result = true;
		} else {
			result = false;
		}
		return result;
	});
} );

$('.showloader').click(function(){
	$(".tabloadershow").show();
});
// function filter_renew_details(days){
// 	window.location.href = '?filter_period='+days;
// }


function update_stocklevel_count(){
        let formData = {};
        $('#stock_level_config').serializeArray()
        .forEach(item => {
            if (formData[item.name]) {
                if (Array.isArray(formData[item.name])) {
                    formData[item.name].push(item.value);
                } else {
                    formData[item.name] = [formData[item.name], item.value];
                }
            } else {
                formData[item.name] = item.value;
            }
        });
    formData['_token'] = '{{ csrf_token() }}';
	$(".tabloadershow").show();	
	$.ajax({
		type: "POST",
		url:  "{{url('updateStockLevelCount')}}",
        data: formData,
		success:function(data)
		{
			$(".tabloadershow").hide();
			if(data=='success'){
				swal("Stock count limits updated successfully");
			} else {
				swal(data);
			}
		},
		error:function() {
			$(".tabloadershow").hide();
			swal('Something went wrong. Please try again later.');
		}
	});
}
</script>

@endsection