@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">

            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Docket Number - {{ isset($orderTimelines->docket_no) ? $orderTimelines->docket_no : '' }} </p>
                    </div>
                </div>

            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="tab-content lsp-tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="delivery" role="tabpanel" aria-labelledby="delivery-tab">

                            @if (isset($orderTimelines->orderTracking) && count($orderTimelines->orderTracking) > 0)
                                <div class="row justify-content-center">
                                    <div class="col-md-9 col-12 mt-2 mt-sm-5">
                                        <div class="timeline">
                                            @foreach ($orderTimelines->orderTracking as $tracking)
                                                <div
                                                    class="contain @if ($loop->even) right @else left @endif">
                                                    <div class="content">
                                                        <h2>{{ $tracking->delivery_status ? ucfirst($tracking->delivery_status) : '' }}
                                                        </h2>
                                                        <span>{{ $tracking->created_at ? date('d/m/Y', strtotime($tracking->created_at)) : '' }}</span>
                                                    </div>
                                                </div>
                                            @endforeach

                                        </div>

                                    </div>
                                </div>
                            @else
                                <p>No record(s) found!</p>
                            @endif

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection