@extends('layouts.member-app')

@section('page-title')
  
@endsection

@push('head-script')
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/tagify-master/dist/tagify.css') }}">
	<style>
	.wrap {
    width: 352px;
}

.wrap table {
    width: 600px;
    table-layout: fixed;
}

table tr td {
    padding: 5px;
    border: 1px solid #eee;
    width: 100px;
    word-wrap: break-word;
}

table.head tr td {
    background: #eee;
}

.inner_table {
    height: 100px;
    overflow-y: auto;
	width:600px;
}

	</style>
@endpush

@section('content')
<div class="row title-row">
   <div class="col-md-12">
      <h4 class="page-title"><i class="{{ $pageIcon }}"></i>Listing of Assign Keywords</h4>
   </div>
</div>
<div class="container bord">
	
	@for($i=1;$i<5;$i++)
	<div class="row" style="margin-top:25px;">	
		<div class="col-md-2"><h2 style="margin:0;"> <b>{{$keyName[$i]}}</b> </h2></div>
		<div class="col-md-8">
			<div class="wrap">
				<table class="head">
					<tr>
						<td><b> S.No.</b></td>
						<td><b>Keyword </b></td>
						<td> <b>Lead Agent </b></td>
					</tr>
				</table>
				<div class="inner_table">
					<table>
					@if(!empty($assignList) && !empty($assignList[$i]))
						@foreach($assignList[$i] as $key => $value)
							<tr>
								<td>{{$loop->iteration}} </td>
								<td>{{$value['keyword']}}</td>
								<td>{{$value['agent']}}</td>
							</tr>
						@endforeach	
					@endif
					</table>
				</div>
			</div>
		</div>
	</div>	
	@endfor
	
	
	
</div>
	   
@endsection
@push('footer-script')
<script src="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/custom-select/custom-select.min.js') }}"></script>
<script>


	
</script>
@endpush