@extends('layouts.tokkio-master')
@section('content')
        <!--Breadcrumb-->
<section id="breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="breadcrumb-list">
                    <ul>
                        <li><a href="{!! route('tokkio.index') !!}">{!! __('tokkio.home') !!}</a></li>
                        <li><span>{!! __('tokkio.signup') !!}</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>


<!--Login-->
<section id="login-page">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="login-page-content">
                    <div class="login-page-inner">
                        <h3>{!! __('tokkio.create_account') !!}</h3>
                        <p class="descp-txt">{!! __('tokkio.account_text') !!}</p>
                        <div class="form_log __register_admin">

                            <div class="error-msg font-14 mt-2"></div>
                            {!! Form::open(array('route' => 'admin.signup', 'method' => 'POST' ,'id' => 'ajaxSave','class' => 'form-signin')) !!}

                                <div class="row mb-3">
                                    <div class="col">
                                        <label for="formGroupExampleInput" class="form-label required">{!! __('tokkio.org_no') !!}</label>
                                        <input type="text" name="organisation_number" class="form-control _org_no" placeholder="Eg.{!! __('tokkio.org_no') !!}">
                                        <span class="_fetch_placeholder" style="display: none">{!! __('v2/front_site.please_wait') !!}</span>
                                    </div>
                                    <div class="col">
                                        <label for="formGroupExampleInput" class="form-label required">{!! __('tokkio.account') !!}</label>
                                        <div class="input-group">

                                            <div class="input-group-append">
                                                <span class="input-group-text" id="basic-addon1">
                                                    <b>{!!  config('constants.COMPANY_PREFIX') !!}</b>
                                                </span>
                                            </div>
                                            <input type="text" name="account" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{!! __('tokkio.account') !!}">
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label for="formGroupExampleInput" class="form-label required">{!! __('tokkio.company_name') !!}</label>
                                        <input type="text" name="company_name" class="form-control _reset _c_name" placeholder="Eg.{!! __('tokkio.company_name') !!}">
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col">
                                        <label for="formGroupExampleInput" class="form-label required">{!! __('tokkio.first_name') !!}</label>
                                        <input type="text" name="first_name" class="form-control _reset _c_fname" placeholder="Eg.John">
                                    </div>
                                    <div class="col">
                                        <label for="formGroupExampleInput" class="form-label">{!! __('tokkio.last_name') !!}</label>
                                        <input type="text" name="last_name" class="form-control _c_sname _reset" placeholder="Eg.Doe">
                                    </div>
                                </div>
                                {{-- <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label for="formGroupExampleInput" class="form-label required">{!! __('tokkio.address') !!}</label>
                                        <input type="text" name="address" class="form-control _reset _c_address"  placeholder="{!! __('tokkio.address') !!}">
                                    </div>
                                </div> --}}

                                <div class="row mb-3">
                                    <div class="col">
                                        <label for="formGroupExampleInput" class="form-label required">{!! __('tokkio.email') !!}</label>
                                        <input type="text" name="email" class="form-control" placeholder="Eg.johndoe@gmail.com">
                                    </div>
                                    <div class="col login_country">

                                        <label for="formGroupExampleInput" class="form-label">{!! __('tokkio.phone') !!}</label>
                                        <input type="text" id="phone" name="phone" class="form-control" placeholder="">
                                        <input type="hidden" class="form-control" id="dial_code" name="dial_code" value="+47">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label for="formGroupExampleInput" class="form-label required">{!! __('tokkio.password') !!}</label>
                                        <input type="password" name="password"  placeholder="" class="form-control _reset _c_address">
                                    </div>
                                </div>
                                <div class="row mb-4 mt-4">
                                    <div class="check_box">
                                        <input type="checkbox" name="terms_and_condition" class="form-check-input" id="exampleCheck1">
                                        <label class="form-check-label" for="exampleCheck1">
                                            {!! __('tokkio.term_text',['term' => route('tokkio.terms-condition'),'policy' => route('tokkio.privacy-policy')]) !!}
                                        </label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <button type="submit" class="btn btn-success btn-snd">{!! __('tokkio.register_now') !!}</button>
                                    </div>
                                </div>
                            {{ csrf_field() }}
                            {!! Form::close() !!}
                        </div>
                        <div class="form-linkbox">
                            <p>{!! __('tokkio.have_account_text') !!} <a href="{!! route('tokkio.login') !!}">{!! __('tokkio.login') !!}</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-sm-6">
                <div class="bg-img-1">
                    <div class="login-content-inner">
                        <div class="login-list">
                            <ul>
                                <li>
                                    <div class="list-img-icon">
                                        <i class="fas fa-calendar-alt"></i>
                                    </div>
                                    <div class="list-img-content">
                                        <h3>Try the Entire system for 14 days</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ligula eget dolor qenean massa</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="list-img-icon">
                                        <i class="fas fa-credit-card"></i>
                                    </div>
                                    <div class="list-img-content">
                                        <h3>No Payment Details</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ligula eget dolor qenean massa</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="list-img-icon">
                                        <i class="fas fa-stopwatch fa_stopwatch"></i>
                                    </div>
                                    <div class="list-img-content">
                                        <h3>Expires Automatically</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ligula eget dolor qenean massa</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

@endsection