@extends('layouts.confraria')

@section('content')

<div class="wrapper-internal fixed-btns-wrapper">
    <div class="container-conf">
        <div class="conf-box no-padding continued no-kpi">
            <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>Endereços</h1>
                        <ul>
                            <li>
                                <a href="/confraria/">Home</a>
                            </li>
                            <li>
                                <a href="/confraria/entrega/home">Entregas</a>
                            </li>
                            <li>
                                <span>Endereços</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="conf-box no-padding continuation">
            <div class="solicitar-entrega-box">
                <div class="solicitar-left">
                    <h3>Endereço De Entrega</h3>

                    <div class="lista-opcionais enderecos">
                        @if(count($enderecos) > 0)
                        @foreach($enderecos as $enderecoItem)
                        <label class="item-opcional <?php echo ($enderecoItem->id == $endereco->id) ? 'active' : ''; ?>" for="endereco-id-{{ $enderecoItem->id }}">
                            <div class="left-enderecos">
                                <figure>
                                    <img src="/img/site/map-conf.svg" alt="Endereço">
                                </figure>
                                <div class="item-texts-opcionais">
                                    <strong>{{ $enderecoItem->nome }}</strong>
                                    <p>
                                        <?php echo trim($enderecoItem->logradouro); ?>, {{ $enderecoItem->numero }}<?php echo $enderecoItem->complemento? ', '.$enderecoItem->complemento : ''; ?>, B. {{ $enderecoItem->bairro }}, CEP {{ $enderecoItem->cep }}, {{ $enderecoItem->cidade->nome }} - {{ $enderecoItem->estado->sigla }}
                                    </p>
                                </div>
                            </div>
                            <div class="checkbox-opcionais-box">
                                <input type="checkbox" id="endereco-id-{{ $enderecoItem->id }}" name="enderecos[]" value="{{ $enderecoItem->id }}" <?php echo ($enderecoItem->id == $endereco->id) ? 'checked="true"' : ''; ?>>
                                <span></span>
                            </div>
                        </label>
                        @endforeach
                        @endif
                    </div>
                </div>
                <div class="solicitar-right">
                    <h3>Resumo</h3>

                    <div class="component-subtable">
                        <div class="subtable-item">
                            <span>Qtde. Garrafas</span>
                            <strong>{{ $informacoesBasicasAdega['quantidadeVinhosAdega'] }}</strong>
                        </div>
                        <div class="subtable-item">
                            <span>Valor total</span>
                            <strong>R$ {{ number_format( ($informacoesBasicasAdega['valorTotal']),2,',','.') }}</strong>
                        </div>
                        <div class="subtable-item">
                            <span>Valor economizado</span>
                            <strong class="green">R$ {{ number_format($informacoesBasicasAdega['valorEconomizado'],2,',','.') }}</strong>
                        </div>
                        <div class="subtable-item">
                            <span>Frete</span>
                            @if($endereco->custo_frete > 0)
                            <strong class="red">R$ {{ number_format($endereco->custo_frete,2,',','.') }}</strong>
                            @else
                            <strong class="green">Grátis</strong>
                            @endif
                        </div>
                        <!--<div class="subtable-item">
                            <span>Rótulos Secretos</span>
                            <strong>R$ 12,50</strong>
                        </div>-->

                        @if($endereco->custo_frete > 0)
                        <?php $restante_frete = $endereco->valor_final_frete - $informacoesBasicasAdega['valorTotal']; ?>
                        <span class="frete-gratis-entrega">Faltam <strong>R$ {{ number_format($restante_frete,2,',','.') }}</strong> para frete grátis</span>
                        @endif

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

                        <div class="subtable-item after-divisor">
                            <span>Valor pago</span>
                            <strong>R$ <?php echo number_format( ($informacoesBasicasAdega['valorTotal']),2,',','.'); ?></strong>
                        </div>
                        @if($endereco->custo_frete > 0)
                        <div class="subtable-item after-divisor">
                            <span>Total a pagar</span>
                            <strong class="red">R$ {{ number_format($endereco->custo_frete,2,',','.') }}</strong>
                        </div>
                        @else
                        <div class="subtable-item after-divisor">
                            <span>Total a pagar</span>
                            <strong class="green">R$ 0,00</strong>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="fixed-btns">
    <div class="container-conf">
        <a href="{{ url('/confraria/entrega/solicitar') }}" class="btn-action btn-conf">Continuar</a>
        <a href="{{ url('/confraria/entrega/endereco-novo') }}" class="btn-action btn-secondary">Adicionar endereço</a>
    </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">

    function alterarEnderecoEntregaAdega(cadastro_endereco_id){

        $.ajax({
            headers: {
                 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url:'/confraria/entrega/endereco-adega-salvar',
            type:'POST',
            data: {cadastro_endereco_id: cadastro_endereco_id},
            beforeSend:function(){
                 $('.carregando').fadeIn();
            },
            success:function(data){

                 $('.carregando').fadeOut();

                 if(data.status){
                      alertUtil.alertSuccess(data.message);
                 }else{
                      alertUtil.alertError(data.message);
                 }
            }
       });

    }

    $(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')
        });

        $(document).on('change', '.item-opcional input', function(){
            $(this).closest('.item-opcional').toggleClass('active');

            var cadastro_endereco_id = $(this).val();
            console.log(cadastro_endereco_id);
            alterarEnderecoEntregaAdega(cadastro_endereco_id);

            $(this).closest('.item-opcional').siblings('.item-opcional').removeClass('active');
            $(this).closest('.item-opcional').siblings('.item-opcional').map(function(index, element){
                $(element).find('input')[0].checked = false;
            })
        });
    })
</script>

@endsection