@extends('layouts.master')

@section('javascript')
    {{--Load the google maps js --}}
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&language=nl"></script>
@stop

@section('sidebar')
    @include('partials.sidebar',['customerService' => ''])
@stop

@section('content')
    <div class="content-container column fluid-100" ng-controller="CheckoutCtrl">
        {{--Breadcrumb--}}

        @include('partials.breadcrumb')


        {{--messages--}}
        @include('partials.messages')

        {{--Title --}}

        <h1 class="page-title">{{ Lang::get('checkout/checkout.title') }}</h1>

        {{--Filter bar--}}

        @include('checkout.partials.steps', ['classes' => ['active','disabled','disabled'] ])

        <article class="checkout-block content-block column fluid-100">

            {{ Form::open([
                'url' => Shop::getLanguageService()->getCurrentLanguage() . '/checkout/process',
                'name' => 'form'
            ]) }}

            {{--User data --}}

            <div class="checkout-row user-data">
                <div class="inner">
                    @include('checkout.partials.userData')
                </div>
            </div>

            {{--Shipping--}}

            <div class="checkout-row">
                <div class="inner">
                    @include('checkout.partials.shippingData')
                </div>
            </div>

            {{--Order--}}

            <div class="checkout-row order-info">
                <div class="inner">
                    @include('checkout.partials.orderData')
                </div>
            </div>

            {{--Payment--}}

            <div class="checkout-row payment-method">
                <div class="inner">
                    <div class="top-border"></div>
                    <div class="number">4</div>
                    <h2>{{ Lang::get('checkout/checkout.payment.title') }}</h2>

                    @include('checkout.payment.selectPaymentMethod')
                </div>
            </div>

            <div class="checkout-row remarks">
                <div class="inner">
                    <div class="top-border"></div>
                    <div class="number">5</div>
                    <h2>{{ Lang::get('checkout/checkout.remarks.title') }}</h2>
                    {{ Form::textarea('remarks',$checkout->remarks() , null, ['id' => 'remarks']) }}
                </div>
            </div>

            {{--Terms and continue --}}

            <div class="checkout-row payment">
                <div class="inner">
                    <div class="top-border"></div>
                    <div class="number">6</div>
                    <h2>{{ Lang::get('checkout/checkout.proceed.title') }}</h2>

                    {{ $errors->first('agree', '<span class="message error">:message</span><br />'); }}
                    {{ Form::checkbox('agree', 1, null, ['id' => 'agree','placeholder'=>Lang::get('checkout/checkout.proceed.placeholder')  ]) }}
                    <label for="agree" class="description">
                        {{ Lang::get('checkout/checkout.proceed.agree_to_terms',['url'=> '/' . $shop->getPageService()->page('terms')->route ]) }}
                    </label>

                    <div class="pay-holder">
                        <div class="btn-holder pay">
                            @include('partials.buttons.input_lock',[
                                'input' => Form::submit('',['id'=>"pay_button"]),
                                'text' => Lang::get('checkout/checkout.proceed.button'),
                                'class' => 'green-btn'
                            ])
                        </div>
                    </div>
                </div>
            </div>
            {{ Form::close(); }}

        </article>
    </div>
@stop