@extends('index')
@section('title', Helper::getSiteTitle($title))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ __('Sales') }}</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ __('Orders') }}</a></li>
                    <li class="breadcrumb-item active">{{ __($title) }}</li>
                </ol>
            </div>
            <h4 class="page-title">{{ __($title) }}</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-6">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mb-3">Shipping Information</h4>

                <h5 class="font-family-primary font-weight-semibold">{{ $order->shipping_first_name }} {{ $order->shipping_last_name }}</h5>

                @if(!empty($order->shipping_company))
                    <p class="mb-2">
                        <span class="font-weight-semibold mr-2">Company:</span> {{ $order->shipping_company }}
                        @if(!empty($order->shipping_vat))
                            <br><span class="font-weight-semibold mr-2">VAT:</span>{{ $order->shipping_vat }}
                        @endif
                    </p>
                @endif
                
                <p class="mb-2">
                    <span class="font-weight-semibold mr-2">Address:</span>
                    @if(!empty($order->shipping_apartment))
                        {{ $order->shipping_address }}, {{ $order->shipping_apartment }},
                    @else
                        {{ $order->shipping_address }},
                    @endif
                    {{ $order->shipping_city }} {{ $order->shipping_postal_code }}, {{ $order->shipping_country }}
                </p>
                <p class="mb-2"><span class="font-weight-semibold mr-2">Email:</span> <a href="mailto:{{ $order->shipping_email }}">{{ $order->shipping_email }}</a></p>
                @if(!empty($order->shipping_phone))
                <p class="mb-2"><span class="font-weight-semibold mr-2">Phone:</span> <a href="tel:{{ $order->shipping_phone }}">{{ $order->shipping_phone }}</a></p>
                @endif
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title mb-3">Billing Information</h4>

                <ul class="list-unstyled mb-0">
                    <li>
                        <p class="mb-2">
                            <span class="font-weight-semibold mr-2">Payment Status:</span>
                            @if($order->paid == 1)
                                <span class="badge badge-success badge-pill">PAID</span>
                            @else
                                <span class="badge badge-danger badge-pill">NOT PAID</span>
                            @endif
                        </p>
                        <p class="mb-2">
                            <span class="font-weight-semibold mr-2">Payment Method:</span>
                            @if(config('uba.payment_methods') && isset(config('uba.payment_methods')[$order->payment_method]))
                                {{ config('uba.payment_methods')[$order->payment_method]['name'] }}
                            @else
                                N/A
                            @endif
                        </p>
                        <p class="mb-2">
                            <span class="font-weight-semibold mr-2">Shipping Method:</span>
                            @if(!empty($shipping_method))
                                <span class="badge badge-{{ !empty($shipping_method->shipping_color) ? $shipping_method->shipping_color : 'warning' }} badge-pill">{{ $shipping_method->title }}</span>
                            @else
                                @if(!empty($order->shipping_title))
                                    <span class="badge badge-warning badge-pill">{{ $order->shipping_title }}</span>
                                @else
                                    <span class="badge badge-warning badge-pill">Pending</span>
                                @endif
                            @endif
                        </p>
                        <p class="mb-2"><span class="font-weight-semibold mr-2">Grand Total:</span> {{ Helper::showCurrencyFormats($order->grand_total) }}</p>
                        <p class="mb-0"><span class="font-weight-semibold mr-2">Created At:</span> {{ \Carbon\Carbon::parse($order->created_at)->format('M d, Y H:i A') }}</p>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-centered mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th style="text-align: left;">Title</th>
                                <th>Colour</th>
                                <th>Weight</th>
                                <th>Quantity</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $item_index => $item)
                            <tr>
                                <td style="text-align: left;">
                                    @if(!empty($item->base_item_unique_code))
                                        {{ $item->base_item_unique_code }} - {{ $item->name }}
                                    @else
                                        {{ $item->name }}
                                    @endif
                                </td>
                                <td>
                                    @if(!empty($item->color_name))
                                        {{ $item->color_name }}
                                    @else
                                        N/A
                                    @endif
                                </td>
                                <td>
                                    @if(!empty($item->size))
                                        {{ $item->size }}
                                    @else
                                        N/A
                                    @endif
                                </td>
                                <td>
                                    {{ Helper::displayStocks($item->qty) }}
                                </td>
                                <td style="color: red;">
                                    {{ Helper::showCurrencyFormats($item->total_price) }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-centered mb-0">
                        <tbody>
                            <tr>
                                <th scope="row" colspan="4" class="text-right">Product Total (Incl. VAT):</th>
                                <td>{{ Helper::showCurrencyFormats($order->product_total) }}</td>
                            </tr>
                            <tr>
                                <th scope="row" colspan="4" class="text-right">Shipping Price:</th>
                                <td>{{ Helper::showCurrencyFormats($order->shipping_price) }}</td>
                            </tr>
                            <tr>
                                <th scope="row" colspan="4" class="text-right">Tax:</th>
                                <td>{{ Helper::showCurrencyFormats($order->tax_amount) }}</td>
                            </tr>
                            <tr>
                                <th scope="row" colspan="4" class="text-right" style="font-size: 20px; color: red;">Grand Total:</th>
                                <td><div class="font-weight-bold" style="font-size: 20px; color: red; font-weight: bold;">{{ Helper::showCurrencyFormats($order->grand_total) }}</div></td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('css-lib')
<meta name="class-to-open" content='orders'>
@endsection

@section('css')
<style type="text/css">
    td, th
    {
        text-align: center;
    }
</style>
@endsection