@extends('backend.layouts.app')

@section('content')

<p><a href="{{ url('admin/classlist') }}">Home</a> / Order</p>
    <div class="box">
	
      <div class="box-header">
	  
        <h3>Review Order</h3>
		
        <hr>
	  </div>
	   <div class="box-body">
	   
	   
	   
    <div class="container">
        
       


        @if (session()->has('success_message'))
            <div class="alert alert-success">
                {{ session()->get('success_message') }}
            </div>
        @endif

        @if (session()->has('error_message'))
            <div class="alert alert-danger">
                {{ session()->get('error_message') }}
            </div>
        @endif

        @if (sizeof(Cart::content()) > 0)

			
		{!! Form::open(array('url' => 'admin/payment', 'class' => 'form-horizontal edit_form', 'files' => true )) !!}
		<input type="hidden" name="_method" value="POST">
 <div class="form-body">
 <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   
  </div>

  </div>
   
   <!-- <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Family <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <select name="family_id" id="family_id" class="form-control required" onchange="get_family(this.value)">
   <option></option>
   @foreach($families as $family)
   <option value="{{ $family->fmly_id }}">{{ $family->fmly_name }}</option>
   @endforeach</select>
  </div>
 
   </div>-->
   
   <br/>
   
   <!--<div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Student <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <select name="student_id" id="student_id" class="form-control required" >
   <option></option>
   @foreach($students as $student)
   <option value="{{ $student->st_fname }}">{{ $student->st_lname }}</option>
   @endforeach</select>
  </select>
  </div>
  
   </div>
   <br/>-->
   
   <!-- <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Cart Total <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <input type="text" class="form-control required" readonly value="{{ Cart::total() }}" name="cart_total"/>
  </div>
  
   </div>
   
  <br/><br/>


 <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   <label class="control-label">Card Name <span class="required" aria-required="true">* </span></label>  
  </div>
   <div class="col-md-3">
   <input type="text" name="card_name" class="form-control required" value="" />
  </div>
   </div>
 <br/>
 <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   <label class="control-label">Card Number <span class="required" aria-required="true">* </span></label>  
  </div>
   <div class="col-md-3">
   <input type="text" name="card_num" class="form-control required" value="" />
  </div>
   </div>
   <br/>
   <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-1">
   <input type="text" name="cvv" class="form-control required" value="" placeholder="CVV" />
  </div>
   <div class="col-md-2">
<select name="month" class="form-control required">
  <option value="1">01 - January</option>
 <option value="2">02 - February</option>
 <option value="3">03 - March</option>
 <option value="4">04 - April</option>
 <option value="5">05 - May</option>
 <option value="6">06 - June</option>
 <option value="7">07 - July</option>
 <option value="8">08 - August</option>
 <option value="9">09 - September</option>
 <option value="10">10 - October</option>
 <option value="11">11 - November</option>
 <option value="12">12 - December</option>
 
 </select>
  </div>
  
  <div class="col-md-2">
   <select name="year" class="form-control required">

    <option value=""></option>
  </select>
  </div>
   <br/> <br/>
   </div>
  -->


  <table class="table">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>Participant</th>
                        <th>Quantity</th>
                        <th>Price</th>
                        <th class="column-spacer"></th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                    @foreach (Cart::content() as $item)
                    <tr>
                        <!--<td class="table-image" style="max-width:40px;"><a href="{{ url('admin/shop', [$item->model->slug]) }}"><img src="{{ asset('img/' . $item->model->image) }}" alt="product" class="img-responsive cart-image"></a></td>-->
						<td class="table-image" style="max-width:40px;"><a href="{{ url('admin/shop', [$item->model->slug]) }}">{{ $item->name }}</a></td>
                        <td><a href="{{ url('admin/shop', [$item->model->slug]) }}">{{ $item->options->student_name }}</a></td>
                        <!--<td>
                            <select class="quantity" data-id="{{ $item->rowId }}">
                                <option {{ $item->qty == 1 ? 'selected' : '' }}>1</option>
                                <option {{ $item->qty == 2 ? 'selected' : '' }}>2</option>
                                <option {{ $item->qty == 3 ? 'selected' : '' }}>3</option>
                                <option {{ $item->qty == 4 ? 'selected' : '' }}>4</option>
                                <option {{ $item->qty == 5 ? 'selected' : '' }}>5</option>
                            </select>
                        </td>-->
                        <td>{{ $item->qty }}<input type="hidden" value="{{ $item->qty }}" name="quantity" data-id="{{ $item->rowId }}"/></td>
                        <td>${{ $item->subtotal }}</td>
                        <td class=""></td>
                        <td>
                            <!--<form action="{{ url('admin/cart', [$item->rowId]) }}" method="POST" class="side-by-side" style="float:left; margin-right:10px;">
                                {!! csrf_field() !!}
                                <input type="hidden" name="_method" value="DELETE">
                                <input type="submit" class="btn btn-danger btn-sm" value="Remove">
                            </form>-->
							
                            <!--<form action="{{ url('admin/switchToWishlist', [$item->rowId]) }}" method="POST" class="side-by-side">
                                {!! csrf_field() !!}
                                <input type="submit" class="btn btn-success btn-sm" value="To Wishlist">
                            </form>-->
                        </td>
                    </tr>

                    @endforeach
                    <tr>
                        <td class="table-image">
						<input type="text" placeholder="Enter Promo code..." style="padding:7px 14px;"/>
						<input class="btn btn-info" type="submit" value="Apply"></td>
                        <td></td>
                        <td class="small-caps table-bg" style="text-align: right">Subtotal</td>
                        <td>${{ Cart::instance('default')->subtotal() }}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="table-image"></td>
                        <td></td>
                        <td class="small-caps table-bg" style="text-align: right">Tax</td>
                        <td>${{ Cart::instance('default')->tax() }}</td>
                        <td></td>
                        <td></td>
                    </tr>

                    <tr class="border-bottom">
                        <td class="table-image"></td>
                        <td style="padding: 40px;"></td>
                        <td class="small-caps table-bg" style="text-align: right">Your Total</td>
                        <td class="table-bg">${{ Cart::total() }}</td>
						<input type="hidden" name="cart_total" value="{{ Cart::total() }}" />
                        <td class="column-spacer"></td>
                        <td></td>
                    </tr>

                </tbody>
            </table>
			

<div class="row form-section" style="margin:0px 0px 0px 0px !important;">
                  <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-offset-4 col-md-8">
																	
									<button type="submit" class="btn btn-primary btn-md">Place Order</button>
                                       
                                       <a href="javascript:history.go(-1);" class="btn btn-primary btn-md">Back</a>
									 
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7">
                            </div>
</div>
 
 </div>
   
   {!! Form::close() !!}

  
            
        @else

            <h3>You have no items in your shopping cart</h3>
            <a href="{{ url('admin/shop') }}" class="btn btn-primary btn-lg">Continue Shopping</a>

        @endif

        <div class="spacer"></div>

    </div> <!-- end container -->
	</div></div>
	<!-- JavaScript -->

	<script>
        (function(){

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $('.quantity').on('change', function() {
                var id = $(this).attr('data-id')
                $.ajax({
                  type: "PATCH",
                  url: '{{ url("admin/cart") }}' + '/' + id,
                  data: {
                    'quantity': this.value,
                  },
                  success: function(data) {
                    window.location.href = '{{ url('admin/checkout') }}';
                  }
                });

            });

        })();

    </script>

@endsection