@forelse($orders as $order)
	<div class="col-md-3 col-xs-6 order_div">
		<div style="border: 2px solid #34495e; border-radius: 10px; overflow: hidden; background: white; margin-bottom: 15px;">
			<!-- Header -->
			<div style="background-color: #34495e; color: white; padding: 10px; display: flex; justify-content: space-between; align-items: center;">
				<div style="font-size: 20px; font-weight: bold;">#{{$order->invoice_no}}</div>
				<div style="text-align: right;">
					<div style="font-size: 13px;">{{\Illuminate\Support\Carbon::parse($order->created_at)->format('h:i:s A')}} - {{\Illuminate\Support\Carbon::parse($order->created_at)->format('D M d')}}</div>
					@if($order->updated_at && $order->updated_at != $order->created_at)
						<div style="font-size: 12px; margin-top: 3px; color: #f39c12; font-weight: bold;">Updated: {{\Illuminate\Support\Carbon::parse($order->updated_at)->format('h:i A')}}</div>
					@endif
				</div>
			</div>
			
			<!-- Table Number or Take Out -->
			<div style="background-color: #ecf0f1; padding: 12px; text-align: center; font-size: 18px; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #bdc3c7;">
				@if(!empty($order->table_name))
					TABLE NO. {{$order->table_name}}
				@else
					TAKE OUT
				@endif
			</div>
			
			<!-- Content -->
			<div style="padding: 15px;">
			<!-- ENTREES -->
				<div style="font-weight: bold; font-size: 14px; margin-bottom: 10px; color: #2c3e50;">ENTREES</div>
				
				@php
					// Check if order was updated (new items added)
					$isUpdatedOrder = $order->updated_at && $order->created_at && 
									  \Carbon\Carbon::parse($order->updated_at)->gt(\Carbon\Carbon::parse($order->created_at)->addSeconds(5));
				@endphp
				@foreach($order->sell_lines as $index => $sell_line)
					@if($sell_line->product->type != 'modifier')
					<div style="margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #ecf0f1; @if($sell_line->is_new_item && $isUpdatedOrder) background-color: #fff9c4; padding: 10px; border-radius: 5px; position: relative; @endif">
						@if($sell_line->is_new_item && $isUpdatedOrder)
							<div style="position: absolute; top: 5px; right: 5px; text-align: right;">
								<div style="background-color: #ff5722; color: white; padding: 3px 8px; border-radius: 3px; font-size: 10px; font-weight: bold;">NEW ORDER</div>
								@php
									$itemCreated = \Carbon\Carbon::parse($sell_line->created_at ?? $order->updated_at ?? $order->created_at);
									$now = \Carbon\Carbon::now();
									$diffInMinutes = $itemCreated->diffInMinutes($now);
								@endphp
								<div style="color: #d32f2f; font-size: 9px; font-weight: bold; margin-top: 2px;">
									@if($diffInMinutes < 1)
										JUST NOW
									@elseif($diffInMinutes == 1)
										1 MINUTE AGO
									@else
										{{ $diffInMinutes }} MINUTES AGO
									@endif
								</div>
							</div>
						@endif
						<div style="font-size: 15px; font-weight: 600; color: #2c3e50;">
							{{ $sell_line->quantity }} x {{ ucfirst($sell_line->product->name) }}
						</div>
						@if($sell_line->product->type == 'variable')
							<div style="font-size: 13px; color: #7f8c8d; margin-top: 3px;">
								{{ $sell_line->variations->product_variation->name ?? '' }} - {{ $sell_line->variations->name ?? '' }}
							</div>
						@endif
						@if($sell_line->modifiers && count($sell_line->modifiers) > 0)
							@foreach($sell_line->modifiers as $modifier_line)
								@if(!empty($modifier_line->variations) && !empty($modifier_line->variations->name))
									<div style="font-size: 13px; color: #e74c3c; margin-top: 3px;">
										{{ $modifier_line->variations->name }}
									</div>
								@endif
							@endforeach
						@endif
						@if(!empty($sell_line->sell_line_note))
							<div style="background-color: #fff9c4; padding: 8px; margin-top: 5px; border-radius: 4px; font-size: 13px;">
								<strong>NOTES:</strong> {{ $sell_line->sell_line_note }}
							</div>
						@endif
					</div>
					@endif
				@endforeach
				</div>
				
				<!-- Additional Info -->
				<div style="padding: 10px 15px; border-top: 2px solid #ecf0f1; font-size: 12px; color: #7f8c8d;">
					<strong>Customer:</strong> {{$order->customer_name}} |
					@if(!empty($order->res_waiter_id))
						<strong>Staff:</strong> {{$order->waiter_name ?? 'N/A'}} |
					@endif
					<strong>Location:</strong> {{$order->business_location}}
				</div>
				
				<!-- Footer Button -->
				<div style="padding: 0 15px 15px 15px;">
					@if($orders_for == 'kitchen')
						<button class="mark_as_cooked_btn" data-href="{{action('Restaurant\KitchenController@markAsCooked', [$order->id])}}" 
							style="width: 100%; padding: 12px; background-color: #27ae60; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center;">
							<i class="fa fa-check" style="margin-right: 8px;"></i> DONE
						</button>
					@elseif($orders_for == 'waiter' && $order->res_order_status != 'served')
						<button class="mark_as_served_btn" data-href="{{action('Restaurant\OrderController@markAsServed', [$order->id])}}" 
							style="width: 100%; padding: 12px; background-color: #27ae60; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center;">
							<i class="fa fa-check" style="margin-right: 8px;"></i> DONE
						</button>
					@else
						<button style="width: 100%; padding: 12px; background-color: #95a5a6; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold;" disabled>
							COMPLETED
						</button>
					@endif
				</div>
		</div>
	</div>
	@if($loop->iteration % 4 == 0)
		<div class="hidden-xs">
			<div class="clearfix"></div>
		</div>
	@endif
	@if($loop->iteration % 2 == 0)
		<div class="visible-xs">
			<div class="clearfix"></div>
		</div>
	@endif
@empty
	<div class="col-md-12">
		<h4 class="text-center">@lang('restaurant.no_orders_found')</h4>
	</div>
@endforelse