@extends('master')


@section('css')
    @parent
    {{-- Could add a "Forms" stylesheet here? --}}
    <link href="{{ asset('assets/css/basket.css') }}" rel="stylesheet">	
@endsection

@section('js')
    
    
@endsection

@section('content')
<div class="container category">
	<div class="row">
		<h2>Check out</h2>
		<p>Please fill in your details below to proceed with this order.</p>
		<hr>
	</div>

	<div class="row">
	 	<form id="form" class="in-page-form form-horizontal ajax" method="POST" action="/forms/checkout">
            {!! csrf_field() !!}
            <input type="hidden" name="order_id" value="{{ isset($current_order->id) ? $current_order->id : '' }}">
            <div id="errors">

                <div class="hidden template alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <span class="message"></span>
                </div>

                @if (count($errors) > 0)            
                <div class="alert alert-danger alert-dismissible" role="alert">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    @foreach ($errors->all() as $error)
                        {{ $error }}<br />
                    @endforeach
                </div>
                @endif
            </div>
            
            
            
          <div class="form-group">
            <label for="form-order_reference" class="col-sm-2 control-label">Order reference</label>
            <div class="col-sm-10">              
              <input type="text" class="form-control" id="form-order_reference" name="order_reference" value="{{ old('order_reference',$current_order->order_reference) }}">
              <p class="help-block">If you have a specific internal order reference that you want to use, please enter it here.</p>
            </div>
          </div>  
          <div class="form-group">
            <label for="form-instructions" class="col-sm-2 control-label">Special Instructions</label>
            <div class="col-sm-10">
              <textarea class="form-control" id="form-instructions" name="instructions">{{ old('instructions',$current_order->instructions) }}</textarea>
              <p class="help-block">Enter any specific instructions relating to your order or delivery.</p>
            </div>
          </div> 
          <div class="form-group">
            <label for="form-address_id" class="col-sm-2 control-label">Delivery address</label>
            <div class="col-sm-10">
            	@if (!$addresses->isEmpty())
              		<select name="address_id" class="form-control" id="form-address_id">
	              	@foreach ($addresses as $address)	
	              		<option value="{{ $address->id }}" @if (old('address_id') == '$address->id') selected="selected" @endif>		
							     {{ $address->render(', ')}}
						</option>					
					@endforeach
				@else
					<p>You have no delivery addresses stored. Please <a href="{{ route('view_address_book') }}">add a delivery address here</a> before continuing.</p>
              	@endif
              </select>
            </div>
          </div> 
          <hr /> 
          
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="submit" class="btn btn-info">Review your order</button>
            </div>
        </div>
        </form>
    </div>
</div>
@endsection