@extends('frontend.layouts.app')

@section('title', 'Track Your Order - ' . app_name())

@section('content')

    <div class="container" style="margin-bottom: 265px;">
        <div class="row">
            <div class="col-md-12 my-4">
                <h2 class="title">Track Your Order</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-12 page-content mb-5">


                @if(isset($data['search']) && !is_null($data['order']))
                    <div class="col-md-12">
                        <div class="card p-3">
                            <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>
                        </div> <!-- end card -->
                    </div>

                @else

                    <div class="col ml-md-5 track-input-wrapper">

                        @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-control" 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 mt-3 my-1 quicky-btn-2 rounded-1">Submit</button>

                        {!! Form::close() !!}
                    </div>

                @endif


            </div>
        </div>
    </div>

@endsection