@extends('frontend.layouts.app')

@section('frontend_content')

    <div class="page-header text-center" style="background-image: url('{{ asset('frontend_asset/images/page-header-bg.jpg') }}')">
        <div class="container">
            <h1 class="page-title">Delivery Status</h1>
            <div class="row mt-5">
                <div class="col-6 offset-3">
                    <form method="GET" action="{{ route('order_tracking') }}" class="input-group mb-3">
                        <input type="text" name="order_number" class="form-control" placeholder="Order Number" aria-label="Invoice ID" 
                            aria-describedby="button-addon2" value="{{ old('order_number')}}">
                        <button class="btn btn-primary btn-sm mb-0" type="submit" id="button-addon2">Status Check</button>
                    </form>
                </div>
            </div>
        </div><!-- End .container -->
    </div>

    @isset($tracking)
        <div class="card col-lg-8 col-sm-12 col-12 mt-4">
            <div class="title">Order Status</div>
            <span class="">
                <hr style="margin: 0;">
            </span>
            <div class="info">
                <div class="row">
                    <div class="col-3">
                        <span id="" style="font-weight: bold">Order Date</span><br>
                        <span id="">{{ $tracking->order_date ? date('d M, Y', strtotime($tracking->order_date)) : '' }}</span>
                    </div>
                    <div class="col-3">
                        <span id="" style="font-weight: bold">Delivery Date</span><br>
                        @if ($tracking->delivered_date == null)
                            <span id="">Undelivered</span>
                        @else
                            <span id="">{{ $tracking->delivered_date }}</span>
                        @endif
                    </div>
                    <div class="col-3 pull-right">
                        <span id="" style="font-weight: bold">Order No.</span><br>
                        <span id="">{{ $tracking->order_number }}</span>
                    </div>
                    <div class="col-3 pull-right">
                        <span id="" style="font-weight: bold">Invoice No.</span><br>
                        <span id="">{{ $tracking->invoice_no }}</span>
                    </div>
                </div>
            </div>

            {{-- <div class="pricing">

                @isset($tracking)
                    @foreach ($tracking->order_item as $item)
                        <div class="row">
                            <div class="col-3">
                                <img class="mt-2" src="{{ $item->products->thum_image }}" alt="" width="50px" height="50px">
                                <span class="mt-2" id="name">{{ $item->products->en_name == null ? $item->products->en_name : $item->products->bn_name }}</span>
                            </div>

                            <div class="col-3">
                                <span class="mt-2" id="price">{{ $item->price }}</span>
                            </div>

                            <div class="col-2">
                                <span class="mt-2" id="price">{{ $item->qty }}</span>
                            </div>

                            <div class="col-2">
                                <span class="mt-2" id="price">{{ $item->price * $item->qty }}</span>
                            </div>

                            <div class="col-2">
                                @if ($item->orders->delivered_date !== null && $item->review_user_id == null)
                                    <button type="button" class="reviewbtn btn btn-primary" data-toggle="modal" data-order_id="{{ $item->order_id }}" data-product_id="{{ $item->products->id }}" data-target="#exampleModal">
                                        Review
                                    </button>
                                @elseif($item->orders->delivered_date !== null && $item->review_user_id == !null)
                                    <button type="button" class="reviewbtn btn btn-success" data-toggle="modal" data-target="#thanksModal">
                                        Thanks for Review
                                    </button>
                                @endif

                            </div>
                        </div>
                    @endforeach
                @endisset

                <div class="row">
                    <div class="col-8 mt-2 ml-3">
                        <span id="name" style="font-weight: bold">Shipping</span>
                    </div>
                    <div class="col-3">
                        <span id="price">{{ $tracking->delivery_charge }}</span>
                    </div>
                </div>

                <div class="row">
                    <div class="col-8 mt-2 ml-3" style="font-weight: bold; font-size: 20px;">Grand Total</div>
                    <div class="col-3 text-success" style="font-weight: bold; font-size: 20px;">{{ $tracking->amount }}</div>
                </div>
            </div> --}}

            <div class="tracking">
                <div class="title">Delivery Tracking</div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-lg-10 col-md-10 hh-grayBox pt45 pb20">
                        <div class="row justify-content-between">
                            <div class="order-tracking {{ $tracking->order_date !== null ? 'completed' : '' }}">
                                <span class="is-complete"></span>
                                <p>Ordered<br><span>{{ $tracking->order_date ? date('d M, Y', strtotime($tracking->order_date)) : '' }}</span></p>
                            </div>
                            <div class="order-tracking {{ $tracking->processing_data !== null ? 'completed' : '' }}">
                                <span class="is-complete"></span>
                                <p>Processing<br><span>{{ $tracking->processing_data ? date('d M, Y', strtotime($tracking->processing_data)) : '' }}</span></p>
                            </div>
                            <div class="order-tracking {{ $tracking->shipped_date !== null ? 'completed' : '' }}">
                                <span class="is-complete"></span>
                                <p>On the way<br><span>{{ $tracking->shipped_date ? date('d M, Y', strtotime($tracking->shipped_date)) : '' }}</span></p>
                            </div>
                            <div class="order-tracking {{ $tracking->delivered_date !== null ? 'completed' : '' }}">
                                <span class="is-complete"></span>
                                <p>Delivered<br><span>{{ $tracking->delivered_date ? date('d M, Y', strtotime($tracking->delivered_date)) : '' }}</span></p>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
                
        </div>
    @endisset
@endsection