@extends('layouts.app')
@section('content')
@if($objdata!=null)
@if($objdata['error']!="")
<main class="main order">
    <section class="section sec-a">
        <div class="container sec-a__con0">  
            <div class="sec-a__con1">
                <p>&nbsp;<p>&nbsp;<p>&nbsp;<p>&nbsp;        
                <h3 class="sec-a__hdr--ht" style="text-align:center; font-size:20px; text-transform:uppercase;">
                   Lo sentimos, hubo un error.
                </h3>
                <h3 class="sec-a__hdr--mb" style="text-align:center; font-size:20px; font-weight:400;">
                    Volver al inicio
                </h3>
            </div>
        </div>
    </section>
</main>
@else
<main class="main order">
    <section class="section sec-a">
        <div class="container sec-a__con0">            
            <!-- Contenido del pedido -->
             <p>&nbsp;<p>&nbsp;
            <div class="sec-a__con1">
                <h2 class="sec-a__hdr--name" style="text-align:center; font-size:30px;">
                    <span>{{ $objdata['pedido']['compra_compra_nombres'] }}</span>
                    <span>{{ $objdata['pedido']['compra_compra_apellidos'] }}</span>
                </h2>

                <h1 class="sec-a__hdr--ht" style="text-align:center; font-size:50px; text-transform:uppercase;">
                    ¡Gracias por tu compra!
                </h1>

                <h3 class="sec-a__hdr--mb" style="text-align:center; font-size:20px; font-weight:400;">
                    Tu compra se realizó con éxito
                </h3>

                <div class="sxs-odt">
                    <div class="sxs-odt__num">
                        <span>Número de pedido:</span>
                        <span>{{ $objdata['pedido']['id'] }}</span>
                    </div>

                    <p class="sxs-odt__legend">
                        Estimado cliente: le recordamos que todos nuestros envíos se realizan únicamente en días hábiles (de lunes a viernes).
                    </p>

                    <div class="sxs-odt__tbl-wrp0">
                        <table class="sxs-odt__tbl">
                            <thead class="sxs-odt__tbl-head">
                                <tr class="sxs-odt__tbl-row">
                                    <th class="sxs-odt__tbl-dat col-40">Producto</th>
                                    <th class="sxs-odt__tbl-dat col-20">Cantidad</th>
                                    <th class="sxs-odt__tbl-dat col-20">Precio unitario</th>
                                    <th class="sxs-odt__tbl-dat col-20">Precio total</th>
                                </tr>
                            </thead>
                            <tbody class="sxs-odt__tbl-bod">

                                <!-- Repetir por cada producto -->

                                @foreach ($objdata['pedido']['cart_items'] as $a)  
                                    <tr class="sxs-odt__tbl-row--bod">
                                        <td class="sxs-odt__tbl-dat sxs-odt__tbl-dat--prod col-40">
                                            {{ $a['titulo'] }}
                                        </td>
                                        <td class="sxs-odt__tbl-dat col-20">                                            
                                            {{ $a['cantidad'] }}
                                        </td>
                                        <td class="sxs-odt__tbl-dat col-20">
                                            $ {{ $a['precio'] }} MXN                                            
                                        </td>
                                        <td class="sxs-odt__tbl-dat col-20">
                                            $ {{ $a['subtotal'] }} MXN
                                            
                                        </td>
                                    </tr>
                                    
                                  @endforeach

                            </tbody>
                        </table>
                    </div>

                    <div class="sxs-odt__det row row--f">

                        <!-- Datos de compra -->
                        <div class="sxs-odt__bill col col--f md:col-60">
                            <div class="sxs-odt__bill-row">
                                <span class="sxs-odt__bill-tit">Datos de compra</span>
                            </div>

                            <div class="sxs-odt__bill-row">
                                <span>Fecha</span>
                                <span>{{ $objdata['pedido']['compras_created_at'] }}</span>
                            </div>

                            <div class="sxs-odt__bill-row">
                                <span>Nombres</span>
                                <span>{{ $objdata['pedido']['compra_compra_nombres']  }}</span>
                            </div>

                            <div class="sxs-odt__bill-row">
                                <span>Apellidos</span>
                                <span>{{ $objdata['pedido']['compra_compra_apellidos'] }}</span>
                            </div>

                            <div class="sxs-odt__bill-row">
                                <span>N° de celular</span>
                                <span>{{ $objdata['pedido']['compra_entrega_telefono'] }}</span>
                            </div>

                            <div class="sxs-odt__bill-row">
                                <span>Correo</span>
                                <span>{{ $objdata['pedido']['compra_compra_correo'] }}</span>
                            </div>
                        </div>

                        <!-- Resumen de precios -->
                        <div class="sxs-odt__prcs col col--f md:col-40">
                            <div class="sxs-odt__prcs-con0">

                                <div class="sxs-odt__prcs-row">
                                    <div class="sxs-odt__prcs-tit col-50">
                                        Productos ({{ count($objdata['pedido']['cart_items']) }})
                                    </div>
                                    <div class="sxs-odt__prcs-prc col-50">
                                        $ {{ $objdata['pedido']['pricing_productos']  }} MXN
                                    </div>
                                </div>

                                <div class="sxs-odt__prcs-row">
                                    <div class="sxs-odt__prcs-tit col-50">Envío</div>
                                    <div class="sxs-odt__prcs-prc col-50">
                                        $ {{ $objdata['pedido']['pricing_envio'] }} MXN
                                    </div>
                                </div>

                                <div class="sxs-odt__prcs-row">
                                    <div class="sxs-odt__prcs-tit col-50">Total</div>
                                    <div class="sxs-odt__prcs-prc sxs-odt__prcs-prc--ht col-50">
                                        $ {{ $objdata['pedido']['pricing_total'] }} MXN
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </section>
</main>
@endif
@endif
@endsection