@extends('layouts.app')
@section('title', 'Encomendas')
@section('content')
<!-- 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 ">
  <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">{{ __('Pedidos de Encomenda') }}</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('encomendas.encomendas') }}" method="GET">
                <div class="input-group ">
                  <input type="date" name="data_encomenda" 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('encomendas.index') }}" class="btn btn-sm btn-primary mt-2">{{ __('Retornar ao carrinho') }}</a>
              {{-- <a href="{{ route('encomendas.encomendas_canceladas') }}" class="btn btn-sm btn-danger mt-2">{{ __('encomendas Cancelados') }}</a> --}}
            </div>
          </div>
          
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <div>
              @if (Session::has('mensagem-sucesso'))
              <div class="alert alert-success alert-dismissible fade show" role="alert">
                <span class="alert-icon"><i class="ni ni-notification-70"></i></span>
                <span class="alert-text"><strong>{{ Session::get('mensagem-sucesso') }}</strong>
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
              </div>
              @endif
              @if (Session::has('mensagem-falha'))
              <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <span class="alert-icon"><i class="ni ni-notification-70"></i></span>
                <span class="alert-text"><strong>{{ Session::get('mensagem-falha') }}</strong>
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
              </div>
              @endif
              @forelse ($encomendas as $encomenda)
              <div class="accordion" id="accordion{{ $encomenda->id }}">
                <div class="card">
                  <div class="card-header table-responsive" id="heading{{ $encomenda->id }}" data-toggle="collapse" data-target="#collapse{{ $encomenda->id }}" aria-expanded="false" aria-controls="collapse{{ $encomenda->id }}">
                    <table class="table align-items-center table-flush">
                      <tr>
                        <th scope="row">
                          <div class="media align-items-center">
                            <a href="#" class="avatar avatar-md rounded-circle mr-3">
                              {{ $encomenda->id }}
                              <!-- <img alt="Placeholder da imagem" src="https://cdn4.iconfinder.com/data/icons/gray-user-management/512/rounded-512.png"> -->
                            </a>
                            <div class="media-body">
                              <span class="name mb-0 text-sm">
                                <font style="vertical-align: inherit;">
                                  <font style="vertical-align: inherit;">{{$encomenda->razao_cliente}}</font>
                                </font>
                              </span>
                            </div>
                          </div>
                        </th>
                        <td class="budget">
                          <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                              @php
                              $total_encomenda = 0;
                              $total_desconto_encomenda= 0;
                              @endphp
                              @foreach ($encomenda->encomenda_produtos_itens_validos as $encomenda_produto)
                              @php
                              $total_produto = $encomenda_produto->valor_encomenda_produto - $encomenda_produto->desconto_encomenda_produto;
                              $total_desconto = $encomenda_produto->desconto_encomenda_produto;
                              $total_encomenda += $total_produto;
                              $total_desconto_encomenda += $total_desconto;
                              @endphp
                              @endforeach
                              Pagamento: {{ $encomenda->forma_pagamento_encomenda }}
                              <br>
                              Desconto: R$ {{ number_format($total_desconto_encomenda, 2, ',', '.') }}
                              <br>
                              Total: R$ {{ number_format($total_encomenda, 2, ',', '.') }}
                            </font>
                          </font>
                        </td>
                        <td>
                          @if(file_exists("NFE/nfe-$encomenda->id.pdf"))
                          <span class="badge badge-dot mr-4">
                            <i class="bg-success"></i>
                            <span class="status">
                              <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">NF-e: Emitida</font>
                              </font>
                            </span>
                          </span>
                          @else <span class="badge badge-dot mr-4">
                            <i class="bg-danger"></i>
                            <span class="status">
                              <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">NF-e: Não Emitida</font>
                              </font>
                            </span>
                          </span>
                          @endif
                        </td>
                        <td>
                          <div class="avatar-group">
                            @foreach ($encomenda->encomenda_produtos_itens_validos->take(4) as $encomenda_produto)
                            <a href="#" class="avatar avatar-xl rounded-circle" data-toggle="tooltip" data-original-title="{{ $encomenda_produto->produto->nome_produto }}">
                              <img alt="Placeholder da imagem" src="../{{ $encomenda_produto->produto->imagem_produto }}">
                            </a>
                            @endforeach
                          </div>
                        </td>
                        <td class="text-right">
                          Criado em: {{ $encomenda->created_at }}
                        </td>
                      </tr>
                    </table>
                  </div>
                  <div id="collapse{{ $encomenda->id }}" class="collapse" aria-labelledby="heading{{ $encomenda->id }}" data-parent="#accordion{{ $encomenda->id }}">
                    <div class="card-body">
                      <form method="POST" action="{{ route('carrinho.cancelar') }}" id="form_concluir_encomenda_{{$encomenda->id}}">
                        {{ csrf_field() }}
                        <input type="hidden" name="model_encomenda_id" value="{{ $encomenda->id }}">
                        <table class="table align-items-center table-dark">
                          <thead class="thead-dark">
                            <tr class="text-center">
                              <th>Opção</th>
                              <th>Imagem</th>
                              <th>Produto</th>
                              <th>Valor</th>
                              <th>Desconto</th>
                              <th>Total</th>
                            </tr>
                          </thead>
                          <tbody class="list">
                            @php
                            $total_encomenda = 0;
                            @endphp
                            @foreach ($encomenda->encomenda_produtos_itens_validos as $encomenda_produto)
                            @php
                            $total_produto = $encomenda_produto->valor_encomenda_produto - $encomenda_produto->desconto_encomenda_produto;
                            $total_encomenda += $total_produto;
                            @endphp
                            <tr class="text-center">
                              <td>
                                @if($encomenda_produto->status_encomenda_produto == 'PA')
                                <div class="custom-control custom-checkbox">
                                  <input type="checkbox" class="custom-control-input excluir_produto" id="item-{{ $encomenda_produto->id }}" name="id[]" value="{{ $encomenda_produto->id }}">
                                  <label class="custom-control-label" for="item-{{ $encomenda_produto->id }}">selecione</label>
                                </div>
                                @else
                                <strong class="text-red">CANCELADO</strong>
                                @endif
                              </td>
                              <td>
                                <img width="100" height="100" src="../{{ $encomenda_produto->produto->imagem_produto }}">
                              </td>
                              <td>{{ $encomenda_produto->produto->nome_produto }}</td>
                              <td>R$ {{ number_format($encomenda_produto->valor_encomenda_produto, 2, ',', '.') }}</td>
                              <td>R$ {{ number_format($encomenda_produto->desconto_encomenda_produto, 2, ',', '.') }}</td>
                              <td>R$ {{ number_format($total_produto, 2, ',', '.') }}</td>
                            </tr>
                            @endforeach
                          </tbody>
                          <tfoot>
                            <tr>
                              <td colspan="2">
                                <button type="submit" id="botao_cancelar" class="btn btn-danger btn-block" data-position="bottom" data-delay="50" data-tooltip="Cancelar itens selecionados">
                                  Cancelar
                                </button>
                              </td>
                              <td colspan="1">
                                <button type="button" id="button" class="btn btn-success" data-toggle="modal" data-target="#EncomendaModal{{$encomenda->id}}">
                                  Converter em Venda </button>
                              </td>
                              <td></td>
                              <td><strong>
                                  <h2 class="text-white">Total da encomenda:</h2>
                                </strong></td>
                              <td><strong>
                                  <h2 class="text-green font-weight-bold">R$ {{ number_format($total_encomenda, 2, ',', '.') }}</h2>
                                </strong></td>
                            </tr>
                          </tfoot>
                        </table>
                      </form>
                    </div>
                  </div>
                </div>
                <!--modal-->
                <div class="modal fade" id="EncomendaModal{{$encomenda->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"><strong>Converter pedido em venda Nº {{$encomenda->id}}</strong></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body" style="background-color:#f7fafc">
                        <form method="post" enctype="multipart/form-data" action="{{route('encomendas.converter')}}">
                          <!-- Passando o Token -->
                          {{csrf_field()}}
                          <p>Tem certeza que quer converter esse pedido em venda?</p>
                          <div class="row m-auto d-none">
                            <label class="form-control-label col-12 d-none">Pedido</label>
                            <input name="encomenda_id" id="encomenda_id" type="hidden" class="form-control form-control-alternative2 col-md-3 col-sm-6" placeholder="" value="{{$encomenda->id}}">
                            <input name="user_id" id="user_id" type="hidden" class="form-control form-control-alternative2 col-md-3 col-sm-6" placeholder="" value="{{$encomenda->user_id_fk}}">
                            <input name="status_pedido" id="status_pedido" type="hidden" class="form-control form-control-alternative2 col-md-3 col-sm-6" placeholder="" value="{{$encomenda->status_encomenda}}">
                            <input name="id_cliente" id="id_cliente" type="hidden" class="form-control form-control-alternative2 col-md-3 col-sm-6" placeholder="" value="{{$encomenda->id_cliente_encomenda_fk}}">
                            <input name="forma_pagamento" id="forma_pagamento" type="hidden" class="form-control form-control-alternative2 col-md-3 col-sm-6" placeholder="" value="{{$encomenda->forma_pagamento_encomenda}}">
                          </div>
                          <div class="row m-auto d-none">
                            <label class="form-control-label col-12 d-none">Produtos</label>
                            @foreach ($encomenda->encomenda_produtos_itens_validos as $encomenda_produto)
                            <input name="loop" id="loop" type="hidden" class="form-control form-control-alternative2 col-md-12 col-sm-12" placeholder="" value="{{$i}}">
                            <input name="produto_id_{{$i}}" id="produto_id_{{$i}}" type="hidden" class="form-control form-control-alternative2 col-md-3 col-sm-6" value="{{$encomenda_produto->produto_id_fk}}">
                            <input name="status_produto_{{$i}}" id="status_produto_{{$i}}" type="hidden" class="form-control form-control-alternative2 col-md-3 col-sm-6" value="{{$encomenda_produto->status_encomenda_produto}}">
                            <input name="valor_produto_{{$i}}" id="valor_produto_{{$i}}" type="hidden" class="form-control form-control-alternative2 col-md-2 col-sm-6" value="{{$encomenda_produto->valor_encomenda_produto}}">
                            <input name="desconto_produto_{{$i}}" id="desconto_produto_{{$i}}" type="hidden" class="form-control form-control-alternative2 col-md-2 col-sm-6" value="{{$encomenda_produto->desconto_encomenda_produto}}">
                            <input name="cupom_produto_{{$i}}" id="cupom_produto_{{$i}}" type="hidden" class="form-control form-control-alternative2 col-md-2 col-sm-6" value="{{$encomenda_produto->cupom_desconto_id_fk}}">
                            <div class="d-none">{{$i++}}</div>
                            @endforeach
                          </div>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                        <button type="submit" class="btn btn-success">Sim</button>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- <hr class='border border-default'> -->
                @empty
                <h4>Nenhuma encomenda foi feita ainda.</h4>
                @endforelse
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">{{ $encomendas->links()}}</div>
    </div>
  </div>
</div>


<!-- Comentando o navbar horizontal -->
@endsection
@push('js')
<script type="text/javascript" src="/js/carrinho.js"></script>
@endpush