@extends('mobile.master', ['checkout' => true])

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

@section('content')
    <div class="checkout-page mobile-page" ng-controller="CheckoutCtrl">

        <header>
            <div class="header-placeholder">
                <h1>{{ Lang::get('mobile.checkoutTitle') }}</h1>
                {{--<div class="payment-method">--}}
                    {{--<img src="/images/static/paymentMethods/payment_methods_bar_{{ $shop->getShop()->slug }}.png"--}}
                         {{--alt="Betaalmethoden" class="valign-child"/>--}}
                {{--</div>--}}
            </div>
        </header>


        <section class="checkout-block">

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

            {{--User data --}}

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

            {{--Shipping--}}

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

            {{--Order--}}

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

            {{--Payment--}}



            @include('mobile.partials.checkout.selectPaymentMethod')


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

            {{--Terms and continue --}}

            <div class="checkout-row payment">
                <h2>6. {{ Lang::get('mobile.checkoutPaymentTitle') }}</h2>

                {{ $errors->first('agree', '<span class="message error">:message</span><br />') }}
                <div class="placeholder">
                    {{ 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>

                @if(\Config::get('app.maintenance_mode') === false)
                    <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>
                @else
                    <br>At the moment it isn't possible to place your order. We are maintaining our site.
                @endif
            </div>

            {{ Form::close() }}

        </section>


    </div>
@stop