@extends('shop.customer-area.secondary-template')

@section('header')
    @include('shop.components.header')
@endsection

@section('main2')
    <section class="main-box">
        <h1 class="section-title">Meu pedido</h1>

        <div class="box-dark">
            <div class="box-header">
                <h3>
                    Pagamento
                    @switch($saleData->payment_status)
                        @case(0)
                                <small style="color: orange;">Aguardando pagamento</small>
                            @break
                        @case(1)
                            <small style="color: #23b100;">Pagamento Confirmado</small>
                            @break
                        @case(2)
                            <small style="color: #db5000;">Não Aprovado</small>
                            @break;
                        @case(3)
                            <small style="color: #805339;">Estornado</small>
                            @break;
                        @default

                    @endswitch
                </h3>
            </div>
            <div class="box-body">
                <div class="pay01">
                    {{-- Tipo de pagamento:
                    @switch($saleData->payment_type)
                        @case(1)
                            Boleto
                            @break
                        @case(2)
                            Cartão de Crédito
                            @break
                        @case(3)
                            Pix
                        @default
                            Não encontrado
                    @endswitch --}}
                    <br>
                    @if ($saleData->billet_link != null)
                        <strong><a href="{{ $saleData->billet_link }}">Ver Boleto</a></strong>
                    @endif
                </div>

                <div class="pay02">
                    @if ($saleData->payment_status === 0)
                        <strong><a href="{{ route('payment.methods', $saleData->id) }}">Realizar Pagamento</a></strong>
                    @endif
                    <div class="totals-area">
                        <div>
                            <span class="value-title">Subtotal: </span><span class="value" id="subtotal"> {{ formatMoney($saleData->value_purchase, true) }}</span>
                        </div>
                        <div>
                            <span class="value-title">Frete: </span><span class="value" id="shipping"> {{ formatMoney($saleData->value_shipping, true) }}</span>
                        </div>
                        <div class="total-area">
                            <span class="value-title">Total:</span> <span class="total" id="total">{{ formatMoney($saleData->value_total, true) }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="box-dark">
            <div class="box-header">
                <h3>Produtos do pedido</h3>
            </div>
            <div class="box-body">
                <table>
                    <thead>
                        <tr>
                            <th>Foto</th>
                            <th>Nome</th>
                            <th>Quantidade</th>
                            <th>Subtotal</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($saleProducts as $product)
                            <tr>
                                <td>
                                    @if (count($product->productData->images) > 0)
                                        <img width="35px" src="{{ $product->productData->images[0]->file }}" alt="">
                                    @else
                                        <img width="35px" src="{{ asset('shop/images/products/no-image.png') }}" alt="Produto sem imagem">
                                    @endif
                                </td>
                                <td>{{ $product->productData->product_title }}</td>
                                <td>{{ $product->product_qt }}</td>
                                <td>{{ formatMoney($product->product_value_unit, true) }}</td>
                                <td>{{ formatMoney($product->product_value_subtotal, true) }}</td>
                            </tr>
                        @empty
                            <div class="alert alert-danger">Esse pedido não possui nenhum item :( <a href="{{ route('home') }}">Ir as compras!</a></div>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="box-dark">
            <div class="box-header">
                <h3>Envio</h3>
            </div>
            <div class="box-body">
                <strong>{{ $addressData->address_name }}</strong>
                <p>Rua: <strong>{{ $addressData->street }}</strong></p>
                <p>Número: <strong>{{ $addressData->number }}</strong></p>
                <p>Bairro: <strong>{{ $addressData->neighbourhood }}</strong></p>
                <p>Cidade: <strong>{{ $addressData->city }}</strong></p>
                <p>Estado: <strong>{{ $addressData->state }}</strong></p>
                <p>CEP: <strong>{{ $addressData->zipcode }}</strong></p>
            </div>
        </div>

        <div class="box-dark">
            <div class="box-header">
                <h3>
                    Situação do Envio
                    @if ($saleData->payment_status === 1)
                        @switch($saleData->sale_status)
                            @case(0)
                                <small style="color: orange;">Aguardando pagamento</small>
                                @break
                            @case(1)
                                <small style="color: #805339;">Em Separação</small>
                                @break
                            @case(2)
                                <small style="color: #23b100;">Enviado</small>
                                @break
                            @default

                        @endswitch
                    @else
                        <small style="color: orange;">Aguardando pagamento</small>
                    @endif
                </h3>
            </div>
            <div class="box-body">
                <p>
                    <strong>{{ $saleData->shipping_type }}</strong>
                </p>
                @if ($saleData->shipping_code)
                    {{ $saleData->shipping_code }}
                @else
                    @if ($saleData->sale_status == 2 && $saleData->shipping_type == 'PAC' || $saleData->shipping_type == 'SEDEX')
                        Você receberá embreve o código de rastreio.
                    @endif
                @endif
            </div>
        </div>
    </section>
    @csrf
@endsection

@section('footer')
    @include('shop.components.footer')
@endsection
@push('css')
    <link rel="stylesheet" href="{{ asset('shop/css/shop-main.css') }}">
    <link rel="stylesheet" href="{{ asset('shop/css/cart.css') }}">
    <style>
        @media only screen and (min-width: 500px){
            .main-box{
                max-width: 100% !important;
            }
        }
    </style>
@endpush
@push('js')

@endpush