@extends('layouts.app')
@section('title_and_meta')
    <title>User Order Details | Wishours</title>
    <meta name="description" content="User Orders" />
    <meta name="keywords" content="User Orders" />
@endsection
@section('content')
<nav aria-label="breadcrumb" class="breadcrumb-nav">
  <div class="container">
      <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{ url('/') }}"><i class="icon-home"></i></a></li>
          <li class="breadcrumb-item" aria-current="page">Dashboard</li>
          <li class="breadcrumb-item active" aria-current="page">Update Account</li>
      </ol>
  </div><!-- End .container -->
</nav>

<div class="container">
  <div class="row">
      <div class="col-lg-9 order-lg-last dashboard-content">
          @if($errors->any())
          {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
          @endif
          @if (session('success'))
          <div class="alert alert-success alert-dismissible fade show" role="alert">
              {{ session('success') }}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
         @endif
      
         @if (session('error'))
         <div class="alert alert-danger alert-dismissible fade show" role="alert">
             {{ session('error') }}
             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
           </div>
        @endif
           <div class="card user-product-card">
              <div class="card-header">Order Details</div>
              <div class="card-body">
                    @foreach(@$orderDetails->orders as $pro)
                 <div class="d-flex">
                     <div class="p2">
                         <div class="product-image">
                             <img src="{{ asset('uploads') }}/{{ $pro->product_thumb }}" alt="product image"/>
                         </div>
                     </div>
                     <div class="p2 flex-grow-1">
                        <h4>{{ $pro->product_qty }}  {{ $pro->product_name }}</h4> 
                        <div class="pro_code"><span>Code</span> - {{ $pro->product_code }}</div>
                        @if($pro->product_size)
                        <div class="pro_code"><span>Size</span> - {{ $pro->product_size  }}</div>
                        @endif
                     </div>
                      <div class="p2 flex-grow-1">
                         <div class="delv_date">
                             Delivery On : <span class="delv_on">{{ $pro->pro_del_date }} - {{ $pro->pro_del_time }}</span>
                         </div>
                     </div>
                     <div class="p2">
                          @if($pro->product_main_price != $pro->product_price)
                           INR {{ $pro->product_main_price }}  
                           @if($pro->pro_type == 'Eggless') 
                           <span class="other_price"> +50Rs. (Eggless) </span>
                           @endif 
                           @if($pro->heart_shape == 'Heart Shape')
                           <span class="other_price">+100Rs.(Heart Shape) </span>
                           @endif 
                           @if($pro->photo_cake == 'Photo Cake')
                            <span class="other_price">+250Rs.(Photo Cake) </span>
                           @endif  
                           <h4 class="total_main_price">= INR {{ $pro->product_price }} </h4>
                          @else
                          <h4 class="total_main_price">INR {{ $pro->product_price }}</h4>
                          @endif
                     </div>
                    
                 </div>
                 @endforeach
                 <h2 style="margin:40px 0px 20px 0px; text-align: center; ">Order Status</h2>
               
                  @if($orderDetails->order_status == 'New')
                   <ul class="progressbar">
                  <li class="active">New</li>
                  <li>Pending</li>
                  <li>In Progresh</li>
                  <li>Shipped</li>
                  <li>Delivered</li>
                </ul>
                  @endif
                  @if($orderDetails->order_status == 'Pending')
                   <ul class="progressbar">
                  <li class="active">New</li>
                  <li class="active">Pending</li>
                  <li>In Progresh</li>
                  <li>Shipped</li>
                  <li>Delivered</li>
                </ul>
                  @endif
                  @if($orderDetails->order_status == 'In Progresh')
                   <ul class="progressbar">
                  <li class="active">New</li>
                  <li class="active">Pending</li>
                  <li class="active">In Progresh</li>
                  <li>Shipped</li>
                  <li>Delivered</li>
                </ul>
                  @endif
                  @if($orderDetails->order_status == 'Shipped')
                   <ul class="progressbar">
                  <li class="active">New</li>
                  <li class="active">Pending</li>
                  <li class="active">In Progresh</li>
                  <li class="active">Shipped</li>
                  <li>Delivered</li>
                </ul>
                  @endif
                   @if($orderDetails->order_status == 'Delivered')
                    <ul class="progressbar">
                  <li class="active">New</li>
                  <li class="active">Pending</li>
                  <li class="active">In Progresh</li>
                  <li class="active">Shipped</li>
                  <li class="active">Delivered</li>
                </ul>
                  @endif
                   @if($orderDetails->order_status == 'Cancelled')
                    <ul class="progressbar-danger">
                  <li class="active">Ordered</li>
                  <li class="active">Cancelled</li>
                </ul>
                  @endif
              </div>
           </div>

      </div><!-- End .col-lg-9 -->

       @include('partials.sidebar')
  </div><!-- End .row -->
</div><!-- End .container -->

@endsection