@extends('layouts.default')@section('title', $pageInfo->page_title)@section('content')
@include('includes.account.topbar')

<div class="account-section universal-spacing universal-bg-white">
    <div class="container">
        <div class="account-section-inner">
            <div class="account-area">
                <div class="main-title">
                    <span>Your <font>Orders</font></span>
                </div>
				@if (session('error'))
				<div class="alert alert-danger"  style="background:#0a253e; !important; color:red !important;">
				
					{{ session('error')}}
				</div>
				@endif 
				@if (session('success'))
				<div class="alert alert-success" style="background:#0a253e; !important; color:white !important;">
					{{ session('success') }}
				</div>
				@endif 
                <div class="shipping-form order-display-section">
								    <div class="text-center">
						<div class="main-btn">
							<a href="{{url('shop')}}"><button type="button">Go To Shop</button>
							</a>
						</div>
					</div>
				                </div>
            </div>                    
        </div>
    </div>
</div>

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
	     <h4 class="modal-title">Cancellation Reason </h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
	  <form class="form-horizontal" name="commentform" method="post" action="" id="changeOrderStatusForm">
	   {{ csrf_field() }}
	  <input type="hidden" name="order_id" id="cl_order_id">
	  <input type="hidden" name="status" id="cl_status">
	  
      <div class="modal-body">
            <div id="MsgError"></div>
			<div class="col-xs-12">
				<div class="form-group">
					<label for="InputMessage" class="col-lg-12 control-label">Reason</label>
					<div class="col-lg-12">
						<textarea name="emailMsg" id="emailMsg" class="form-control" rows="5" required></textarea>
					</div>
				</div>
			</div>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-success" id="btnSubmit">Submit</button>
      </div>
	  </form>
    </div>
  </div>
</div>

<div id="RetingFormModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
	     <h4 class="modal-title">Review & Rating </h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
	         <form id="RetingForm" style="padding: 15px;">
			 
                    {{csrf_field()}}
					
					<input type="hidden" name="name" id="name" value="" readonly>
					
					<input type="hidden" name="user_id" id="user_id" value="" readonly>
					
					<input type="hidden" name="product_id"  id="oredr_product_id"  maxlength="50">
					<input type="hidden" name="order_item_id"  id="order_item_id"  maxlength="50">
					
					<div class="review-form">
						<div class="single-review">
							<label>Your Rating</label>
							<div class="rating set-rating">
								<div class="rate">
									<input type="radio" id="star5" name="rate" value="5" />
									<label for="star5" title="text"></label>
									<input type="radio" id="star4" name="rate" value="4" />
									<label for="star4" title="text"></label>
									<input type="radio" id="star3" name="rate" value="3" />
									<label for="star3" title="text"></label>
									<input type="radio" id="star2" name="rate" value="2" />
									<label for="star2" title="text"></label>
									<input type="radio" id="star1" name="rate" value="1" />
									<label for="star1" title="text"></label>
								  </div>
							</div>
						</div>
						<div class="single-review">
							<label>Your Review *</label>
							<textarea type="text" name="review" id="review"></textarea>
						   <label id="review_error" style="color:red"></label>
						</div>
						
						<div class="text-center"><button type="submit" name="submitReview">Submit</button></div>
					</div><br>
					</form>
    </div>
  </div>
</div>
@endsection