@extends('app')

@section('content')
<style>
    .trackingPage{
        min-height:800px;
    }
</style>

<div class="trackingPage">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                
            </div>
            <div class="col-md-8">
                <br><br>
                <div class="card">
                  <div class="card-header">
                    Tracking Your Order
                  </div>
                  <div class="card-body">
                    <form action="{{route('orderTracking')}}" >
                        <div class="form-group">
                            <label>Your Mobile Number*</label><br>
                            <span style="font-size: 14px;color: #f14705;">Your 11 digits mobile number to get order status</span>
                            <div class="input-group">
                                <input  type="text" class="form-control" value="{{request()->mobile}}" name="mobile" placeholder="Enter your mobile number" required=""/>
                                <div>
                                    <button class="btn btn-success rounded-0" type="submit"><i class="fa fa-search"></i> Search</button>
                                </div>
                            </div>
                            
                        </div>
                    </form>
                
                    @if(request()->mobile)
                    @if($orders->count() > 0)
                    <div>
                        <br>
                        <h5>Your order List</h5>
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th style="min-width: 110px;width:110px;">Order Date</th>
                                        <th style="min-width: 200px;">Product</th>
                                        <th style="min-width: 100px;width:100px;">Total</th>
                                        <th style="min-width: 100px;width:100px;">Tracking</th>
                                        <th style="min-width: 100px;width:100px;">Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($orders as $order)
                                    <tr>
                                        <td>{{$order->created_at->format('d M, Y')}}</td>
                                        <td>
                                            @foreach($order->products as $product)
                                            <div>
                                                <img src="{{ getImage('images/product/small', $product['image'])}}" style="max-width:30px;">
                                                <span>{{$product['name']}} {{$product['variantName']}}</span>
                                            </div>
                                            
                                            @endforeach
                                            
                                        </td>
                                        <td>
                                            {{number_format($order->grand_total)}} TK
                                        </td>
                                        <td>
                                            @if($order->courier_id==2 && $order->consignment_id)
                                            <a href="https://redx.com.bd/track-global-parcel/?trackingId={{$order->consignment_id}}" target="_blank">Click me!</a>
                                            @elseif($order->courier_id==3 && $order->courier_tracking_code)
                                            <a href="https://steadfast.com.bd/t/{{$order->courier_tracking_code}}" target="_blank">Click me!</a>
                                            @elseif($order->courier_id==1 && $order->consignment_id)
                                            <a href="https://merchant.pathao.com/tracking?consignment_id={{$order->consignment_id}}" target="_blank">Click me!</a>
                                            @endif
                                        </td>
                                        <td>{{$order->statusOrder}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @else
                    <div>
                        <br>
                        <p style="text-align: center;color: gray;font-size: 20px;">No order found</p>
                    </div> 
                    @endif
                    @endif
                    
                    <br>
                  </div>
                  
                </div>
                
            </div>
            
        </div>
        <br>
                  <br>
                  <br>
    </div>
</div>

@endsection

@push('js')


@endpush