@extends('frontend.layouts.app')

@section('content')

    <section class="gry-bg py-4 profile">
        <div class="container">
            <div class="row cols-xs-space cols-sm-space cols-md-space">
                <div class="col-lg-12 mx-auto">
                    <div class="main-content">
                        <!-- Page title -->
                        <div class="page-title">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <h2 class="heading heading-6 text-capitalize strong-600 mb-0">
                                        {{ translate('Track Order')}}
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <form class="" action="{{ route('orders.track') }}" method="GET" enctype="multipart/form-data">
                            <div class="form-box bg-white mt-4">
                                <div class="form-box-title px-3 py-2">
                                    {{ translate('Order Info')}}
                                </div>
                                <div class="form-box-content p-3">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <label>{{ translate('Order No')}} <span
                                                    class="required-star">*</span></label>
                                        </div>
                                        <div class="col-md-10">
                                            <input type="text" class="form-control mb-3"
                                                   placeholder="{{ translate('Order No')}}" name="order_code" required
                                                   id="orderCode">
                                        </div>
                                        <div class="col-md-10 ml-auto">
                                            <div class="ids">
                                                @forelse(\App\Order::where('user_id', Auth()->user()->id)->where('created_at', '>', \Carbon\Carbon::now()->subDays(10))->get()  as $key => $value)
                                                    <span id="{{$value->code}}"
                                                          onclick="getCode(this.id);">{{$value->code}}</span>

                                                @empty
                                                @endforelse
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <style type="text/css">
                                    .ids {
                                        margin: 5px 0
                                    }

                                    .ids span {
                                        margin-bottom: 22px;
                                        */ cursor: pointer;
                                        background: #fae2b6;
                                        display: inline-block;

                                        margin: 2px 0;
                                        padding: 4px 10px;
                                        color: #76340f;
                                        font-weight: 700;
                                    }

                                    /*cursor: pointer; background: #fae2b6; display: inline; margin-right: 5px; padding: 2px 10px;color: #76340f; font-weight: 700*/
                                </style>
                            <!--  <div class="col-lg-6">
                                    <table class="details-table table">
                                        @forelse(\App\Order::where('user_id', Auth()->user()->id)->get()  as $key => $value)
                                <tr>
                                    <td class="w-50 strong-600" value="{{$value->code}}" id="{{$value->code}}" onclick="getCode(this.id);">{{$value->code}}</td>
                                         </tr>
                                        @empty
                            @endforelse
                                </table>
                            </div> -->

                            </div>
                            <div class="text-right mt-4">
                                <button type="submit"
                                        class="btn btn-styled btn-base-1">{{ translate('Track Order')}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            @isset($order)

                <div class="card mt-4">
                    <div class="card-header py-2 px-3 heading-6 strong-600 clearfix">
                        <div class="float-left">{{ translate('Order Summary')}}</div>
                    </div>
                    <div class="card-body pb-0">
                        <div class="row">
                            <div class="col-lg-6">
                                <table class="details-table table">
                                    <tr>
                                        <td class="w-50 strong-600">{{ translate('Order No')}}:</td>
                                        <td>{{ $order->code }}</td>
                                    </tr>
                                    <tr>
                                        <td class="w-50 strong-600">{{ translate('Customer')}}:</td>
                                        <td>{{ json_decode($order->shipping_address)->name }}</td>
                                    </tr>
                                    <tr>
                                        <td class="w-50 strong-600">{{ translate('Email')}}:</td>
                                        @if ($order->user_id != null)
                                            <td>{{ $order->user->email }}</td>
                                        @endif
                                    </tr>
                                    <tr>
                                        <td class="w-50 strong-600">{{ translate('Shipping address')}}:</td>
                                        <td>{{ json_decode($order->shipping_address)->address }}
                                            , {{ json_decode($order->shipping_address)->city }}
                                            , {{ json_decode($order->shipping_address)->country }}</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-lg-6">
                                <table class="details-table table">
                                    <tr>
                                        <td class="w-50 strong-600">{{ translate('Order date')}}:</td>
                                        <td>{{ date('d-m-Y H:i A', $order->date) }}</td>
                                    </tr>
                                    <tr>
                                        <td class="w-50 strong-600">{{ translate('Total order amount')}}:</td>
                                        <td>{{ single_price($order->grand_total) }}</td>
                                    </tr>
                                    <tr>
                                    <td class="w-50 strong-600">{{ translate('Payment method')}}:</td>
                                    @if($order->payment_type == "cash_on_delivery")
                                        <td>{{ ucfirst(str_replace('_', ' ', $order->payment_type)) }}</td>
                                    @elseif($order->payment_type == "razorpay")
                                        <td>
                                            @if($method == "netbanking")
                                                <strong>{{ ucfirst(str_replace('_', ' ', $method)) }} : </strong>
                                                @if(!empty(@$bank))
                                                    {{$bank}}
                                                @else
                                                    {{@$paymentInfo}}
                                                @endif
                                            @elseif($method == "card")
                                                <strong>{{ ucfirst(str_replace('_', ' ', $method)) }} : </strong>
                                                @if(!empty(@$cardInfo))
                                                    {{@$cardInfo->name}}<br>
                                                    {{'**** **** **** '.@$cardInfo->last4}}<br>
                                                    {{@$cardInfo->network}}<br>
                                                    {{ucwords(@$cardInfo->type).' Card'}}<br>
                                                @else
                                                    {{@$paymentInfo}}
                                                @endif
                                            @elseif($method == "upi")
                                                <strong>{{ ucfirst(str_replace('_', ' ', $method)) }} : </strong>
                                                @if(!empty($vpa))
                                                    {{$vpa}}
                                                @else
                                                    {{@$paymentInfo}}
                                                @endif
                                            @elseif($method == "wallet")
                                                <strong>{{ ucfirst(str_replace('_', ' ', $method)) }} : </strong>
                                                @if(!empty($wallet))
                                                    {{$wallet}}
                                                @else
                                                    {{@$paymentInfo}}
                                                @endif
                                            @else
                                                {{@$paymentInfo}}
                                            @endif
                                        </td>
                                    @else
                                        <td>
                                            {{@$paymentInfo}}
                                        </td>
                                    @endif
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>


                @foreach ($order->orderDetails as $key => $orderDetail)
                    @php
                        $status = $orderDetail->delivery_status;
                    @endphp
                    <div class="card mt-4">
                        @if($order->payment_status == 'unpaid')
                            <div class="card-header py-2 px-3 heading-6 strong-600 clearfix">
                                <ul class="process-steps clearfix">
                                    <li class="done">
                                        <div class="icon">1</div>
                                        <div class="title">{{ translate('Pending Payment')}}</div>
                                    </li>
                                </ul>
                            </div>
                        @elseif($order->payment_status == 'failed')
                            <div class="card-header py-2 px-3 heading-6 strong-600 clearfix">
                                <ul class="process-steps clearfix">
                                    <li class="done">
                                        <div class="icon">1</div>
                                        <div class="title">{{ translate('Failed')}}</div>
                                    </li>
                                </ul>
                            </div>
                        @elseif($order->payment_status == 'paid' && $status == "cancelled")
                            <div class="card-header py-2 px-3 heading-6 strong-600 clearfix">
                                <ul class="process-steps clearfix">
                                    <li class="done">
                                        <div class="icon">1</div>
                                        <div class="title">{{ translate('confirmed')}}</div>
                                    </li>
                                    <li class="done">
                                        <div class="icon">1</div>
                                        <div class="title">{{ translate('Cancelled')}}</div>
                                    </li>

                                </ul>
                            </div>
                        @elseif($order->payment_status == 'paid')
                            <div class="card-header py-2 px-3 heading-6 strong-600 clearfix">
                                <ul class="process-steps clearfix">
                                    <li @if($status == 'confirmed') class="active" @else class="done" @endif>
                                        <div class="icon">1</div>
                                        <div class="title">{{ translate('Confirmed')}}</div>
                                    </li>
                                    <li @if($status == 'on_review') class="active"
                                        @elseif($status == 'on_delivery' || $status == 'delivered') class="done" @endif>
                                        <div class="icon">2</div>
                                        <div class="title">{{ translate('Shipped')}}</div>
                                    </li>
                                    <li @if($status == 'on_delivery') class="active"
                                        @elseif($status == 'delivered') class="done" @endif>
                                        <div class="icon">3</div>
                                        <div class="title">{{ translate('On the way')}}</div>
                                    </li>
                                    <li @if($status == 'delivered') class="done" @endif>
                                        <div class="icon">4</div>
                                        <div class="title">{{ translate('Delivered')}}</div>
                                    </li>
                                </ul>
                            </div>
                        @endif

                        <div class="card-body p-4">
                            <div class="col-6">
                                <table class="details-table table">
                                    @if($orderDetail->product != null)
                                        <tr>
                                            <td class="w-50 strong-600">{{ translate('Product Name')}}:</td>
                                            <td>{{ $orderDetail->product->name }} ({{ $orderDetail->variation }})</td>
                                        </tr>
                                        <tr>
                                            <td class="w-50 strong-600">{{ translate('Quantity')}}:</td>
                                            <td>{{ $orderDetail->quantity }}</td>
                                        </tr>
                                    <!-- <tr>
                                            <td class="w-50 strong-600">{{ translate('Shipped By')}}:</td>
                                            <td>{{ $orderDetail->product->user->name }}</td>
                                        </tr> -->
                                    @endif
                                </table>
                            </div>
                        </div>
                        @if($status != 'cancelled')
                            @if($status == 'on_delivery' || $status == 'delivered')
                                <h4>Track Order Details</h4>
                                <div class="card-body p-4">
                                    <div class="col-12">
                                        <table class="details-table table">
                                            @php

                                                if(!empty($orderDetail->awb_number)){


                                                    $xmlResponse = trackStatus($orderDetail->awb_number);
                                                    if ( ! empty($xmlResponse)){
                                                    $xmlRead = @simplexml_load_string($xmlResponse);
                                                    $xmlencode = json_encode($xmlRead);
                                                    $xmldecode = json_decode($xmlencode, true);

                                                    if ( ! empty($xmldecode["object"])){
                                                    foreach($xmldecode["object"]["field"][36]["object"] as $key => $val){
                                                    if(!empty($val)){

                                                    if($val["field"][3] == "005" || $val["field"][3] == "006" || $val["field"][3] == "303" || $val["field"][3] == "209" || $val["field"][3] == "210" || $val["field"][3] == "213" || $val["field"][3] == "217" || $val["field"][3] == "999" || $val["field"][3] == "77" ){

                                            @endphp
                                            <tr>
                                                <td class="w-50 strong-600"></td>
                                                <td> </td>
                                            </tr>

                                            @php
                                                }
}
}
                                                }
                                                }
                                                }


                                            @endphp
                                        </table>
                                    </div>
                                </div>
                            @endif
                        @endif
                    </div>
                @endforeach

            @endisset
        </div>
    </section>
    <script type="text/javascript">
        function getCode(id) {
            document.getElementById("orderCode").value = id;
        }
    </script>
@endsection