@extends('layouts.app')

@section('content')

<div class="container">   
@if($Myorders->count() != 0)
          @foreach($Myorders as $Myorder)
             @if($Myorder->status_id != 5)
          <div class="card border border-brandcolor mb-3 mt-4" style="width: 100%;">
              <div class="card-body">
                  <h5 class="card-title font-weight-bold mob-align-center">Order No. #{{$Myorder->id}}</h5>
                  <h6 class="card-subtitle mb-3 mob-align-center">{{$Myorder->status->title}}</h6>
                  @php $date = date("M j, Y",strtotime($Myorder->created_at));@endphp
                  <h6 class="card-subtitle mb-2 mob-align-center">Order Date:</span> {{$date}}</h6>
                  
                  <div class="steps d-flex flex-wrap flex-sm-nowrap justify-content-between mt-5 mb-3">                                
                      <div class="step @if($Myorder->status_id >= 1) completed @endif">
                          <div class="step-icon-wrap">
                              <div class="step-icon"><i class="fas fa-shopping-cart"></i></div>
                          </div>
                          <h4 class="step-title">Confirmed Order</h4>
                      </div>
                      <div class="step @if($Myorder->status_id >= 2) completed @endif">                                  
                          <div class="step-icon-wrap">
                              <div class="step-icon"><i class="fas fa-cog"></i></div>
                          </div>
                          <h4 class="step-title">Processing Order</h4>
                      </div>
                      <div class="step @if($Myorder->status_id >= 4) completed @endif">
                          <div class="step-icon-wrap">
                              <div class="step-icon"><i class="fas fa-truck-loading"></i></div>
                          </div>
                          <h4 class="step-title">Dispatched</h4>
                      </div>
                      <div class="step @if($Myorder->status_id >= 6) completed @endif">
                          <div class="step-icon-wrap">
                              <div class="step-icon"><i class="fas fa-truck"></i></div>
                          </div>
                          <h4 class="step-title">Out To Delivery</h4>
                      </div>
                      <div class="step @if($Myorder->status_id >= 7) completed @endif">
                          <div class="step-icon-wrap">
                              <div class="step-icon"><i class="fas fa-home"></i></div>
                          </div>
                          <h4 class="step-title">Order Delivered</h4>
                      </div>
                  </div>

                  <div class="track-view-btn">
                     <a href="{{route('trackingProductdetails',$Myorder->id)}}"><button type="submit" class="btn btn-outline-dark">View</button></a> 
                     
                  </div>

              </div>
          </div> 
            @endif
          @endforeach    
        @else
        <div class="card">
            <div class="card-body">
              You have no Orders!
            </div>
          </div>
        @endif
</div>

@endsection