@extends('layouts.app', ['title' => __('Add Site')])

@section('content')
    @include('sites.partials.header', [
        'title' => $site->site_name.": #". $order['id'],
        'class' => 'col-lg-12',
        'button' => 'Back to Site',
        'button_url' => route('sites.show', $site->id),
    ])

    <div id="single-order" class="container-fluid mt--7">
        <div class="row">
            <div class="col">

                <div class="card shadow">
                    <div class="card-header border-0">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Order #{{$order['id']}} details</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="row">
                            <div class="col px-4">
                                <h4>General</h4>
                                <div class="text-sm">
                                    <p class="text-sm mb-1">Created On:</p>
                                    <p class="text-sm mb-1">
                                        Status:
                                        <span class="d-inline-block">
                                            <span class="badge badge-primary order-status d-inline-block">{{ $site->getStatusName($order['status'])  }}</span>
                                            <select class="status-dropdown form-control d-none" data-url="{{route('sites.order.status', [$site->id, $order['id']])}}">
                                                @foreach($statuses as $status)
                                                    <option value="{{$status->slug}}" {{$status->slug == $order['status'] ? "selected" : ""}}>{{$status->name}}</option>
                                                @endforeach
                                            </select>
                                        </span>
                                    </p>

                                    <p class="text-sm">Customer: {{!$customer ? 'Guest' : $customer->first_name .' '. $customer->last_name}}</p>
                                </div>
                            </div>
                            <div class="col">
                                <h4>Billing</h4>
                                <p class="text-sm">
                                    {{ $order['billing']['first_name'] }} {{ $order['billing']['last_name'] }} <br>
                                    {{ $order['billing']['address_1'] }}
                                    {{ !empty($order['billing']['address_2']) ? "<br>" . $order['billing']['address_2'] : '' }}<br>
                                    {{ $order['billing']['city'] }} {{ $order['billing']['state'] }}, {{ $order['billing']['postcode'] }}
                                </p>
                                <h4>Email Address</h4>
                                <p class="text-sm"><a href="mailto:{{ $order['billing']['email'] }}">{{ $order['billing']['email'] }}</a></p>
                                <h4>Phone</h4>
                                <p class="text-sm"><a href="tel:{{ $order['billing']['phone'] }}">{{ $order['billing']['phone'] }}</a></p>
                            </div>
                            <div class="col">
                                <h4>Shipping</h4>
                                <p class="text-sm">
                                    {{ $order['billing']['first_name'] }} {{ $order['billing']['last_name'] }} <br>
                                    {{ $order['billing']['address_1'] }}
                                    {!! !empty($order['billing']['address_2']) ? "<br>" . $order['billing']['address_2'] : '' !!}<br>
                                    {{ $order['billing']['city'] }}<br>
                                    {{ $order['billing']['state'] }}<br>
                                    {{ $order['billing']['postcode'] }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col">
                <div class="card shadow">
                    <div class="table-responsive">
                        <table class="table align-items-center table-flush">
                            <thead class="thead-light">
                            <tr>
                                <th scope="col">Item</th>
                                <th scope="col">Cost</th>
                                <th scope="col">Qty</th>
                                <th scope="col">Total</th>
                                <th scope="col">HST (13%)</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                            $item_subtotal = 0;
                            @endphp
                            @forelse($order['line_items'] as $item)
                            <tr>
                                <td class="col-6">{{ $item['name'] }}</td>
                                <td>${{ number_format($item['price'],2) }}</td>
                                <td>x{{ $item['quantity'] }}</td>
                                <td>${{ $item['total'] }}</td>
                                <td>${{ $item['subtotal_tax'] }}</td>
                            </tr>
                                @php
                                $item_subtotal += $item['total'];
                                @endphp
                            @empty
                            <tr><td colspan="5"><div class="text-center">No Items Found</div></td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer bg-gradient-lighter py-4">
                        <div class="row">
                            <div class="col-6">
                                <h4>Coupons</h4>
                            </div>
                            <div class="col justify-content-end" aria-label="...">
                               <table class="table order-totals">
                                   <tbody>

                                   <tr class="text-right">
                                       <td class="p-1">Items Subtotal:</td>
                                       <td class="p-1"><strong>${{ number_format($item_subtotal,2) }}</strong></td>
                                   </tr>
                                   @if(isset($order['shipping_total']) && !empty($order['shipping_total']))
                                   <tr class="text-right">
                                       <td class="p-1">Shipping:</td>
                                       <td class="p-1"><strong>${{ number_format($order['shipping_total'],2) }}</strong></td>
                                   </tr>
                                    @endif
                                   <tr class="text-right">
                                       <td class="p-1">HST (13%):</td>
                                       <td class="p-1"><strong>${{ $order['total_tax'] }}</strong></td>
                                   </tr>
                                   {{--
                                  <tr class="text-right">
                                       <td class="p-1">COUPON AMOUNT USED:</td>
                                       <td class="p-1"><strong>$</strong></td>
                                   </tr>
                                    --}}
                                   <tr class="text-right">
                                       <td class="p-1">Order Total:</td>
                                       <td class="p-1"><strong>${{ $order['total'] }}</strong></td>
                                   </tr>
                                   </tbody>
                               </table>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

{{--
        <div class="row">
            <div class="col">
                <div class="card p-4">
                    <pre><code>{{var_export($order)}}</code></pre>
                </div>
            </div>
        </div>
--}}


        @include('layouts.footers.auth')
    </div>


@endsection