@extends('layouts.common')
 
 @section('title')
	Laiqa | Admin | Dashboard
 @endsection
 @section('content')
<div class="page-wrapper">
            <div class="content">
                <div class="row">
                    <div class="col-sm-4 col-3">
                        <h4 class="page-title">Group Chats - group list</h4>
                    </div>
                    <div class="col-sm-8 col-9 text-right m-b-20">
                        <!--<a href="{{ url()->previous() }}" class="btn btn btn-primary btn-rounded float-right"><i class="fa fa-arrow-left"></i> Back</a>-->
                    </div>
                </div>
				<div class="row">
					<div class="col-md-12">
						<div class="table-responsive" >
							<table class="table table-striped custom-table" id="example"> 
								<thead>
									<tr>
										<th>ID</th>
										<th>Name</th>
										<th>Created on</th>
										<th>Status</th>
										<th class="text-right">Action</th>
									</tr>
								</thead>
								<tbody>
									@foreach ($list as $key => $lists)
									<tr>
										<td>{{ $loop->iteration }}</td>
										<td>{{ $lists->group_name }}</td>
										<td>{{ $lists->created_on }}</td>
										<td>@if($lists->group_status == 1)Active @elseif($lists->group_status == 2)Inactive @endif </td>
										<td>
											<!--<a class="btn btn-primary btn-sm" href="group_users/{{ $lists->id }}">view</a>-->
											<a class="btn btn-primary btn-sm" href="group_conversation/{{ $lists->id }}">View Conversations</a>
										</td>
									</tr>
									 @endforeach
								</tbody>
							</table>
						</div>
					</div>
                </div>
            </div>
          
			<div id="delete_appointment" class="modal fade delete-modal" role="dialog">
				<div class="modal-dialog modal-dialog-centered">
					<div class="modal-content">
						<div class="modal-body text-center">
							<img src="assets/img/sent.png" alt="" width="50" height="46">
							<h3>Are you sure want to delete this Appointment?</h3>
							<div class="m-t-20"> <a href="#" class="btn btn-white" data-dismiss="modal">Close</a>
								<button type="submit" class="btn btn-danger">Delete</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
@endsection

@section('scripts')
<script>
var table1 = $('#example').DataTable({
		
		// responsive: true,
		pageLength: 20,
		// orderCellsTop: true,
        // fixedHeader: true,
        // dom: 'Bfrtip'
	});
</script>
@endsection