@extends('layouts.landing')

@section('main-content')
    {{--Register content--}}
    <div class="main-regiter-br" ng-controller="SignupController">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="contain-signup-p">
                        <h1>SEE HOW EASY BASETAX REALLY IS</h1>
                        <ul class="">
                            <li>
                                <img src="{{ asset('/assets/images/tick.png') }}"
                                     alt="check"/>Track your income and expenses in seconds
                            </li>
                            <li>
                                <img src="{{ asset('/assets/images/tick.png') }}"
                                     alt="check"/>File tax return online in minutes
                            </li>
                            <li>
                                <img src="{{ asset('/assets/images/tick.png') }}"
                                     alt="check"/>Save hours of your time
                            </li>
                            <li>
                                <img src="{{ asset('/assets/images/tick.png') }}"
                                     alt="check"/>Keep the taxman happy
                            </li>
                        </ul>
                        <h2>JOIN THOUSANDS OF OTHER HAPPY USERS!</h2>

                        <form class="regist-signup border-r-10" name="signupForm" novalidate
                              ng-submit="register(signupForm.$valid)">

                            <div class="form-group">
                                <input id="name" type="text" class="fullname-sg"
                                       placeholder="First name, Last name"
                                       ng-model="signupInfo.name">
                            </div>

                            <div class="form-group">
                                <input id="email" type="email" class="email-sg"
                                       placeholder="Email address"
                                       ng-model="signupInfo.email" required>
                                <span id="error-email"></span>
                            </div>

                            <div class="form-group">
                                <input id="pass" type="password" class="password-sg"
                                       placeholder="Password requirement: min 6 characters"
                                       ng-model="signupInfo.password" required>
                            </div>

                            <div class="form-group">
                                <input id="confPassword" type="password" class="cpassword-sg"
                                       placeholder="Confirm password"
                                       ng-model="signupInfo.confirm_password" required>
                                <span id="error-pass"></span>
                            </div>

                            <div class="form-group" style="color: #58595b">
                                <select id="user-type" class="email-sg"
                                        style="width: 100%;height: 34px;padding: 6px 25px 6px 12px;font-size: 14px; "
                                        placeholder="Select user type"
                                        ng-model="signupInfo.user_type_id"
                                        ng-options="item.value as item.name for item in userTypes"
                                        required>
                                </select>
                                <span id="error-user-type"></span>
                            </div>

                            <div class="form-control-sg">
                                Basetax is recognised by HMRC as a software provider for
                                <a href="http://www.hmrc.gov.uk/softwaredevelopers/mobile-apps/record-keeping.htm"
                                   target="_blank">record keeping</a>
                                and
                                <a href="https://www.gov.uk/government/publications/self-assessment-commercial-software-suppliers/self-assessment-online-commercial-software-suppliers"
                                   target="_blank">self assessment.</a>
                            </div>

                            <button type="submit" class="btn-block btn-login">
                                Sign Up
                            </button>

                            <span class="line-sg"></span>

                            <div class="form-control-sg">Already a Basetax user?&nbsp;&nbsp;&nbsp;
                                <a href="{{ route('landing.login'); }}">Login</a>
                            </div>

                            <div class="form-control-sg">Free Record Keeping App
                                <a href="https://itunes.apple.com/us/app/basetax/id1433856099?mt=8"
                                   target="blank">
                                    <img height="24" src="assets/images/available-on-the-app-store.jpg">
                                </a>
                                <a href="https://play.google.com/store/apps/details?id=com.basetax.rct"
                                   target="blank">
                                    <img height="24" src="assets/images/get-it-on-google-play.png">
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--Error callback--}}
    @include('landing.modal.modal-error-call-back')

    <script src="{{ asset('/assets/js/landing/signup.js'); }}" type="text/javascript" charset="utf-8"></script>
@endsection