@php
@endphp
@foreach($x_axis as $eachX)
	@php
		$DisplayName=$eachX['DisplayName'];
		$FieldName=$eachX['FieldName'];
		$DisplayType=$eachX['DisplayType'];
		if(array_key_exists($FieldName, $results))
		{
			$Subarray=$results[$FieldName];
			$DropDownNameId=$eachX['DropDownNameId'];
			if($DisplayType==2)
			{
				$SubDropDown=$GetDropdownLists[$DropDownNameId];
			}
			$TotalCount=0;
			@endphp
			<h3>{{$module_name}} - {{$DisplayName}}</h3>
			<div style="overflow-x: auto;white-space: nowrap; !important;">
				<table  class="table " style="width:100%" >
					<tr>
						<th>{{$DisplayName}}</th>
						<th>Count</th>
					</tr>
					@foreach($Subarray as $EachSubArrayKey=>$EachSubArrayValue)
					<tr>
					@php
						$DisplayValue=$EachSubArrayKey;
						$TotalCount=$TotalCount + $EachSubArrayValue;
					@endphp
					@if($DisplayType==2)
						@if(array_key_exists($EachSubArrayKey,$SubDropDown))
							@php
							$DisplayValue=$SubDropDown[$EachSubArrayKey];
							@endphp
						@else
							@php
							$DisplayValue=$EachSubArrayKey;
							@endphp
						@endif
					@endif
						<td>{{$DisplayValue}}</td>
						<td > <a onclick="DrillDown('{{$ModuleId}}','{{$ReportId}}','2','{{$FieldName}}','{{$EachSubArrayKey}}','{{$DisplayValue}}',)" data-toggle="modal" data-target="#exampleModal"> {{$EachSubArrayValue}}</a></td>
					</tr>
					@endforeach
					<tr>
						<td><b>TOTAL<b></td>
						<td> <a onclick="DrillDown('{{$ModuleId}}','{{$ReportId}}','2','','','',)" data-toggle="modal" data-target="#exampleModal">{{$TotalCount}}</a></td>
					</tr>
				</table>
			</div>
			@php
		}
	@endphp
<br>
@endforeach

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">BPM360</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                </button>
            </div>
            <div class="modal-body" id="response_div">
                <p class="modal-text"></p>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
                <!-- <button type="button" class="btn btn-primary">Save</button> -->
            </div>
        </div>
    </div>
</div>

<script>
</script>