@php
//print_r($result);
//print_r($DisplayGroupbyMails);
$a=1;
@endphp
<div class="col-md-12">
	<table class="table style-2 table-hover no-footer" id="table1">
		<tr>
			<th>Sl.no</th>
			<th>Group Name</th>
			<th>Mail Id</th>
			<th>Action</th>
		</tr>
		@foreach($result as $EachRow=>$EachRowValue)
		<tr>
			<td>{{$a}}</td>
			<td>{{$DisplayGroupbyMails[$EachRow]}}</td>
			<td>
				@foreach($EachRowValue as $eachValue)
				{{$eachValue}}<br>
				@endforeach
			</td>
			<td>
				<div data-bs-toggle="modal" data-bs-target="#DisplayGroupMailModal"  style="cursor:pointer" onclick="GetSingleGroupDet('{{$EachRow}}')">
					<svg 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-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
				</div>
			</td>
		</tr>
		@php
			$a++;
		@endphp
		@endforeach
	</table>
</div>

<div class="modal fade" id="DisplayGroupMailModal" 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">Update Group</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                  <svg> ... </svg>
                </button>
            </div>
            <div class="modal-body">
				<div id="UpdateModal">
				</div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
                <button type="button" class="btn btn-primary" onclick="UpdateGroup()">Update</button>
            </div>
        </div>
    </div>
</div>