@extends('web.layouts.main')

@section('content')

@include('web.components.counter')

<div class="container pb-5 my-4">
	<div class="custom-card bg-quaternary pb-5">
		<div class="table-responsive">
			<table width="100%" class="table cart-table mb-4">
				<thead class="text-uppercase text-primary">
					<th>{{ trans('text.grids-in-your-cart') }}</th>
					<th>{{ trans('text.type') }}</th>
					<th>{{ trans('text.price-iqd') }}</th>
				</thead>
				<tbody>
					@foreach($users_grids as $grid)
					<tr>
						<td>
							@if($grid->loto_game_id)
                                @foreach($grid->grid as $ball)
                                    <span>{{ $ball }}</span>
                                @endforeach
                            @else
                                {{ $grid->display }}
                            @endif
						</td>
						<td>
							@if($grid->loto_game_id)
                                {{ $grid->LotoGame->type }}
                            @elseif($grid->loto_bouquet_id)
                                {{ $grid->LotoBouquet->title }}
                            @endif
						</td>
						<td>{{ $grid->price_formated }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>

		<div class="text-center text-primary pb-5">
			<p class="h4 mb-5"><span class="text-uppercase me-4">{{ trans('text.total') }}:</span><b>{{ number_format($users_grids->sum('price')) }} IQD</b></p>

			<form method="POST" action="{{ route('web.order', $locale) }}">
				@csrf
				<input type="hidden" name="subscribe" value="1">

				<div class="row justify-content-center mb-4">
					<div class="col-lg-6">
						<button type="submit" class="btn btn-custom btn-sm-custom" onclick="confirm(trans('status.buy')) ? this.parentElement.submit() : event.preventDefault();">{{ trans('text.buy') }}</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

@endsection