@extends('layouts.confraria')

@section('content')

<div class="wrapper-internal">
    <div class="container-conf">
        <div class="conf-box no-padding">
            <div class="topo-conf-default">
                <div class="topo-cover" style="background-image: url('{{ $confraria->imagem_capa ? $confraria->imagem_capa : '/img/site/conf-cover-padrao.png' }}');"></div>

                <div class="topo-conf-default-content">
                    <div class="left-topo-default">
                        <h1>Entregas</h1>
                        <ul>
                            <li>
                                <a href="/confraria/home">Home</a>
                            </li>
                            <li>
                                <span>Entregas</span>
                            </li>
                        </ul>
                    </div>

                    <div class="list-kpis">
                        <div class="kpi-item">
                            <span>Hist. Entregas</span>
                            <strong>{{ count($pedidosEntrega) }}</strong>
                        </div>
                        @if(count($pedidosEntrega) > 0)
                        <div class="kpi-item center">
                            <span>Último pedido</span>
                            <strong>{{ date('d/m/Y', strtotime($ultimoPedido->data_solicitacao)) }}</strong>
                        </div>
                        @endif
                        <a href="{{ url('/confraria/entrega/solicitar') }}" class="btn-action btn-conf">SOLICITAR ENTREGA</a>
                    </div>
                </div>
            </div>
        </div>


        @foreach($pedidosEntrega as $pedidoEntrega)
            <div class="conf-box no-padding entregas-box {{ $pedidoEntrega->status->id == 6 ? 'entregue' : '' }}">
                <div class="entregas-item">
                    <div class="left-block-entregas">
                        <strong>{{ $pedidoEntrega->status->nome }}</strong>
                        <span>

                            @if($pedidoEntrega->status->id == 6)
                                <img src="/img/site/entraga-status-green.svg" class="green" alt="Entregue">
                            @else
                                <img src="/img/site/entraga-status-red.svg" class="red" alt="Em transporte">
                            @endif
                            
                            {!! strip_tags($pedidoEntrega->frase_observacao) !!}
                        </span>
                        <a href="/confraria/entrega/detalhe/{{ $pedidoEntrega->id }}" class="btn-action">Ver Detalhes</a>
                    </div>

                    <div class="entregas-right-cont">
                        <div class="component-subtable">
                            <div class="subtable-item">
                                <span>Qtde. Garrafas</span>
                                <strong>{{ $pedidoEntrega->qtd_garrafas }}</strong>
                            </div>
                            <div class="subtable-item">
                                <span>Valor total</span>
                                <strong>R$ {{ number_format($pedidoEntrega->adega->valor_total, 2,",",".") }}</strong>
                            </div>
                            <div class="subtable-item">
                                <span>Valor economizado</span>
                                <strong class="green">R$  {{ number_format($pedidoEntrega->valorEconomizado, 2,",",".") }} </strong>
                            </div>

                            <div class="divisor"></div>

                            <div class="subtable-item after-divisor">
                                <span>Valor pago</span>
                                <strong class="red">R$  {{ number_format($pedidoEntrega->adega->valor_total ,2,",",".") }} </strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach

    </div>
</div>

<div class="modal-confraria">
    <img src="/img/site/close-modal-conf.svg" class="close-modal" alt="Fechar">
    <h3>Pedido #xxxx</h3>
    <div class="box-modal-subtable">
        <div class="component-subtable">
            <div class="subtable-item">
                <span>Pedido</span>
                <strong class="underlined open-pedido" pedido-id="7238452">#7238452</strong>
            </div>
            <div class="subtable-item">
                <span>Qtde. Garrafas</span>
                <strong>4</strong>
            </div>
            <div class="subtable-item">
                <span>Valor total</span>
                <strong>R$ 850,00</strong>
            </div>
            <div class="subtable-item">
                <span>Valor economizado</span>
                <strong>R$ 100,00</strong>
            </div>

            <div class="divisor"></div>

            <div class="subtable-item after-divisor">
                <span>Valor pago</span>
                <strong class="red">R$ 750,00</strong>
            </div>
        </div>
    </div>
    <div class="box-table-modal">
        <div class="component-table">
            <div class="line-table line-title">
                <span style="min-width: 302px; max-width: 302px;">Produto</span>
                <span style="min-width: 111px; max-width: 111px;">Tipo</span>
                <span style="min-width: 99px; max-width: 99px;">Safra</span>
                <span style="min-width: 80px; max-width: 80px;">Teor</span>
                <span style="min-width: 135px; max-width: 135px;">País</span>
                <span style="min-width: 200px; max-width: 200px;">Região</span>
            </div>
            <?php for($i = 0; $i <= 5; $i++){ ?>
                <div class="line-table">
                    <span style="min-width: 302px; max-width: 302px;">Lorem ipsum dolor sit amet</span>
                    <span style="min-width: 111px; max-width: 111px;">Tinto</span>
                    <span style="min-width: 99px; max-width: 99px;">2012</span>
                    <span style="min-width: 80px; max-width: 80px;">5%</span>
                    <span style="min-width: 135px; max-width: 135px;">Portugal</span>
                    <span style="min-width: 200px; max-width: 200px;">Las Montanhas</span>
                </div>
            <?php } ?>
        </div>
    </div>
</div>
<div class="modal-confraria-overlay"></div>

<script type="text/javascript">
    $(document).on('ready', function(){
        $(document).on('click', '.open-pedido', function(){
            $('.modal-confraria, .modal-confraria-overlay').toggleClass('active')
        });
        $(document).on('click', '.close-modal, .modal-confraria-overlay', function(){
            $('.modal-confraria, .modal-confraria-overlay').toggleClass('active')
        });
    })
</script>

@endsection