@extends('layouts.app')
@section('title', 'Encomendas Canceladas')
@section('content')
@include('layouts.headers.cards_prod')
<!-- A consulta desta tabela deve envolver INNER JOIN por causa dos nomes da família, nome do grupo e subgrupo, todos vindos das respectivas chaves estrangeiras -->

<div class="container-fluid mt--5">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card bg-secondary shadow">
                <div class="card-header bg-white border-0">
                    <div class="row align-items-center">
                        <div class="col-md-6 col-sm-12">
                            <h3 class="mb-0">{{ __('Encomendas Canceladas') }}</h3>
                        </div>
            <div class="col-md-6 col-sm-12 text-center align-middle">

              <form  class="col-md-6 col-sm-12 float-right" action="{{ route('carrinho.encomendas_canceladas') }}" method="GET">
                <div class="input-group ">
                  <input type="date" name="data_pedido" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="button-addon2">
                  <div class="input-group-append">
                    <button class="btn btn-info" type="submit" id="button-addon2"><i class="fas fa-search"></i></button>
                  </div>
                </div>
              </form>
              <a href="{{ route('carrinho.index') }}" class="btn btn-sm btn-primary mt-2">{{ __('Retornar ao carrinho') }}</a>
              <a href="{{ route('carrinho.encomendas') }}" class="btn btn-sm btn-primary mt-2">{{ __('Pedidos Feitos') }}</a>
            </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <div>
                            @forelse ($cancelados as $pedido)
                            <div class="row">
                                <div class="card card-frame col-md-3 sm-12">
                                    <div class="card-body">
                                        Pedido: {{ $pedido->id }}
                                        <br>
                                        Criado em: {{ $pedido->created_at }}
                                        <br>
                                        Cancelado em: {{ $pedido->updated_at }}
                                    </div>
                                </div>
                                <div class="col-md-1 sm-12"></div>
                                <div class="card card-frame col-md-8 sm-12">
                                    <div class="card-body">
                                        Pedido: {{ $pedido->id }}
                                        <br>
                                        Criado em: {{ $pedido->created_at }}
                                        <br>
                                        Cancelado em: {{ $pedido->updated_at }}
                                    </div>
                                </div>
                            </div>
                            <table class="table align-items-center table-dark">
                                <thead class="thead-dark">
                                    <tr class="text-center">
                                        <th>Imagem</th>
                                        <th>Produto</th>
                                        <th>Valor</th>
                                        <th>Desconto</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                                <tbody class="list">
                                    @php
                                    $total_pedido = 0;
                                    @endphp
                                    @foreach ($pedido->pedido_produtos_itens as $pedido_produto)
                                    @php
                                    $total_produto = $pedido_produto->valor_pedido_produto - $pedido_produto->desconto_pedido_produto;
                                    $total_pedido += $total_produto;
                                    @endphp
                                    <tr class="text-center">
                                        <td>
                                            <img width="100" height="100" src="../{{ $pedido_produto->produto->imagem_produto }}">
                                        </td>
                                        <td>{{ $pedido_produto->produto->nome_produto }}</td>
                                        <td>R$ {{ number_format($pedido_produto->valor_pedido_produto, 2, ',', '.') }}</td>
                                        <td>R$ {{ number_format($pedido_produto->desconto_pedido_produto, 2, ',', '.') }}</td>
                                        <td>R$ {{ number_format($total_produto, 2, ',', '.') }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="2"></td>
                                        <td></td>
                                        <td><strong>
                                                <h2 class="text-white">Total do pedido</h2>
                                            </strong></td>
                                        <td><strong>
                                                <h2 class="text-green font-weight-bold">R$ {{ number_format($total_pedido, 2, ',', '.') }}</h2>
                                            </strong></td>
                                    </tr>
                                </tfoot>
                            </table>
                            </form>
                            @empty
                            <h4>Nenhuma venda foi cancelada ainda.</h4>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Comentando o navbar horizontal -->
@include('layouts.footers.auth')


@endsection

@push('js')
<script type="text/javascript" src="/js/carrinho.js"></script>
@endpush