@extends('layouts.empty')
<style>
.sticky {
  position: sticky;
  top: 0;
  min-height: 2em;
  background: #fbf59f;
}

</style>

@section('linktext')
@endsection

@section('content')
    <div class="container" style="font-family: Times;">

        <div class="col-xs-12">
			<div class="row">
				@if ($tmats)
					<select id="tmat" size=20 style="height: 850px;">
						@foreach ($tmats as $key=>$list)
							<option value="{{ $list['MATID'] }}">{{ $list['MATNAME'] }}</option>
						@endforeach
					</select>
				@endif
				<div class="col-md-6">

					<div class="col-xs-12">
						<div class="row">
							<a href="consolidated?type=1">TPRICE1</a>
							<a href="consolidated?type=2" style="margin-left: 10px;">TLONGPRICE</a>
						</div>
					</div>
					<input class="search" id="search" type="text" value="">
					<button style="float: rigth; margin-left: 15px;" onclick="ajax_arr(9999,document.getElementById('search').value)">Search</button>
					<table id="TPRICE1" class="table table-striped table-bordered">

					</table>
				</div>
			</div>
        </div>
    </div>
@endsection

@section('scriptext')
    <script>


function ajax_arr(tmatid,strsearch) {

				$.ajax({
                    type: 'get',
                    url: 'consolidatedtbody',
                    data: {
                        'tmatid': tmatid,
                        'strsearch': strsearch,
                        'type': {{$type}},
                        '_token': "{{ csrf_token() }}"
                    },
                    success: function(data) {
						document.getElementById('TPRICE1').innerHTML = data;
						$.ajax({
							type: 'get',
							url: 'consolidatedajax',
							data: {
								'tmatid': tmatid,
								'strsearch': strsearch,
								'type': {{$type}},
								'_token': "{{ csrf_token() }}"
							},
							success: function(data) {

								if(data['typmessage']=='success'){
									toastr.success(data['message'], 'OK', {timeOut: 5000});

									//data['arr'].forEach(logArrayElements);
									var result = Object.entries(data['arr']);
									result.forEach(function(elem, index) {
										 art = elem[0];
										 elem[1].forEach(function(item, index1) {
											priceid = item['PRICEID'];
											gid = item['TOTDELKAGROUP_ID'];
											mname = item['MNAME'];

											document.getElementById(art+'_'+gid).style = 'background: #b8fba0;';
											document.getElementById(art+'_'+gid).innerHTML = item['PRICE'];
											document.getElementById(art+'_'+gid).title = item['PRICEID']+' | '+item['ARTICUL']+' | '+item['MNAME'];
										 });

									});

									var testElements = document.getElementsByClassName('OTD');
									var testDivs = Array.prototype.filter.call(testElements, function(testElement){
										var qwe=0;
										var OTDITEM = document.getElementsByClassName(testElement.id);
										var OTDITEMs = Array.prototype.filter.call(OTDITEM, function(testItems){
											if(testItems.innerHTML.trim().length>0){
												qwe = qwe+1;
											}
										});

										if(qwe==0){
											testElement.style.display="none";
											Array.prototype.filter.call(document.getElementsByClassName(testElement.id), function(testElement1){
											   testElement1.style.display = 'none';
											});

										}


									});

									var arrtr = document.getElementById("TPRICE1").querySelector("tbody").querySelectorAll("tr");
									var trs = Array.prototype.filter.call(arrtr, function(trElement){
										var arrtd = document.querySelectorAll("td");
										var strotdg = '';
											var tds = Array.prototype.filter.call(arrtd, function(tdElement){

												if(typeof tdElement.attributes['data-otd'] !== "undefined"){

													if ( tdElement.attributes['data-otd'].value === "") {
													} else {
														if(tdElement.style.display=='none'){
														} else {
															if(tdElement.innerHTML.trim().length>0){
																if(strotdg.length>0){
																	strotdg=strotdg+';'+tdElement.attributes['data-otd'].value;
																} else {
																	strotdg=tdElement.attributes['data-otd'].value;
																}
															}
														}
													}
												}

												if(tdElement.id=='resotd'){
													tdElement.innerHTML = strotdg;
													strotdg = '';
												}
											});

									});



								}
								if(data['typmessage']=='warning'){
									toastr.warning(data['message'], 'warning Alert', {timeOut: 5000});
								}
							},
							error: function (data) {
								console.log('Error:', data);
							}
						});
                    },
                    error: function (data) {
                        console.log('Error:', data);
                    }
                });


	}


        $(document).ready(function(){



			$('#tmat').on('change', function() {
				ajax_arr(this.value,'');
			});

            $(".clickbottom").click(function(){

                var typ = $(this).attr('typ');

                $.ajax({
                    type: 'get',
                    url: 'universal/clickbottom',
                    data: {
                        'typ': typ,
                        '_token': "{{ csrf_token() }}"
                    },
                    success: function(data) {

                        if(data['typmessage']=='success'){
                            toastr.success(data['message'], 'Success Alert', {timeOut: 5000});
                        }
                        if(data['typmessage']=='warning'){
                            toastr.warning(data['message'], 'warning Alert', {timeOut: 5000});
                        }
                    },
                    error: function (data) {
                        console.log('Error:', data);
                    }
                });

            });

        });



    window.onload = function() {
		ajax_arr(41,'');
    }

    </script>

@endsection