@extends('layouts.app')
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/animate.css/animate.min.css">

<style>
    .white-space {
        white-space: pre-wrap !important;
    }
</style>

@section('title', 'Vendas')
@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 p-3">
                    <div class="row align-items-center">
                        <div class="col-md-12 col-sm-12 text-center">
                            <h2 class="mb-0">{{ __('Orçamentos') }}</h2>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @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
                    <div class="row">
                        @forelse ($compras as $pedido)
                        <div class="accordion col-md-12 col-sm-12" id="accordion{{ $pedido->id }}">
                            <div class="card">
                                <div class="card-header table-responsive p-0" id="heading{{ $pedido->id }}" data-toggle="collapse" data-target="#collapse{{ $pedido->id }}" aria-expanded="false" aria-controls="collapse{{ $pedido->id }}">
                                    <table class="table align-items-center table-sm">
                                        <tbody>
                                            <tr>
                                                <th colspan="6" class="text-center text-white bg-default">
                                                    <div class="d-flex bd-highlight">
                                                        <div class="p-2 w-100 bd-highlight"> {{$pedido->razao_cliente}}</div>
                                                        <div class="p-2 flex-shrink-1 bd-highlight"> <span class='text-right text-primary'><i style="font-size: 14px;" class="fas fa-calendar-check text-primary" data-toggle="tooltip" data-original-title="Data da compra"></i> {{Str::limit($pedido->created_at->format('d-m-Y'))}}</span></div>
                                                    </div>
                                                </th>
                                            </tr>
                                            <tr>
                                                <th class="p-2" rowspan="1" style="width:100px" scope="row">
                                                    <div class="media align-items-center">
                                                        <div class="avatar    @if($pedido->conta_pedido == 0) bg-default @else bg-success @endif avatar-md rounded-circle mr-3">
                                                            {{ $pedido->id }}
                                                        </div>
                                                    </div>
                                                </th>
                                                <td class="text-center" style="width:200px;">
                                                    <i style="font-size: 25px;" class="fas fa-id-badge text-dark" data-toggle="tooltip" data-original-title="Vendedor"></i><br>{{$pedido->name}}
                                                </td>
                                                <td class="text-center" style="width:200px;">
                                                    <i style="font-size: 25px;" class="fas fa-store text-dark" data-toggle="tooltip" data-original-title="Loja"></i><br>{{$pedido->empresa}}
                                                </td>
                                                <td class="text-center d-none" style="width:200px;">
                                                    <i style="font-size: 25px;" class="fas fa-calendar-check text-dark" data-toggle="tooltip" data-original-title="Data da compra"></i><br>{{Str::limit($pedido->created_at->format('d-m-Y'))}}
                                                </td>
                                                <td>
                                                    <div class="avatar-group">
                                                        @foreach ($pedido->orcamento_produtos_itens_validos->sortByDesc('subtotal_orcamento_produto')->take(3) as $pedido_produto)
                                                        <a href="#" class="avatar avatar-xl rounded-circle" data-toggle="tooltip" data-original-title="{{ $pedido_produto->produto->nome_produto }}">
                                                            <img alt="Placeholder da imagem" src="../{{ $pedido_produto->produto->imagem_produto }}">
                                                        </a>
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td class="text-right">
                                                    <button type="button" data-toggle="modal" data-target="#ConverterModal" class="btn bg-success rounded" data-pedido='<input name="orcamento_id" id="orcamento_id" type="text" class="form-control" placeholder="" value="{{$pedido->id}}">
                                                        <input name="user_id" id="user_id" type="text" class="form-control" placeholder="" value="{{auth()->user()->id}}">
                                                        <input name="id_cliente" id="id_cliente" type="text" class="form-control" placeholder="" value="{{$pedido->cliente_id_fk}}">' data-produtos='@php $i=0; @endphp@foreach ($pedido->orcamento_produtos_itens_validos as $pedido_produto)
                                                        <input name="loop" id="loop" type="text" class="form-control" placeholder="" value="{{$i}}">
                                                        <input name="produto_id_{{$i}}" id="produto_id_{{$i}}" type="text" class="form-control " value="{{$pedido_produto->produto_id_fk}}">
                                                        <input name="unitario_produto_{{$i}}" id="unitario_produto_{{$i}}" type="text" class="form-control" value="{{$pedido_produto->valor_unitario_produto}}">
                                                        <input name="qtd_produto_{{$i}}" id="qtd_produto_{{$i}}" type="text" class="form-control" value="{{$pedido_produto->quantidade_produto}}">
                                                        <input name="valor_produto_{{$i}}" id="valor_produto_{{$i}}" type="text" class="form-control" value="{{$pedido_produto->subtotal_orcamento_produto}}">
                                                        <div class="text-center">{{$i++}}</div>
                                                        @endforeach'>
                                                        <span class="btn-inner--icon text-center text-white">
                                                            <i style="font-size: 20px;" class="fas fa-cart-plus text-white m-0"></i>
                                                            <br>
                                                            Converter
                                                        </span>
                                                    </button>
                                                    <button type="button" data-toggle="modal" data-target="#EncaminharModal" class="btn bg-warning rounded" data-pedido='<input name="orcamento_id" id="orcamento_id" type="text" class="form-control" placeholder="" value="{{$pedido->id}}">'>
                                                        <span class="btn-inner--icon text-center text-white">
                                                            <i style="font-size: 20px;" class="fas fa-reply text-white m-0"></i>
                                                            <br>
                                                            Encaminhar
                                                        </span>
                                                    </button>
                                                </td>
                                                <td style="width:20px;">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div id="collapse{{ $pedido->id }}" class="collapse" aria-labelledby="heading{{ $pedido->id }}" data-parent="#accordion{{ $pedido->id }}">
                                    <div class="card-body p-1">
                                        <form method="POST" action="{{ route('carrinho.cancelar') }}" id="form_concluir_compra_{{$pedido->id}}">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="model_pedido_id" value="{{ $pedido->id }}">
                                            <input type="hidden" name="cliente_devolucao" value="{{$pedido->id_cliente_pedido_fk}}">
                                            <table class="table align-items-center table-dark table-flush table-sm">
                                                <thead class="thead-dark">
                                                    <tr class="text-center">
                                                        <th colspan="7">Produto</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="list">
                                                    @php

                                                    $total_pedido = 0;
                                                    $total_desconto = 0;
                                                    @endphp
                                                    @foreach ($pedido->orcamento_produtos_itens_validos as $pedido_produto)
                                                    @php
                                                    $total_produto = $pedido_produto->valores - $pedido_produto->descontos;
                                                    $total_desconto += $pedido_produto->descontos;
                                                    $total_pedido += $total_produto;
                                                    @endphp
                                                    <tr class="text-center">
                                                        <td style="width: 50px">
                                                            @if($pedido_produto->status_orcamento_produto == 'PA')
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input devolver_produto" id="item-{{ $pedido_produto->id }}" name="id[]" value="{{ $pedido_produto->id }}">
                                                                <label class="custom-control-label" for="item-{{ $pedido_produto->id }}">selecione</label>
                                                            </div>
                                                            <input type="number" class="form-control form-control-sm" id="qtd-{{ $pedido_produto->id }}" disabled required value="" name="qtd[]" max="{{$pedido_produto->quantidade_produto}}" min="0">
                                                            @else
                                                            <strong class="text-red">DEVOLVIDO</strong>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <span data-toggle="tooltip" data-original-title="{{$pedido_produto->produto_id_fk}}">
                                                                <img class="avatar" width="100" height="100" src="../{{$pedido_produto->produto->imagem_produto }}">
                                                            </span>
                                                        </td>
                                                        <td class="white-space">{{ $pedido_produto->produto->nome_produto }}</td>
                                                        <td>R$ {{ number_format($pedido_produto->valor_unitario_produto, 2, ',', '.') }}</td>
                                                        <td>{{$pedido_produto->quantidade_produto}}</td>
                                                        <td>R$ {{ number_format($pedido_produto->descontos, 2, ',', '.') }}</td>
                                                        <td>R$ {{ number_format($pedido_produto->subtotal_orcamento_produto - $pedido_produto->descontos, 2, ',', '.') }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <td colspan="1">
                                                            <button type="submit" class="btn btn-danger btn-block" data-position="bottom" data-delay="50" data-tooltip="Cancelar itens selecionados">
                                                                Cancelar
                                                            </button>
                                                        </td>
                                                        <td colspan="4"></td>
                                                        <td colspan="2" class="text-center">
                                                            <strong>
                                                                <h2 class="text-white font-weight-bold m-0">Total do pedido</h2>
                                                                <h2 class="text-green font-weight-bold m-0">R$ {{ number_format($total_pedido, 2, ',', '.') }}</h2>
                                                            </strong>
                                                        </td>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- <hr class='border border-default'> -->
                        @empty
                        <h4>Nenhum orçamento encontrado.</h4>
                        @endforelse

                        <div class="row col-12 justify-content-center p-1">{{ $compras->links()}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="ConverterModal" 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</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('orcamento.converter')}}">
                    <!-- Passando o Token -->
                    {{csrf_field()}}
                    <p>Tem certeza que quer converter esse pedido em venda?</p>
                    <div id="pedido_orcamento" class="row d-none m-auto">

                    </div>
                    <br>
                    <div id="produto_orcamento" class="row d-none m-auto">

                    </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>
            </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="EncaminharModal" 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>Encaminhar orçamento</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('orcamento.encaminhar')}}">
                    <!-- Passando o Token -->
                    {{csrf_field()}}
                    <p>Tem certeza que quer encaminhar esse orçamento?</p>
                    <div id="pedido_orcamento" class="row d-none m-auto">
                    </div>
                    <br>
                    <select class="form-control" name="conexao_par">
                        <option value='reman709_argon_reman_sjc.'>São José dos Campos</option>
                    </select>
            </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>
            </div>
            </form>
        </div>
    </div>
