@extends('master')

@section('navbar')
<li><a href="#ModalOrdersFilter" class="modal-trigger"><i class="bi bi-filter"></i></a></li>
@endsection

@section('navbar-tabs')
<div class="nav-content">
	<ul class="tabs">
		<li class="tab"><a href="#"><i class="bi bi-calendar-check"></i> Ordenes: {{ order_status($status) }}</a></li>

	</ul>
</div>
@endsection


@section('content')

<div id="today">
	<div class="panel mtop24">
		<ul class="collection">
			@foreach($orders as $order)
			<li class="collection-item avatar" style="border-bottom: 0px;">
				@if(!is_null($order->getUser->avatar))
			 		<img src="{{ getFileUrl($order->getUser->avatar, '512') }}" class="circle">
			 	@else
			 		<img src="{{ url('/static/images/default_avatar.png') }}" class="circle">
			 	@endif
			 	<span class="title"> Order - {{ $order->onumber }}</span>
			 	<p><small><i class="bi bi-person"></i> Cliente: {{ $order->getUser->name }}</small></p>
			 	<p><small><i class="bi bi-shop"></i> {{ $order->getShop->name }}</small></p>
			 	<p><small><i class="bi bi-calendar"></i> {{ translateDate($order->request_at) }}</small></p>
			</li>
			<li class="collection-item" style="padding-top: 0px;">
			 	<div class="row">
			 		<div class="col s6" style="padding-left: 0px;">
			 			<a href="{{ url('/order/'.$order->id.'/view') }}" class="btn btn-primary w-100 sl">Ver</a>
			 		</div>
			 		<div class="col s6" style="padding-right: 0px;">
			 			<a href="#" class="btn btn-flat w-100">{{ order_status($order->status) }}</a>
			 		</div>
			 	</div>
			 </li>
			@endforeach
			
		</ul>
	</div>
</div>

@include('orders.components.modal_filter_status')
@endsection