@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 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">
                                    {!! HTML::decode(Form::label('firstname', 'First Name <span class="red required">*</span>',array( ))); !!}
                                    {!! Form::text('firstname',isset($billing->fldClientsBillingFirstname) ? $billing->fldClientsBillingFirstname : $client->fldClientFirstname,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">
                                    {!!  HTML::decode(Form::label('lastname', 'Last Name <span class="red required">*</span>',array( ))); !!}
                                    {!! Form::text('lastname',isset($billing->fldClientsBillingLastname) ? $billing->fldClientsBillingLastname : $client->fldClientLastname,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-1 uk-width-small-1-1 uk-margin-top">
                                    {!!  HTML::decode(Form::label('company', 'Company ',array( ))); !!}
                                    {!! Form::text('company',isset($billing->fldClientsBillingCompany) ? $billing->fldClientsBillingCompany : "",array('id'=>'company','class'=>'form-control')) !!}
                                </div >

                                <div class = "uk-width-large-1-2 uk-width-small-1-2 uk-margin-top">
                                    {!!  HTML::decode(Form::label('email', 'Email Address <span class="red required">*</span>',array( ))); !!}
                                    {!! Form::email('email',isset($billing->fldClientsBillingEmail) ? $billing->fldClientsBillingEmail : $client->fldClientEmail,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" >
                                    {!!  HTML::decode(Form::label('phone', 'Phone Number <span class="red required">*</span>',array( ))); !!}
                                    {!! Form::text('phone',isset($billing->fldClientsBillingPhone) ? $billing->fldClientsBillingPhone : $client->fldClientContact,array('id'=>'phone','required','class'=>'form-control phone_us')) !!}
                                    <div class="uk-text-danger  mask-error  uk-hidden"></div>
                                    <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">
                                    {!!  HTML::decode(Form::label('country', 'Country <span class="red required">*</span>')); !!}
                                    {!! 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">
                                    {!!  HTML::decode(Form::label('address', 'Address <span class="red required">*</span>',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">
                                    {!!  HTML::decode(Form::label('city', 'City <span class="red required">*</span>',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">
                                    {!!  HTML::decode(Form::label('state', 'State <span class="red required">*</span>',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">
                                    {!!  HTML::decode(Form::label('zip', 'Zip Code <span class="red required">*</span>',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">
                                        {!!  HTML::decode(Form::label('shipping_firstname', 'First Name <span class="red required">*</span>',array( ))); !!}
                                        {!! Form::text('shipping_firstname',isset($shipping->fldClientsShippingFirstname) ? $shipping->fldClientsShippingFirstname : $client->fldClientFirstname,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">
                                        {!!  HTML::decode(Form::label('shipping_lastname', 'Last Name <span class="red required">*</span>',array( ))); !!}
                                        {!! Form::text('shipping_lastname',isset($shipping->fldClientsShippingLastname) ? $shipping->fldClientsShippingLastname : $client->fldClientLastname,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">
                                       {!!  HTML::decode(Form::label('shipping_email', 'Email Address <span class="red required">*</span>',array( ))); !!}
                                       {!! Form::text('shipping_email',isset($shipping->fldClientsShippingEmail) ? $shipping->fldClientsShippingEmail : $client->fldClientEmail,array('id'=>'shipping_email','class'=>'form-control')) !!}
                                         <div id="shippingEmailReqError" style="display:none;" class="uk-text-danger">Please enter email address</div>
                                        <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">
                                        {!!  HTML::decode(Form::label('shipping_phone', 'Phone Number <span class="red required">*</span>',array( ))); !!}
                                        {!! Form::text('shipping_phone',isset($shipping->fldClientsShippingPhone) ? $shipping->fldClientsShippingPhone : $client->fldClientContact,array('id'=>'shipping_phone','required','class'=>'form-control phone_us')) !!}
                                         <div id="shippingPhoneReqError" style="display:none;" class="uk-text-danger">Please enter phone number</div>
                                         <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">
                                       {!!  HTML::decode(Form::label('shipping_country', 'Country <span class="red required">*</span>')); !!}
                                       {!! 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">
                                       {!!  HTML::decode(Form::label('shipping_address', 'Address <span class="red required">*</span>',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">
                                        {!!  HTML::decode(Form::label('shipping_city', 'City <span class="red required">*</span>',array( ))); !!}
                                        {!! Form::text('shipping_city',isset($shipping->fldClientsShippingCity) ? $shipping->fldClientsShippingCity : "",array('id'=>'shipping_city','required','class'=>'form-control required')) !!}

                                        <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">
                                        {!!  HTML::decode(Form::label('shipping_state', 'State <span class="red required">*</span>',array('id'=>'stateShippingText'))); !!}
                                        <span id="shippingstateus">
                                        {!! Form::select('shipping_state',array('' => 'Select one')+App\Models\State::displayState(),isset($shipping->fldClientsShippingState) ? $shipping->fldClientsShippingState : "0",array('id'=>'shipping_state','data-placeholder'=>'Select State','class'=>'form-control required', 'required')) !!}
                                        </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">
                                       {!!  HTML::decode(Form::label('shipping_zip', 'Zip Code <span class="red required">*</span>',array( ))); !!}
                                       {!! Form::text('shipping_zip',isset($shipping->fldClientsShippingZip) ? $shipping->fldClientsShippingZip : "",array('id'=>'shipping_zip','required','class'=>'form-control required')) !!}

                                       <div id="shippingZipError" style="display:none;" class="uk-text-danger">Please enter your zip code</div>
                                    </div>
                              </div><!--row -->
                        </li>
                        
                        
                            <li id="shippingMethodContent">
                                <h2>Shipping Method</h2>
                                Please fill out your select your shipping method.<hr />
                               <div id="shippingRateError" style="display:none;" class="uk-alert uk-alert-danger">Please select shipping method.</div>
                                <div id="shipping_rate">{!! Html::image('_front/assets/images/ajax-loader.gif') !!}</div>
                            </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 -->