@extends('frontend.layouts.amp')
@section('title', 'Track Your Order - ' . app_name())
@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
@endpush
@section('content')
    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container content-height">
            <div class="page-section-title">
                <h1>Track Your Order</h1>
            </div>
            <div class="row2">
                @if(isset($data['search']) && !is_null($data['order']))
                    <div class="col-md-12">
                        <div class="card">
                            <h2>Status Updates for Order # {{ $data['order']->id }}</h2>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped table-bordered">
                                        <tbody>
                                            <tr>
                                                <th width="60%">Message</th>
                                                <th width="15%">Status</th>
                                                <th width="25%">Date</th>
                                            </tr>
                                            @foreach($data['order']->notifications as $notification)
                                                <tr>
                                                    <td>{{ $notification->message }}</td>
                                                    <td>{{ \App\Models\Order::$statuses[$notification->order_status] }}</td>
                                                    <td>
                                                        {{ \Carbon\Carbon::parse($notification->created_at)->format('M d, Y H:i:s') }}
                                                        <br>
                                                        <em>({{ \Carbon\Carbon::parse($notification->created_at)->diffForHumans() }})</em>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <button class="btn btn-primary ml2" on="tap:AMP.navigateTo(url='/track-your-order', target='_top', opener=false)">Back To Track</button>
                        </div> <!-- end card -->
                    </div>
                @else
                    <div class="col-md-10 offset-1">
                        @if(isset($data['search']) && is_null($data['order']))
                            <div class="alert alert-info" role="alert">
                                Sorry!, we could not find any matching order.
                            </div>
                        @endif
                        {{-- {!! Form::open(array('method' => 'POST', 'name' => 'frm_track', 'id' => 'frm_track', 'onsubmit' => 'show_overlay();')) !!}
                            <div class="form-group">
                                <strong><label for="tracking_code">Order ID or UPS Shipping Number:</label></strong>
                                <input type="text" class="form-control2" required="required" name="tracking_code" id="tracking_code" placeholder="Enter Your Order ID or Shipping Tracking Number">
                            </div>
                            <button type="submit" class="btn btn-primary ml2">Submit</button>
                        {!! Form::close() !!} --}}
                        <form method="get" action="/track-your-order" accept-charset="UTF-8" target="_top" name="frm_track" id="frm_track">
                            <div class="form-group">
                                <strong><label for="tracking_code">Order ID or UPS Shipping Number:</label></strong>
                                <input type="text" class="form-control2" required="required" name="tracking_code" id="tracking_code" placeholder="Enter Your Order ID or Shipping Tracking Number">
                            </div>
                            <button type="submit" class="btn btn-primary ml2">Submit</button>
                        </form>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection
@push('amp-custom')
    .alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.row2{display:contents}
@endpush