@extends('layouts.app')

@section('content')

<div class="container">
@if($Myorders->count() != 0)
          @foreach($Myorders as $Myorder)           
          <div class="card border border-info  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>
                  @php $Orderdate = date("M j, Y, g:i a",strtotime($Myorder->created_at));@endphp
                  <h6 class="card-subtitle mb-2 mob-align-center"><b>Order Date:</b></span> {{$Orderdate}}</h6>                  
                  @if($Myorder->status_id == 7)
                  @php $Deliverydate = date("M j, Y, g:i a",strtotime($Myorder->orderdelivery->completingperiod));@endphp
                  <h6 class="card-subtitle mb-2 mob-align-center"><b>Delivery Date:</b></span> {{$Deliverydate}}</h6>
                    @endif
                    <h6 class="card-subtitle mb-2 mob-align-center"><b>Total Price:</b><span> @currency($Myorder->amount)</span></h6>
                    <h6 class="card-subtitle font-weight-bold mb-3 mob-align-center @if($Myorder->status_id == 7) text-success @else text-danger @endif">{{$Myorder->status->status}}</h6>
                  <div class="steps d-flex flex-wrap flex-sm-nowrap justify-content-between mt-3 mb-3">                                
                  <a href="{{route('viewMyOrder',$Myorder->id)}}"><button type="button" class="btn btn-outline-dark">View</button></a>
                  </div>

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

@endsection