@extends('layouts._front.checkout')

@section('content')
   @include("home.includes.shoppingcartnav")
   
  <div class="uk-width-1-1 uk-margin-large  uk-margin-large-top"> 
             <div class="uk-container uk-container-center uk-margin-medium-bottom">
                <article id="main" role="main">
                    <div class="uk-grid">
                        <div  id="checkout-page"  class="uk-width-1-1">
                                                        
        {!! Html::flash_msg_front() !!}
        {!! Form::open(array('url' => '/checkout', 'method' => 'post',  'class' => 'row-fluid full-width uk-margin-large-top input-100 bill-info uk-form','id'=>'page_form')) !!}      

            <div class="uk-grid">
                <div class="uk-width-large-6-10 uk-width-1-1 uk-margin-large-bottom">                                             
                       
                    <ul class="uk-tab uk-hidden" data-uk-tab="{connect:'#tabContent'}">
                        <li class="uk-active" id="billing"><a href="javascript:void(0)"><i class="uk-icon-map-marker"></i> Billing Address</a></li>
                        <li class="uk-disabled" id="shipping"><a href="javascript:void(0)"><i class="uk-icon-envelope"></i> Shipping Address</a></li>
                        <li class="uk-disabled" id="payment"><a href="javascript:void(0)"><i class="uk-icon-money"></i> Payment Method</a></li>                     
                    </ul>
                    
                    <ul id="tabContent" class="uk-switcher uk-margin">
                            
                        <li id="billingContent">
                            <h1 class="uk-h2 text-uppercase">Billing Address</h1>
                                                       <div class="uk-grid">
                                <div class = "uk-width-large-1-2  uk-width-small-1-2 uk-margin-top">                    
                                    {!! Form::label('firstname', '* First Name',array( )); !!}
                                    {!! Form::text('firstname',isset($billing->fldClientsBillingFirstname) ? $billing->fldClientsBillingFirstname : "",array('id'=>'firstname','required','class'=>'form-control')) !!}

                                    <div id="billingFirstnameError" style="display:none;" class="uk-text-danger">Please enter your first name</div>

                                </div >
                                <div class = "uk-width-large-1-2 uk-width-small-1-2 uk-margin-top">
                                    {!! Form::label('lastname', '* Last Name',array( )); !!}
                                    {!! Form::text('lastname',isset($billing->fldClientsBillingLastname) ? $billing->fldClientsBillingLastname : "",array('id'=>'lastname','required','class'=>'form-control')) !!}

                                    <div id="billingLastnameError" style="display:none;" class="uk-text-danger">Please enter your last name</div>

                                </div >                                
                                <div class = "uk-width-large-1-2 uk-width-small-1-2 uk-margin-top">
                                    {!! Form::label('email', '* Email Address',array( )); !!}
                                    {!! Form::email('email',isset($billing->fldClientsBillingEmail) ? $billing->fldClientsBillingEmail : "",array('id'=>'email','required email','class'=>'form-control')) !!}
                                    
                                    <div id="billingEmailError" style="display:none;" class="uk-text-danger">Invalid email address</div>
                                </div >
                           
                                <div class = "uk-width-large-1-2 uk-width-small-1-2  uk-margin-top" >
                                    {!! Form::label('phone', '* Phone Number',array( )); !!}
                                    {!! Form::text('phone',isset($billing->fldClientsBillingPhone) ? $billing->fldClientsBillingPhone : "",array('id'=>'phone','required','class'=>'form-control')) !!}
                                    <div id="billingPhoneError" style="display:none;" class="uk-text-danger">Invalid phone number</div>
                                    <div id="billingPhoneReqError" style="display:none;" class="uk-text-danger">Please enter your phone number</div>
                                </div >

                                <div class = "uk-width-small-1-1 uk-margin-top">
                                    {!! Form::label('country', '* Country'); !!}                                      
                                    {!! Form::select('country',array('0' => 'Select one')+App\Models\Country::displayCountry(),isset($billing->fldClientsBillingCountry) ? $billing->fldClientsBillingCountry : "US",array('id'=>'country','data-placeholder'=>'Select Country','class'=>'form-control')) !!}
                                    <div id="billingCountryError" style="display:none;" class="uk-text-danger">Please select your country</div>
                                </div >

                                 <div class = "uk-width-small-1-1 uk-margin-top">
                                    {!! Form::label('address', '* Address',array( )); !!}
                                    {!! Form::text('address',isset($billing->fldClientsBillingAddress) ? $billing->fldClientsBillingAddress : "",array('id'=>'address','required','class'=>'form-control','placeholder'=>'Street Address')) !!}
                                    <div id="billingAddressError" style="display:none;" class="uk-text-danger">Please enter your address</div>
                                </div >
                                 <div class = "uk-width-small-1-1 uk-margin-top">                                   
                                    {!! Form::text('address1',isset($billing->fldClientsBillingAddress1) ? $billing->fldClientsBillingAddress1 : "",array('id'=>'address2','class'=>'form-control','placeholder'=>'Apartment, suite, unit, ect. (optional)')) !!}

                                </div >
                                <div class = "uk-width-small-1-1 uk-margin-top">
                                    {!! Form::label('city', '* City',array( )); !!}
                                    {!! Form::text('city',isset($billing->fldClientsBillingCity) ? $billing->fldClientsBillingCity : "",array('id'=>'city','required', 'class'=>'form-control')) !!}
                                    <div id="billingCityError" style="display:none;" class="uk-text-danger">Please enter your city</div>
                                </div >
                                <div class = "uk-width-large-1-2 uk-width-small-1-2 uk-margin-top">
                                    {!! Form::label('state', '* State',array('id'=>'stateBillingText')); !!}
                                    <span id="billingstateus">                                      
                                    {!! Form::select('state',array('0' => 'Select one')+App\Models\State::displayState(),isset($billing->fldClientsBillingState) ? $billing->fldClientsBillingState : "0",array('onchange' => 'checkTax(this.value)', 'id'=>'state','data-placeholder'=>'Select State', 'class'=>'form-control')) !!}
                                    </span>
                                    <div id="billingStateError" style="display:none;" class="uk-text-danger">Please select your state</div>
                                </div >
                                <div class = "uk-width-large-1-2 uk-width-small-1-2 uk-margin-top">
                                    {!! Form::label('zip', '* Zip Code',array( )); !!}
                                    {!! Form::text('zip',isset($billing->fldClientsBillingZip) ? $billing->fldClientsBillingZip : "",array('id'=>'zip','required','class'=>'form-control')) !!}
                                    <div id="billingZipError" style="display:none;" class="uk-text-danger">Please enter your zip code</div>
                                </div >
                            </div><!--row -->
                            <div class="uk-grid">
                                <div class="uk-width-large-1-1 uk-width-medium-1-1 uk-width-small-1-1">
                                    <label for="sameas" class="bold checkbox">
                                        <input type="checkbox" name="sameas" id="sameas"> Shipping Address Same As Billing 
                                    </label>
                                </div>
                            </div >
                        </li>
                         
                          
                        <li id="shippingContent">
                            <h2>Shipping Address</h2>
                            Please fill out your Shipping information below.<hr />
                                                            <div class="uk-grid">
                                    <div class = "uk-width-medium-1-2 uk-width-small-1-1 uk-margin-top">  
                                        {!! Form::label('shipping_firstname', '* First Name',array( )); !!}
                                        {!! Form::text('shipping_firstname',isset($shipping->fldClientsShippingFirstname) ? $shipping->fldClientsShippingFirstname : "",array('id'=>'shipping_firstname','required','class'=>'form-control')) !!}   
                                        <div id="shippingFirstnameError" style="display:none;" class="uk-text-danger">Please enter your first name</div>

                                    </div>
                                    <div class = "uk-width-medium-1-2 uk-width-small-1-1 uk-margin-top">
                                        {!! Form::label('shipping_lastname', '* Last Name',array( )); !!}
                                        {!! Form::text('shipping_lastname',isset($shipping->fldClientsShippingLastname) ? $shipping->fldClientsShippingLastname : "",array('id'=>'shipping_lastname','class'=>'form-control')) !!}

                                        <div id="shippingLastnameError" style="display:none;" class="uk-text-danger">Please enter your last name</div>                        
                                    </div>
                                       <div class = "uk-width-medium-1-2 uk-width-small-1-1 uk-margin-top">
                                       {!! Form::label('shipping_email', '* Email Address',array( )); !!}
                                       {!! Form::text('shipping_email',isset($shipping->fldClientsShippingEmail) ? $shipping->fldClientsShippingEmail : "",array('id'=>'shipping_email','class'=>'form-control')) !!}

                                        <div id="shippingEmailError" style="display:none;" class="uk-text-danger">Invalid email address</div>                                         
                                    </div>
                                 <div class = "uk-width-medium-1-2 uk-width-small-1-1 uk-margin-top">
                                        {!! Form::label('shipping_phone', '* Phone Number',array( )); !!}
                                        {!! Form::text('shipping_phone',isset($shipping->fldClientsShippingPhone) ? $shipping->fldClientsShippingPhone : "",array('id'=>'shipping_phone','required','class'=>'form-control')) !!}

                                         <div id="shippingPhoneError" style="display:none;" class="uk-text-danger">Invalid phone number</div>

                                    </div>
                                     <div class = "uk-width-small-1-1 uk-margin-top">
                                       {!! Form::label('shipping_country', '* Country'); !!}                                      
                                       {!! Form::select('shipping_country',array('0' => 'Select one')+App\Models\Country::displayCountry(),isset($shipping->fldClientsShippingCountry) ? $shipping->fldClientsShippingCountry : 'US',array('id'=>'shipping_country','data-placeholder'=>'Select Country','class'=>'form-control')) !!}    

                                       <div id="shippingCountryError" style="display:none;" class="uk-text-danger">Please select your country</div>

                                   </div>
                                     <div class = "uk-width-small-1-1 uk-margin-top">
                                       {!! Form::label('shipping_address', '* Address',array( )); !!}
                                       {!! Form::text('shipping_address',isset($shipping->fldClientsShippingAddress) ? $shipping->fldClientsShippingAddress : "",array('id'=>'shipping_address','required','class'=>'form-control')) !!} 
                                       <div id="shippingAddressError" style="display:none;" class="uk-text-danger">Please enter your address</div>
                                    </div>
                                     <div class = " uk-width-small-1-1 uk-margin-top">                                      
                                       {!! Form::text('shipping_address1',isset($shipping->fldClientsShippingAddress1) ? $shipping->fldClientsShippingAddress1 : "",array('id'=>'shipping_address1','class'=>'form-control','placeholder'=>'Apartment, suite, unit, ect. (optional)')) !!} 
                                    </div>
                                     <div class = "uk-width-1-1 uk-margin-top">
                                        {!! Form::label('shipping_city', '* City',array( )); !!}
                                        {!! Form::text('shipping_city',isset($shipping->fldClientsShippingCity) ? $shipping->fldClientsShippingCity : "",array('id'=>'shipping_city','required','class'=>'form-control')) !!} 

                                        <div id="shippingCityError" style="display:none;" class="uk-text-danger">Please enter your city</div>

                                    </div>
                                    <div class = "uk-width-medium-1-2 uk-width-small-1-1 uk-margin-top">
                                        {!! Form::label('shipping_state', '* State',array('id'=>'stateShippingText')) !!}
                                        <span id="shippingstateus">                                      
                                        {!! Form::select('shipping_state',array('0' => 'Select one')+App\Models\State::displayState(),isset($shipping->fldClientsShippingState) ? $shipping->fldClientsShippingState : "0",array('id'=>'shipping_state','data-placeholder'=>'Select State','class'=>'form-control')) !!}
                                        </span> 

                                        <div id="shippingStateError" style="display:none;" class="uk-text-danger">Please select your state</div>

                                    </div>
                                     <div class = "uk-width-medium-1-2 uk-width-small-1-1  uk-margin-top">
                                       {!! Form::label('shipping_zip', '* Zip Code',array( )); !!}
                                       {!! Form::text('shipping_zip',isset($shipping->fldClientsShippingZip) ? $shipping->fldClientsShippingZip : "",array('id'=>'shipping_zip','required','class'=>'form-control')) !!}

                                       <div id="shippingZipError" style="display:none;" class="uk-text-danger">Please enter your zip code</div>                                        
                                    </div>
                              </div><!--row -->
                        </li>
                          
                          
                        <li id="paymentContent">
                                <h2>Payment Method</h2>
                                Please fill out your select your payment method.<hr />
                                @include('home.braintree_cc') 
                        </li>
                          
                    </ul> 

                
                </div><!-- 3/4 -->
                <div class="uk-width-large-4-10 uk-width-medium-7-10  uk-width-small-1-1">
                    <div class="order-total box-bordered padding-medium  uk-text-left">
                        <h2>Order Total</h2>                                            
                        <table class="uk-table uk-table-small">
                            <tr class="border-bottom">
                                <td colspan="2"><strong>PRODUCT</strong></td>
                                <td class="uk-text-right"><strong>TOTAL</strong></td>
                            </tr>

                             @foreach($cart as $carts)                                
                                <tr class="roboto">
                                    <td colspan="2">
                                    
                                        <div class="full-width">    
                                            <h4 class="uk-margin-remove">{!! $carts->product_name !!} ( {!! $carts->quantity !!} )</h4>
                                            <div class="grey ">{!! $carts->product_sub_title !!}</div>
                                        </div>                      
                                    </td>
                                    <td class="uk-text-right"><strong>$ @if(empty($carts->total))