</div>

@endsection

@push('js')

<script src="{{ asset('argon/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-select-bs4/js/dataTables.select.min.js') }}"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js "></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="/js/moment.js"></script>
<script type="text/javascript" src="/js/carrinho.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script type="text/javascript" src="/js/jquery.mask.min.js"></script>
<script src="{{ asset('argon') }}/vendor/bootstrap-notify/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="/js/carrinho_logica_2.js"></script>

<script>
    $('#ConverterModal').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget);

        var produtos = button.data('produtos');
        var pedido = button.data('pedido')

        var modal = $(this);
        modal.find('#produto_orcamento').text('');
        modal.find('#pedido_orcamento').text('');

        modal.find('#produto_orcamento').append(produtos);
        modal.find('#pedido_orcamento').append(pedido);
    })
</script>
<script>
    $('#EncaminharModal').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget);
        var pedido = button.data('pedido')

        var modal = $(this);
        modal.find('#pedido_orcamento').text('');
        modal.find('#pedido_orcamento').append(pedido);
    })
</script>

<script>
    $(document).on('click', '.devolver_produto', function() {
        $valor = $(this).val();
        console.log($valor);
        var campo = $("#qtd-" + $valor);
        campo.prop("disabled", !campo.prop("disabled"));
    });
</script>

@endpush