@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">Moje zamówienia</span>
		</h3>
		<!--end::Title-->
	</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-100px text-end">Cena</th>
						<th class="p-0 pb-3 min-w-100px text-end">Postęp</th>
						<th class="p-0 pb-3 min-w-175px text-end pe-12">Stan</th>
						<th class="p-0 pb-3 w-50px text-end">Podgląd</th>
					</tr>
				</thead>
				<!--end::Table head-->
				<!--begin::Table body-->
				<tbody>
                    @foreach ($orders as $o)
                    <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">{{$o->name}}</a>
									<span class="text-gray-400 fw-semibold d-block fs-7">GMB</span>
								</div>
							</div>
						</td>
						<td class="text-end pe-0">
							<span class="text-gray-600 fw-bold fs-6">{{$o->price}}</span>
						</td>
						<td class="text-end pe-0">
							<!--begin::Label-->
							<span class="badge badge-light-success fs-base">
							<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
							<span class="svg-icon svg-icon-5 svg-icon-success ms-n1">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor" />
									<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor" />
								</svg>
							</span>
							<!--end::Svg Icon-->{{$o->progress}}%</span>
							<!--end::Label-->
						</td>
						<td class="text-end pe-12">
                            @if($o->status == \App\Enums\OrderStatusEnum::WaitingForPayment)
                                <span class="badge py-3 px-4 fs-7 badge-light-warning">
                                    Waiting for payment
                                </span>
                            @endif
                            @if($o->status == \App\Enums\OrderStatusEnum::InProgress)
                                <span class="badge py-3 px-4 fs-7 badge-light-primary">
                                    In Progress
                                </span>
                            @endif
                            @if($o->status == \App\Enums\OrderStatusEnum::Finished)
                                <span class="badge py-3 px-4 fs-7 badge-light-success">
                                    Finished
                                </span>
                            @endif
						</td>
						<td class="text-end">
							<a href="/myorders/{{$o->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