@extends('web.layout.master')

@section('content')
    <style>
        .hr_color {
            background-color: #24b2b5 !important;
            height: 4px;
            border: 0;
            margin-left: 15px;
            width: 110px;
            opacity: 1;
            margin-top: 8px;
        }

        .error{
            color: red;
        }
    /* The message box is shown when the user clicks on the password field */
    #message {
        display:none;
        background: #f1f1f1;
        color: #000;
        position: relative;
        padding: 10px;
        margin-top: 10px;
    }

    #message p {
        padding: 0px 10px;
        font-size: 14px;
    }

    /* Add a green text color and a checkmark when the requirements are right */
    .valid {
        color: green;
    }

    .valid:before {
        position: relative;
        left: -10px;
        content: "✔";
    }

    /* Add a red text color and an "x" when the requirements are wrong */
    .invalid {
        color: red;
    }

    .invalid:before {
        position: relative;
        left: -10px;
        content: "✖";
    }
    .btn-primary {
        background: #04458f;
        border: 0px;
    }
    </style>
    <div class="container">
        <div class="row ">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if (Session::has('alert-' . $msg))
                    @if ($msg == 'success')
                        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }} <a
                                href="{{ route('account-login') }}">Please login here</a></p>
                    @else
                        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</p>
                    @endif
                @endif
            @endforeach

            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        <i class="fa fa-check-circle" style="font-size:48px;color:#24b2b5"></i>

                    </div>
                    <div class="row mt-2">
                        <h2>Thank you for your order!</h2>
                        <span style="font-size: 19px;"><b>Order Number: {{ $orderid }}</b></span>
                        <hr class="hr_color">

                        {{-- <span>{{ date('M d, Y', strtotime($order->orderdate)) }}</span> --}}
                    </div>
                    <p class="alert alert-danger" id="checkoutCreatePasswordFormFail" style="display: none" role="alert">

                    </p>


                    <div class="row mt-4">
                        <p>We've sent an email confirmation to <b>{{ $order->coustomer->emailaddress }}.</b> </p>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <h4>Ship to</h4>
                            <span>{{ $order->shipfirstname }} {{ $order->shiplastname }}<br />
                                @if(!empty($order->shipcompanyname)){{ $order->shipcompanyname }}<br>@endif
                                {{ $order->shipaddress1 }}<br />
                                @if(!empty($order->shipaddress2))
                                    {{ $order->shipaddress2 }}<br />
                                @endif
                                {{ $order->shipcity }}, {{ $order->shipstate }} {{ $order->shippostalcode }}<br />
                                {{ $order->shipcountry }}<br />
                                @if(!empty($order->shippingmethodname))
                                    <b>Shipment Method</b><br />
                                    {{ $order->shippingmethodname }}
                                @endif

                            </span>
                        </div>
                        <div class="col-md-6">
                            <h4>Bill to</h4>
                            <span>{{ $order->billingfirstname }} {{ $order->billinglastname }}<br />
                                @if(!empty($order->billingcompanyname)){{ $order->billingcompanyname }}<br>@endif
                                {{ $order->billingaddress1 }}<br />
                                @if(!empty($order->billingaddress2))
                                    {{ $order->billingaddress2 }}<br />
                                @endif
                                {{ $order->billingcity }}, {{ $order->billingstate }} {{ $order->billingpostalcode }}<br />
                                {{ $order->billingcountry }}<br />
                                <b>Payment Method</b><br />
                                @if(!empty($order->paymentlog->pay_details))
                                    @if(!empty($order->paymentlog->pay_paymentmethodid) && $order->paymentlog->pay_paymentmethodid == '13')
                                        {{ 'Purchase order # '.$order->paymentlog->pay_details }}
                                    @elseif(!empty($order->paymentlog->pay_paymentmethodid) && $order->paymentlog->pay_paymentmethodid == '2')
                                        {{ 'Check by Mail # '.$order->paymentlog->pay_details }}
                                    @elseif(!empty($order->paymentlog->pay_paymentmethodid) && $order->paymentlog->pay_paymentmethodid == '16')
                                        {{ 'Money order # '.$order->paymentlog->pay_details }}
                                    @else
                                    <i class="fa fa-light fa-credit-card"></i>  {{ !empty($order->paymentlog->pay_details) ? $order->paymentlog->pay_details : "Credit Card" }}
                                    @endif
                                @else
                                    @if($order->paymentlog->pay_paymentmethodid == '35')
                                        Affirm
                                    @else
                                        <i class="fab fa-cc-paypal"></i> Paypal
                                    @endif
                                @endif
                            </span>
                        </div>
                    </div>
                    <div class="row mt-4">
                        <hr width="98%" color="black" />
                    </div>
                                        <div class="row mt-2">
                        <div class="col-md-6">
                            <h5>Item Summary ({{ $quantity }} item)</h5>
                        </div>
                        {{-- <div class="col-md-6">
                            <i class="fa fa-share-alt" aria-hidden="true"></i> &nbsp; Sleeknote

                        </div> --}}
                    </div>

                    @foreach ($order->orderdetail as $orderdetail)
                        <div class="card mt-2" style="background-color: #f1f6f9;">
                            <div class="card-body p-2">
                                <div class="row">
                                    <div class="col-md-9">
                                        <h5>SKU: {{ !empty($orderdetail->productcode) ? $orderdetail->productcode : "" }}</h5>
                                        <span class="text-primary">{{ (!empty($orderdetail->clientmap->pin->Name))?$orderdetail->clientmap->pin->Name:$orderdetail->productcode." Part" }}
                                        </span><br />
                                        <span><b>${{ $orderdetail->totalprice }}</b> | Qty: {{ $orderdetail->quantity }}</span>
                                    </div>
                                    <div class="col-md-3 text-center">
                                        <img src="https://s3.us-central-1.wasabisys.com/partswarehouse/photos/{{ $orderdetail->productcode }}-1.jpg"
                                            style="width: 80px" onerror="this.onerror=null;this.src=&quot;https://s3.us-central-1.wasabisys.com/partswarehouse/photos/NO_PRODUCT_IMAGE-Parts.jpg&quot;">
                                    </div>
                                </div>

                            </div>
                        </div>
                    @endforeach
                    @php
                        $subtotal = number_format((float)($order->paymentamount - ($order->totalshippingcost + $order->salestax1 )) + $order->coupon_discount , 2, '.', '');
                    @endphp
                    <div class="row mt-4">
                        <span><b>Need help with your order?</b></span>
                        <span class="text-primary">Give us a call at 866-243-2721 or email us at info@partswarehouse.com
                        </span><br />
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <span style="background: #4e5b64;border-radius: 4px;color: white;font-weight: 600;font-size: 18px;">Order Summary </span>
                    </div>
                    <div class="row">
                        <div class="col-md-8 mt-2">
                            <span>Subtotal ({{ $quantity }} item)</span><br />
                        </div>
                        <div class="col-md-4 mt-2" style="text-align: right;">
                            <span>${{ $subtotal }}</span><br />
                        </div>
                        @if(!empty($order->coupon_discount))
                            @php $discountPer = (($order->coupon_discount / $subtotal) * 100) @endphp
                            <div class="col-md-8">
                                <span class="text-success"><b>Discount ({{ $order->coupon_code }} - {{ round($discountPer) .'%' }})</b></span><br />
                            </div>
                            <div class="col-md-4" style="text-align: right;">
                                <span><b>-${{ number_format((float)$order->coupon_discount, 2, '.', '') }}</b></span><br />
                            </div>
                        @endif

                        <div class="col-md-8 mt-2">
                            <span>Shipping @if(!empty($order->shippingmethodname)) ({{ $order->shippingmethodname }} @if(!empty($order->shippingsurcharges))inc. surcharges of ${{ number_format((float)$order->shippingsurcharges, 2, '.', '') }}@endif) @endif</span><br />
                        </div>
                        <div class="col-md-4 mt-2" style="text-align: right;">
                            <span>${{ number_format((float)$order->totalshippingcost, 2, '.', '') }}</span><br />
                        </div>
                        <div class="col-md-8 mt-2">
                            <span>Estimated Tax @if(!empty(request()->isadmin)) ({{ round($order->salestaxrate1 *100,2).'%' }}) @endif</span>
                        </div>
                        <div class="col-md-4 mt-2" style="text-align: right;">
                            <span>${{ number_format((float)$order->salestax1, 2, '.', '') }}</span>
                        </div>

                    </div>
                    <div class="row mt-2">
                        <hr width="100%" color="black" />
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <span>Total</span>
                        </div>
                        <div class="col-md-6" style="text-align: right;">
                            <h3>${{ number_format((float)($order->paymentamount), 2, '.', '') }}</h3>
                        </div>
                    </div>

                    <div class="row mt-2">
                        <a href="{{ route('home') }}" class="btn btn-block btn-primary btn-sm" style="font-size: 20px;">Continue Shopping</a>
                    </div>

                </div>

            </div>


        </div>
    </div>


@endsection