@extends('client.auth')
@section('title')
    {{ translate('register') }}
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-5 col-lg-offset-3">
            <div class="panel  registration-form">
                <div class="panel-body">
                    @if(Session::has('flash_notification.message'))
                        <script>toastr.{{ Session::get('flash_notification.level') }}('{{ Session::get("flash_notification.message") }}', 'Response Status')</script>
                    @endif
                    @if (isset($msg))
                        <div class="alert alert-success">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            {{ $msg }}
                        </div>
                    @endif
                    @if (isset($error))
                        <div class="alert alert-error">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            {{ $error }}
                        </div>
                    @endif
                    @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="text-center">
                        <h3>{{ \App\Models\Setting::where('setting_key','company_name')->first()->setting_value }}</h3>
                        <div class="icon-object border-slate-300 text-slate-300">
                            @if(!empty(\App\Models\Setting::where('setting_key','company_logo')->first()->setting_value))
                                <img src="{{ url(asset('uploads/'.\App\Models\Setting::where('setting_key','company_logo')->first()->setting_value)) }}"
                                     class="" height="72"/>
                            @else
                                <i class="icon-plus3"></i>
                            @endif
                        </div>
                    </div>
                    {!! Form::open(array('url' => url('client/register'), 'method' => 'post', 'name' => 'form','class'=>'register-form')) !!}
                    <div class="text-center">
                        <h5 class="content-group-lg">{{ translate('register') }}
                            <small class="display-block">{{ translate('register_account_msg') }}</small>
                        </h5>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group has-feedback">
                                {!! Form::text('first_name', null, array('class' => 'form-control', 'placeholder'=>translate('first_name'),'required'=>'required','id'=>'first_name')) !!}

                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group has-feedback">
                                {!! Form::text('last_name', null, array('class' => 'form-control', 'placeholder'=>translate('last_name'),'required'=>'required','id'=>'last_name')) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group ">
                                {!! Form::select('gender',array('Male'=>translate('male'),'Female'=>translate('female')),'Male', array('class' => 'form-control','required'=>'required')) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group ">
                                {!! Form::number('mobile', null, array('class' => 'form-control', 'placeholder'=>translate('mobile'),'required'=>'required','id'=>'mobile')) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group ">
                                {!! Form::text('dob',null, array('class' => 'form-control date-picker', 'placeholder'=>translate('dob'),'required'=>'required')) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group ">
                                {!! Form::select('working_status',array('Employee'=>translate('Employee'),'Owner'=>translate('Owner'),'Student'=>translate('Student'),'Overseas Worker'=>translate('Overseas Worker'),'Pensioner'=>translate('Pensioner'),'Unemployed'=>translate('Unemployed')),null, array('class' => 'form-control',)) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group ">
                                {!! Form::email('email', null, array('class' => 'form-control', 'placeholder'=>translate('email'),'required'=>'required','id'=>'email')) !!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group ">
                                {!! Form::text('username', null, array('class' => 'form-control', 'placeholder'=>translate('username'),'required'=>'required','id'=>'username')) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::password('password', array('class' => 'form-control', 'placeholder'=>translate('password'),'required'=>'required','id'=>'password')) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::password('repeat_password', array('class' => 'form-control', 'placeholder'=>translate('repeat_password'),'required'=>'required','id'=>'repeat_password')) !!}
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="checkbox">
                            <label class="checkbox-inline">
                                <input type="checkbox" name="terms" class="styled" checked="checked" id="terms"
                                       required>
                                {{ translate('accept_terms') }}
                            </label>
                        </div>
                    </div>

                    <div class="text-right">
                        <a href="{{url('client')}}" class="btn btn-link"><i
                                    class="icon-arrow-left13 position-left"></i> {{ translate('back') }}
                            {{ translate('to login') }}
                        </a>
                        <button type="submit" class="btn bg-teal-400 "> {{ translate('register') }}
                        </button>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

@endsection
@section('footer-scripts')
    <script>
        $.validator.addMethod('mypassword', function (value, element) {
                return this.optional(element) || (value.match(/[a-zA-Z]/) && value.match(/[0-9]/));
            },
            'Password must contain at least one numeric and one alphabetic character.');
        $(".register-form").validate({
            rules: {
                field: {
                    required: true,
                    step: 10
                },
                password: {
                    required: true,
                    minlength: 6,
                    mypassword: true
                },
                repeat_password: {
                    required: true,
                    minlength: 6,
                    equalTo: "#password"
                }
            }, highlight: function (element) {
                $(element).closest('.form-group').addClass('has-error');
            },
            unhighlight: function (element) {
                $(element).closest('.form-group').removeClass('has-error');
            },
            errorElement: 'span',
            errorClass: 'help-block',
            errorPlacement: function (error, element) {
                if (element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                } else {
                    error.insertAfter(element);
                }
            }
        });
    </script>
@endsection