@extends('layouts.app', ['isCart' => TRUE])

@section('content')
    <div class="container content-container"  style="margin-top: 30px; padding-bottom: 40px; background:white">
        <div class="row content-row">
            <div id="primary" class="content-area content-full-width col-12">
                <main id="main" class="site-main">

                    <article id="post-365" class="post-365 page type-page status-publish hentry mt-4">
                        <div class="entry-content clearfix">
                            <div class="woocommerce">

                                <div class="woocommerce-notices-wrapper"></div>


                                <div class="col2-set" id="customer_details">
                                    <div class="col-12">
                                        <div class="woocommerce-billing-fields bg-white p-3 border-shadow">

                                            <div class="woocommerce-billing-fields__field-wrapper">
                                                <div class="col-12 text-center mt-5 mb-5">
                                                    <h1>Thank you for your deposit for your Christmas
                                                        Order, {{ Auth::user()->name }}!</h1>
                                                    <h3>Your order has been secured for Christmas.</h3>
                                                </div>
                                                <div class="col-12 deliverySummary text-center">
                                                    <div class="table table-responsive mt-4">
                                                        <table>
                                                            <tbody>
                                                            <tr class="heading">
                                                                <td>Supplier</td>
                                                                <td>Product</td>
                                                                <td>Price</td>
                                                                <td>Quantity</td>
                                                                <td>Total</td>
                                                            </tr>
                                                            @foreach($order->order_items()->get() as $item)
                                                                @php $product = $item->product()->get()->first(); @endphp
                                                                @php $product_item = $item->product_item()->get()->first(); @endphp
                                                                @php $supplier = $product->suppliers()->get()[0]; @endphp

                                                                <tr class="item">
                                                                    <td>
                                                                        {{ $supplier->name}}
                                                                    </td>
                                                                    <td>
                                                                        {{ $product->name}}
                                                                        @if($product_item)
                                                                            - {{$product_item->name}}
                                                                        @endif
                                                                    </td>

                                                                    <td>
                                                                        &pound;{{ number_format( $item->price, 2)}}
                                                                    </td>
                                                                    <td>
                                                                        {{ $item->quantity}}
                                                                    </td>
                                                                    <td>
                                                                        &pound;{{ number_format( $item->total, 2)}}
                                                                    </td>
                                                                </tr>
                                                            @endforeach

                                                            <tr class="total">
                                                                <td></td>
                                                                <td></td>

                                                                <td colspan="3" style="text-align: right">
                                                                    Sub-Total:
                                                                    <strong>&pound;{{ number_format(($order->total - $order->DeliveryPrice), 2) }}</strong>
                                                                </td>
                                                            </tr>
                                                            <tr class="total">
                                                                <td></td>
                                                                <td></td>
                                                                <td colspan="3" style="text-align: right">
                                                                    Delivery:
                                                                    <strong>&pound;{{ number_format($order->DeliveryPrice, 2) }}</strong>
                                                                </td>
                                                            </tr>
                                                            <tr class="total">
                                                                <td></td>
                                                                <td></td>
                                                                <td colspan="3" style="text-align: right">
                                                                    <h3>Paid so far: <strong>
                                                                            &pound;{{ number_format(($order->AmountPaid), 2) }}</strong>
                                                                    </h3>
                                                                </td>
                                                            </tr>
                                                            <tr class="total">
                                                                <td></td>
                                                                <td></td>
                                                                <td colspan="3" style="text-align: right">
                                                                    <h3>Balance Remaining: <strong>
                                                                            &pound;{{ number_format(($order->AmountRemaning), 2) }}</strong>
                                                                    </h3>
                                                                    <a href="/partpay/{{$order->id}}" class="btn btn-lg btn-success">Pay Now</a>
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </article>
                </main>
            </div>
        </div>
    </div>
@endsection

@section('myjsfile')
    <script>
        $(document).ready(function () {
            fbq('track', 'Purchase', {currency: "GBP", value: {{ number_format(($order->AmountPaid), 2) }}});
        })
    </script>
@endsection