@extends('layouts.front.app')

@section('content')
    <div class="container product-in-cart-list">
        @if($products)
            <div class="container wow fadeIn">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb blue-grey lighten-4">
                        <li class="breadcrumb-item"><a class="black-text" href="#">Home</a><i class="fas fa-angle-double-right mx-2"
                            aria-hidden="true"></i></li>
                            @if(isset($products->id))
                                <li class="breadcrumb-item"><a class="black-text" href="/accounts/?tab=orders">Pedidos</a><i class="fas fa-angle-double-right mx-2"
                                    aria-hidden="true"></i></li>
                                <li class="breadcrumb-item active">Checkout</li>
                            @else
                                <li class="breadcrumb-item active">Carrinho </li>
                            @endif

                    </ol>
                    </nav>
                    <!--Grid row-->
                    <div class="row">

                    <!--Grid column-->
                    <div class="col-md-12 mb-4">

                        <!--Card-->
                        <div class="card">
                            <div class="card-body">
                                @include('layouts.errors-and-messages')
                                @if(count($addresses) > 0)
                                    <div class="row">
                                        <div class="col-md-12">
                                            @include('front.products.product-list-table', compact('products'))
                                        </div>
                                    </div>
                                    @if(!is_null($entrega))
                                        <div class="row">
                                            <div class="table-responsive">
                                                <legend><i class="fa fa-truck"></i> Detalhes da entrega</legend>
                                                <table class="table table-striped">
                                                    <thead>
                                                        <th scope="col">Data</th>
                                                        <th scope="col">Hora da entrega</th>
                                                        <th scope="col">Destinatário:</th>
                                                        <th scope="col">Mensagem (cartão)</th>
                                                        <th scope="col">Remetente (cartão)</th>
                                                    </thead>
                                                    <tbody>
                                                        <th>{{ \Carbon\Carbon::createFromFormat('Y-m-d', $entrega['data_entrega'])->format('d/m/Y') }}</th>
                                                        <th>A partir das {{ $entrega['hora_entrega_manha'] }}</th>
                                                        <th>{{ $entrega['destinatario'] }}</th>
                                                        <th>{{ $entrega['mensagem'] }}</a></th>
                                                        <th>
                                                            @if ($entrega['remetente'] === 'anonimo')
                                                                Anônimo
                                                            @else
                                                                $entrega['remetente']
                                                            @endif
                                                        </th>
                                                    </tbody>
                                                </table>
                                                {!! Form::hidden('horario_entrega', $entrega['horario_entrega']) !!}
                                                {!! Form::hidden('data_entrega', $entrega['data_entrega']) !!}
                                                {!! Form::hidden('destinatario', $entrega['destinatario']) !!}
                                                {!! Form::hidden('mensagem', $entrega['mensagem']) !!}
                                                {!! Form::hidden('nome_remetente', $entrega['nome_remetente']) !!}
                                            </div>
                                        </div>
                                    @endif
                                    @if(isset($addresses))
                                        @if(!isset($addresses['id']))
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <legend><i class="fa fa-home"></i> Endereço(s) <a href="{{ route('customer.address.create', auth()->user()->id) }}" class="btn btn-primary pull-right">Entregar em novo endereço</a> </legend>
                                                    <table class="table table-striped">
                                                        <thead>
                                                            <th>Tipo</th>
                                                            <th>Endereço</th>
                                                            <th>Endereço de Cobrança</th>
                                                            <th>Endereço de Entrega </th>
                                                        </thead>
                                                        <tbody>
                                                            @if($entrega['entrega'] === 'retirar')
                                                            <tr>
                                                                <td>Retirar no Local</td>
                                                                <td colspan="2"></td>
                                                                <td >
                                                                    <label class="col-md-6 col-md-offset-2">  <input
                                                                    type="radio"
                                                                    value="0"
                                                                    name="sameDeliveryAddress" data-frete="0,00" checked></label>
                                                                </td>
                                                            </tr>
                                                            @endif
                                                            @foreach($addresses as $key => $address)
                                                                <tr>
                                                                    <td>{{ $address->alias }}</td>
                                                                    <td>
                                                                        {{ $address->address_1 }} {{ $address->address_2 }} <br />
                                                                        @if(!is_null($address->province))
                                                                            {{ $address->city }} {{ $address->province->name }} <br />
                                                                        @endif
                                                                        {{ $address->city }} {{ $address->state_code }} <br>
                                                                        {{ $address->country->name }} {{ $address->zip }}
                                                                    </td>
                                                                    <td>
                                                                        <label class="col-md-6 col-md-offset-3">
                                                                            <input
                                                                                type="radio"
                                                                                value="{{ $address->id }}"
                                                                                name="billing_address"
                                                                                @if($entrega['entrega'] == $address->id) checked="checked"  @endif
                                                                                >
                                                                        </label>
                                                                    </td>
                                                                    <td>
                                                                        <label class="col-md-6 col-md-offset-2">
                                                                            <input
                                                                                type="radio"
                                                                                value="{{ $address->id }}"
                                                                                name="sameDeliveryAddress"
                                                                                data-frete="{{ $frete->valorFrete(str_replace(['.', '-'], '', $address->zip)) }}"
                                                                                @if($entrega['entrega'] == $address->id) checked="checked"  @endif
                                                                                @if($frete->valorFrete(str_replace(['.', '-'], '', $address->zip)) === 0.0) disabled @endif >
                                                                            {{--  <input type="checkbox" id="sameDeliveryAddress" checked="checked"> Mesmo da cabrança  --}}
                                                                        </label>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                        <tbody style="display: none" id="sameDeliveryAddressRow">
                                                            @foreach($addresses as $key => $address)
                                                                <tr>
                                                                    <td>{{ $address->alias }}</td>
                                                                    <td>
                                                                        {{ $address->address_1 }} {{ $address->address_2 }} <br />
                                                                        @if(!is_null($address->province))
                                                                            {{ $address->city }} {{ $address->province->name }} <br />
                                                                        @endif
                                                                        {{ $address->city }} {{ $address->state_code }} <br>
                                                                        {{ $address->country->name }} {{ $address->zip }}
                                                                    </td>
                                                                    <td></td>
                                                                    <td>
                                                                        <label class="col-md-6 col-md-offset-3">
                                                                            <input
                                                                                type="radio"
                                                                                value="{{ $address->id }}"
                                                                                name="delivery_address"
                                                                                @if(old('') == $address->id) checked="checked"  @endif>

                                                                        </label>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        @endif
                                    @endif

                                    <div class="row">
                                        @if (!isset($order_paid) || $order_paid > 1)
                                            <div class="col-md-12">
                                                <legend><i class="fa fa-credit-card"></i> Pagamento</legend>
                                                @if(isset($payments) && !empty($payments))
                                                    <table class="table w-80">
                                                        <thead>
                                                        <th class="">Nome</th>
                                                        <th class="">Descrição</th>
                                                        <th class=""></th>
                                                        <th class=" text-right">Efetuar pagamento</th>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($payments as $payment)
                                                            @include('layouts.front.payment-options', compact('payment', 'total', 'shipment', 'order_id'))
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                @else
                                                    <p class="alert alert-danger">Nenhum método de pagamento definido</p>
                                                @endif
                                            </div>
                                        @else
                                        <div class="col-md-12">
                                            <legend><i class="fa fa-credit-card"></i> Pagamento realizado:</legend>
                                            <table class="table">
                                                <thead>
                                                    <th class="text-center h3 text-success" colspan="2">
                                                        Informações do Pagamento

                                                    </th>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th class="col-md-3 text-left">Meio:</th>
                                                        <th class="col-md-9 text-left">{{ ucfirst($pagamento->plataforma) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="col-md-3 text-left">Método:</th>
                                                        <th class="col-md-9 text-left">{{ ucfirst($pagamento->tipo_pagamento) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="col-md-3 text-left">Data do pagamento:</th>
                                                        <th class="col-md-9 text-left">{{ date('d/m/Y h:i a', strtotime($pagamento->created_at)) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="col-md-3 text-left">Autenticação:</th>
                                                        <th class="col-md-9 text-left">{{ $pagamento->transaction_id }}</th>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <a href="{{ route('accounts', ['tab' => 'orders']) }}"  --}} class="btn btn-primary"> Voltar </a>
                                        </div>
                                        @endif
                                    </div>
                                @else
                                    <p class="alert alert-danger"><a href="{{ route('customer.address.create', [$customer->id]) }}">Nenhum endereço encontrado. Você precisa criar um endereço clicando aqui.</a></p>
                                @endif
                            </div>
                        </div>
                    </div>
            </div>
        @else
            <div class="row">
                <div class="col-md-12">
                    <p class="alert alert-warning">Nenhum produto no carrinho. <a href="{{ route('home') }}">Mostrar!</a></p>
                </div>
            </div>
        @endif
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            $('input[name=sameDeliveryAddress]').on('click', function() {
                let frete = $(this).data('frete')
                let subTotal = $('#subTotal').html()
                let taxa = $('#taxa').html()
                let total = parseFloat(frete.replace('.', '').replace(',', '.')) + parseFloat(subTotal.replace('.', '').replace(',', '.')) + parseFloat(taxa.replace('.', '').replace(',','.'))
                frete = frete.toLocaleString('pt-BR')
                total = total.toLocaleString('pt-BR')
                $('#shippingFee').html(frete)
                $('#grandTotal').html(total)
                $('input[name=frete]').val(frete)
            })
        })
    </script>

@endsection