@extends('layout.demo1.master')
@section('main-content')
<!--begin::Table widget 14-->
<div class="card card-flush h-md-100">
	<!--begin::Header-->
	<div class="card-header pt-7">
		<!--begin::Title-->
		<h3 class="card-title align-items-start flex-column">
			<span class="card-label fw-bold text-gray-800">Users</span>
		</h3>
		<!--end::Title-->
        <!--begin::Toolbar-->
		<div class="card-toolbar">
			<a href="/users/create" class="btn btn-sm btn-light">Create</a>
		</div>
		<!--end::Toolbar-->

	</div>
	<!--end::Header-->
	<!--begin::Body-->
	<div class="card-body pt-6">
		<!--begin::Table container-->
		<div class="table-responsive">
			<!--begin::Table-->
			<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
				<!--begin::Table head-->
				<thead>
					<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
						<th class="p-0 pb-3 min-w-175px text-start">Nazwa</th>
                        <th class="p-0 pb-3 min-w-175px text-start">Mail</th>
						<th class="p-0 pb-3 min-w-100px text-end">Telefon</th>
						<th class="p-0 pb-3 min-w-100px text-end">Zamówień</th>
						<th class="p-0 pb-3 w-50px text-end">VIEW</th>
					</tr>
				</thead>
				<!--end::Table head-->
				<!--begin::Table body-->
				<tbody>
                    @foreach ($users as $u)
                    <tr>
						<td>
							<div class="d-flex align-items-center">
								<div class="symbol symbol-50px me-3">
									<img src="{{ asset(theme()->getMediaUrlPath() . 'stock/600x600/img-49.jpg') }}" class="" alt="" />
								</div>
								<div class="d-flex justify-content-start flex-column">
									<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">{{$u->last_name}} {{$u->first_name}}</a>
								</div>
							</div>
						</td>
                        <td class="text-end pe-0">
							<span class="text-gray-600 fw-bold fs-6">{{$u->email}}</span>
						</td>
						<td class="text-end pe-0">
							<span class="text-gray-600 fw-bold fs-6">{{$u->info->phone}}</span>
						</td>
						<td class="text-end pe-0">
							<span class="text-gray-600 fw-bold fs-6">{{$u->orders->count()}}</span>
						</td>
						<td class="text-end">
							<a href="/users/{{$u->id}}" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr001.svg-->
								<span class="svg-icon svg-icon-5 svg-icon-gray-700">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M14.4 11H3C2.4 11 2 11.4 2 12C2 12.6 2.4 13 3 13H14.4V11Z" fill="currentColor" />
										<path opacity="0.3" d="M14.4 20V4L21.7 11.3C22.1 11.7 22.1 12.3 21.7 12.7L14.4 20Z" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</a>
						</td>
					</tr>
                    @endforeach
				</tbody>
				<!--end::Table body-->
			</table>
		</div>
		<!--end::Table-->
	</div>
	<!--end: Card Body-->
</div>
<!--end::Table widget 14-->
@endsection