@extends('layouts.portal.app')
	@section('content')
		<div class="content-wrapper">
			<div class="container-xxl flex-grow-1 container-p-y">
				<div class="card">
					<div class="card-header d-flex border-top rounded-0 flex-wrap py-2">
						<h4 class="breadcrumb"> <span class="text-muted fw-light breadcrumb-link"> Home / </span> Capacities - {{ number_format($outMessages->total()) }} records fetched </h4>
					</div>
				</div>

				<div class="pt-4">
					<div class="card">
						<div class="card-header d-flex border-top rounded-0 flex-wrap py-2">
							<div id="DataTables_Table_0_filter" class="dataTables_filter">
								<h6 id="filter-products-response" class="hidden text-center" style="font-size: 100%;"></h6>

								<form class="filter-product-orders-form">
									@csrf

									<div class="row">
										<div class="col-6 col-md-10">
											<input type="text" name="name" class="form-control active" placeholder="Search by name" readonly="readonly" autocomplete="off">
										</div>

										<div class="col-4 col-md-2">
											<button type="submit" class="btn btn-secondary buttons-collection btn-label-primary me-3 waves-effect waves-light"><span><div class="spinner-border filter-users-spinner" style="display: none;"></div> Filter </span> </button>
										</div>
									</div>
								</form>
							</div>
						</div>

						<div class="card-datatable table-responsive text-nowrap">
							<table class="table">
								<thead class="border-top">
									<tr>
										<th> # </th>
										<th> Sender </th>
										<th> Message </th>
										<th> Actions </th>
									</tr>
								</thead>

								<tbody>
									@foreach($outMessages as $outMessage)
										<tr>
											<td> <a href=""> {{ $outMessage->ref_no }} </a> </td>

											<td> {{ $outMessage->user? $outMessage->user->first_name.' '.$outMessage->user->last_name: '' }} </td>

											<td> {{ $outMessage->message }} </td>

											<td> 
												<a href="{{ $outMessage->id }}" class="delete-out-message disabled-btn"> <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="icon icon-tabler icons-tabler-outline icon-tabler-trash"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7l16 0" /><path d="M10 11l0 6" /><path d="M14 11l0 6" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg> </a>
											</td>
										</tr>
									@endforeach
								</tbody>
							</table>

							{{ $outMessages->render() }}
						</div>
					</div>
				</div>
			</div>
	@endsection