@extends('layouts.backend')
@section('extraCss')
<style type="text/css">
.table-responsive{
  overflow-x: auto !important;
}

.fieldset{
    padding: 1rem !important;
    border : 2px dashed #d0d7dd !important;  

}

</style>
@endsection
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        @php if($orders->order_status_id!=7 || $orders->order_status_id!=7) {
            echo '<div class="float-right"><a href="'.route('order-edit', $orders->order_id).'" class="btn btn-primary brn-sm">Edit</a></div>';
        }
        @endphp
        <h4>
            Order Details
        </h4>
        @php if($orders->order_status_id==7) {
            echo '<p></p>';
        }
        @endphp
    </div>
    <div class="card-body">
        <div class="border rounded bg-light p-2 mb-4">
            <div class="row">
                <div class="col-md-3 col-6">Order ID:<br><strong>#{{ $orders->order_id }}</strong></div>
                <div class="col-md-3 col-6">Order Status:<br><strong>{{ $status[$orders->order_status_id] }}</strong></div>
                <div class="col-md-3 col-6">Payment Mode:<br>
                    <strong>@php
                        if(isset($orders->transactionInfo->description)) {
                            $transaction = json_decode($orders->transactionInfo->description);
                            if(!empty($transaction && ($transaction->payment_mode))) { echo $transaction->payment_mode; }
                        }
                    @endphp</strong>
                </div>
                <div class="col-md-3 col-6">Payment Status:<br>
                    <strong>@php
                        if(isset($orders->transactionInfo->description)) {
                            $transaction = json_decode($orders->transactionInfo->description);
                            if(!empty($transaction && ($transaction->payment_status==1))) { echo 'Paid'; }
                            if(!empty($transaction && ($transaction->payment_status==0))) { echo 'Failed'; }
                            if(!empty($transaction && ($transaction->payment_status==2))) { echo 'Pending'; }
                        }
                    @endphp</strong>
                </div>
            </div>
        </div>
        <div class="shippinginformation mb-4">
            @php if($orders->order_status_id==7) {
                echo '<div class="shipstep"><span class="w-100 bg-danger cancelled"></span></div>
                <div class="row steprows">
                    <div class="col-3">Order Placed</div>
                    <div class="col-3"></div>
                    <div class="col-3"></div>
                    <div class="col-3">Cancelled</div>
                </div>';
            } else {
                $styles = 'width: 2%;';
                if($orders->order_status_id==2)
                    $styles = 'width: 34%;';
                if($orders->order_status_id==3)
                    $styles = 'width: 68%;';
                if($orders->order_status_id==5)
                    $styles = 'width: 100%;';
                echo '<div class="shipstep"><span style="'.$styles.'"></span></div>
                <div class="row steprows">
                    <div class="col-3">Order Placed</div>
                    <div class="col-3">Processing</div>
                    <div class="col-3">Shipped</div>
                    <div class="col-3">Delivered</div>
                </div>';
            }
            @endphp
        </div>
        <div class="border rounded bg-light p-2 mb-4">
            <div class="custinfo row">
                <div class="col-4">Customer Name: <br><strong>{{ $orders->customerInfo->firstname.' '.$orders->customerInfo->lastname }}</strong></div>
                <div class="col-4">Email: <br><strong>{{ $orders->customerInfo->email }}</strong></div>
                <div class="col-4">Phone: <br><strong>{{ $orders->customerInfo->telephone }}</strong></div>
            </div>
        </div>
        <div class="row pb-4">
            <div class="col-4">
                <table class="table table-bordered h-100 m-0">
                    <thead>
                        <tr>
                            <th>Billing Info</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ $orders->payment_firstname.' '.$orders->payment_lastname }}<br>
                            {{ $orders->payment_address_1.', '.$orders->payment_address_2 }}<br>
                            {{ $orders->payment_city.' - '.$orders->payment_postcode }}<br>
                            {{ $orders->payment_zone.', '.$orders->payment_country }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-4">
                <table class="table table-bordered h-100 m-0">
                    <thead>
                        <tr>
                            <th>Shipping Info</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ $orders->shipping_firstname.' '.$orders->shipping_lastname }}<br>
                            {{ $orders->shipping_address_1.', '.$orders->shipping_address_2 }}<br>
                            {{ $orders->shipping_city.' - '.$orders->shipping_postcode }}<br>
                            {{ $orders->shipping_zone.', '.$orders->shipping_country }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-4">
                <table class="table table-bordered h-100 m-0">
                    <thead>
                        <tr>
                            <th>Shipping Info</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>@php if(!empty($orders->orderShipmentInfo)) {
                                echo 'Tracking #: '.$orders->orderShipmentInfo->tracking_number.' - <a href="#" class="text-primary"><strong>Track</strong></a><br>';
                                echo 'Date: '.date('d-m-Y h:i:s a', strtotime($orders->orderShipmentInfo->date_added));
                            } else {
                                echo '<strong>Preparing for dispatch</strong>';
                            } @endphp</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="table-responsive" >
            <table class="table table-bordered ">
                <thead>
                    <tr>
                        <th width="100">Image</th>
                        <th>Product</th>
                        <th>Model</th>
                        <th>Size</th>
                        <th>Quantity</th>
                        <th>Discount Price</th>
                        <th>Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @if($orders->orderProducts->count() > 0)
                    @foreach($orders->orderProducts as $p)
                    <tr>
                        <td><img src="{{ asset('/uploads/articles/photos/full/'.$p->imgname) }}" class="w-100" ></td>
                        <td>{{ $p->name }}</td>
                        <td>{{ $p->model }}</td>
                        <td>{{ $p->size }}</td>
                        <td>{{ $p->quantity }}</td>
                        <td>₹{{ number_format($p->discount_price, 2) }}</td>
                        <td>₹{{ number_format($p->price, 2) }}</td>
                    </tr>
                    @endforeach
                    @endif
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="6" class="text-right"><strong>Grand Total</strong></td>
                        <td><strong>₹{{ number_format($orders->g_total, 2) }}</strong></td>
                    </tr>
                    <tr>
                        <td colspan="6" class="text-right"><strong>Shipping</strong></td>
                        <td><strong>₹{{ number_format($orders->shipping_price, 2) }}</strong></td>
                    </tr>
                                                            <tr>
                        <td colspan="6" class="text-right"><strong>Total</strong></td>
                        <td><strong>₹{{ number_format($orders->total, 2) }}</strong></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
@endsection
@section('extraJs')
<script type="text/javascript">
</script>
@endsection