@extends('adminlte::page')
@section('title', 'Pedidos - ' . config('app.name') )
@section('content_header')

    <h1>Pedidos</h1>

@stop

@section('content')
<!-- Main content -->
<section class="content">

	@include('layouts.errors-and-messages')
	<!-- Default box -->
	@if($orders)
	<div class="box">
		<div class="box-body">
			<h2>Pedidos</h2>
			{{--  @include('layouts.search', ['route' => route('admin.pedidos.index')])  --}}
			<table class="table table-striped table-bordered dataTables">
				<thead>
					<tr>
						<td class="col-md-1 text-center">Número</td>
						<td class="col-md-2">Data</td>
						<td class="col-md-3">Cliente</td>
						<td class="col-md-2">Entrega</td>
						<td class="col-md-2 text-center">Total</td>
						<td class="col-md-2 text-center">Status</td>
					</tr>
				</thead>
				<tbody>
					@foreach ($orders as $order)

					<tr>
						<td class="text-center"><a title="Ver pedido" href="{{ route('admin.pedidos.show', $order->id) }}">{{ $order->id }}</a></td>
						<td><a title="Ver pedido" href="{{ route('admin.pedidos.show', $order->id) }}">{{ date('M d, Y h:i a', strtotime($order->created_at)) }}</a></td>
						<td>{{ $order->customer->name }}</td>
						<td>
							@if($order->entrega)
								Em {{ $order->entrega->data_entrega}}, no período da {{ $order->entrega->horario_entrega }}, Entregar para {{ $order->entrega->entrega_para }}.
								@if($order->entrega->assinatura !== 'anonimo')
									<br> Assinado: {{ $order->entrega->assinatura }}
								@endif
							@endif
						</td>
						<td class="text-center">
							<span class="label @if($order->total != $order->total_paid) label-danger @else label-success @endif">{{ config('cart.currency_symbol') }} {{ $order->total }}</span>
						</td>
						<td><p class="text-center" style="color: #ffffff; background-color: {{ $order->status->color }}">{{ $order->status->name }}</p></td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>
		<!-- /.box-body -->
		<div class="box-footer">

		</div>
	</div>
	<!-- /.box -->
	@endif

</section>
<!-- /.content -->
@endsection
@section('js')
  <script type="text/javascript">
  $(document).ready(function () {
    $('.dataTables').DataTable({
      "language": {
        "url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Portuguese-Brasil.json"
      },
      "columnDefs": [
        { "orderable": false, "targets": -1 }
      ],
      responsive: {
        details: false
      }
    });
    $('.dataTables_length').addClass('bs-select')
  })
</script>
@endsection