@extends('layouts.member-app')

@push('head-script')
<style>
   .list-group{
   margin-bottom:0px !important;
   }
      .btn-primary, .btn-primary.disabled {
    background: #ab8ce4;
    border: 1px solid #ab8ce4;
    font-size: 12px;
}
</style>
@endpush
@section('page-title')
<div class="row title-row">
   <div class="col-md-8">
      <h4 class="page-title"><i class="{{ $pageIcon }}"></i> Admin Keywords Listing</h4>
   </div>
   <!--
   <div class="col-md-2">
                     <a href="{{ route('member.keywordsasigned') }}" class='btn btn-primary'>Listing Assign Keywords</a>
                  </div> -->
</div>
@push('head-script')
<link rel="stylesheet" href="{{ asset('css/datatables/dataTables.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/responsive.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/buttons.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
<style>
   .list-group{
   margin-bottom:0px !important;
   }
   .dashboard-stats .white-box .list-inline {
   margin-bottom: 0;
   }
   .dashboard-stats .white-box {
   padding: 10px;
   }
   .dashboard-stats .white-box .box-title {
   font-size: 13px;
   text-transform: capitalize;
   font-weight: 300;
   }
   #leads-table_wrapper .dt-buttons{
   display: none !important;
   }
   .keyw>.above{border-top:1px solid #ccc;margin-top:15px;}
   .bord{border-top:1px solid #000; width:950px;}
</style>
@endpush


@php 
$singleAsign  = array();
if(count($asignedkeys)>0){
	$singleAsign  = array();
	foreach($asignedkeys as $key => $kval){
		$singleAsign{$kval['asignkeys']['keyword_id']}[] = $kval['asignkeys']['keyword_value'];	 
	}


}

@endphp

<div class="container keyw">
	
	<div class="row above">
		<h4> FIRE</h4>
		<div class="col-md-3">
				<h5><b>Assigned Keywords</b></h5>
			</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($singleAsign) > 0 && !empty($singleAsign[1]))
					@foreach($singleAsign[1] as $fire)
					<div class="col-md-2">
						<h6><b>{{$fire}}</b></h6>
					</div>
					@endforeach
				@endif
			</div>
		</div>
	</div>
	<div class="row">	
		
		<div class="col-md-3">
			<h5><b>All Keywords</b></h5>
		</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($totalData) > 0 && !empty($totalData[1]))
					@foreach($totalData[1]['keyval'] as $key => $fire)
						<div class="col-md-2">
							<button class="btn btn-primary">{{$fire}}</button>
						</div>
					@endforeach
				@endif
			</div>
		</div>
	</div>
		<div class="row above">
		<h4>HIGH</h4>
		<div class="col-md-3">
				<h5><b>Assigned Keywords</b></h5>
			</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($singleAsign) > 0 && !empty($singleAsign[2]))
					@foreach($singleAsign[2] as $high)
					<div class="col-md-2">
						<h6><b>{{$high}}</b></h6>
					</div>
					@endforeach
				@endif
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3">
			<h5><b>All Keywords</b></h5>
		</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($totalData) > 0 && !empty($totalData[2]))
					@foreach($totalData[2]['keyval'] as $key => $high)
						<div class="col-md-2">
							<button class="btn btn-primary">{{$high}}</button>
						</div>
					@endforeach
				@endif
			</div>
		</div>
	
	</div>
		<div class="row above">
		<h4>MEDIUM</h4>
		<div class="col-md-3">
				<h5><b>Assigned Keywords</b></h5>
			</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($singleAsign) > 0 && !empty($singleAsign[3]))
					@foreach($singleAsign[3] as $med)
					<div class="col-md-2">
						<h6><b>{{$med}}</b></h6>
					</div>
					@endforeach
				@endif
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3">
			<h5><b>All Keywords</b></h5>
		</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($totalData) > 0 && !empty($totalData[3]))
					@foreach($totalData[3]['keyval'] as $key => $med)
						<div class="col-md-2">
							<button class="btn btn-primary">{{$med}}</button>
						</div>
					@endforeach
				@endif
			</div>
		</div>
	
	</div>
	<div class="row above">
		<h4>LOW</h4>
		<div class="col-md-3">
				<h5><b>Assigned Keywords</b></h5>
			</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($singleAsign) > 0 && !empty($singleAsign[4]))
					@foreach($singleAsign[4] as $low)
					<div class="col-md-2">
						<h6><b>{{$low}}</b></h6>
					</div>
					@endforeach
				@endif
			</div>
		</div>
	</div>
	<div class="row">
	
		<div class="col-md-3">
			<h5><b>All Keywords</b></h5>
		</div>
		<div class="col-md-9">
			<div class="row">
				@if(count($totalData) > 0 && !empty($totalData[4]))
					@foreach($totalData[4]['keyval'] as $key => $low)
						<div class="col-md-2">
							<button class="btn btn-primary">{{$low}}</button>
						</div>
					@endforeach
				@endif
			</div>
		</div>
	
	</div>

</div>
   
</div>

@endsection
@push('footer-script')
<script src="{{ asset('plugins/bower_components/morrisjs/morris.js') }}"></script>
<script src="{{ asset('plugins/bower_components/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/datatables/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ asset('js/datatables/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('js/datatables/responsive.bootstrap.min.js') }}"></script>
<script src="{{ asset('js/datatables/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/datatables/buttons.server-side.js') }}"></script>

   
@endpush