@extends('templates.'. $template_name .'.layouts.default')

@section('title', trans('message.sign_up'))

@section('content')


    <div class="main-content shop-page login-page">
        <div class="container">
            <div class="breadcrumbs">
                <a href="{!! url('/')!!}">{{trans('message.home')}}</a> \ <span class="current">{{trans('message.sign_up')}}</span>
            </div>

            <div class="login-register-form content-form row" style="padding-bottom: 70px;">
                <!-- session flash message -->
                {!! getFlashMessage() !!}

                {!! Form::open(['url' => url('/api-sign-up'), 'method' => 'POST']) !!}
                <div class="login-register-form content-form row">
                    <div class="login-form">
                        <h4 class="main-title">{{trans('message.personal_information')}}</h4>

                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            <span class="label-text">{{trans('message.name')}}</span>
                            <input type="text" class="input-info" name="name" required>
                            <span class="label-text">{{trans('message.email')}}</span>
                            <input type="email" class="input-info" name="email" required>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                            <span class="label-text">{{trans('message.gender')}}</span>
                            <select name="gender" class="form-control">
                                <option>{{ucfirst(trans('male'))}}</option>
                                <option>{{ucfirst(trans('female'))}}</option>
                            </select>
                            <br>

                            <span class="label-text">{{trans('message.phone_number')}}</span>
                            <input type="number" class="input-info" name="phone" required>
                        </div>
                        <div class="col-xs-12">
                            <div class="group-button">
                                <button type="submit" class="btn submit btn-sign-up" style="border: 0">{{trans('message.sign_up')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

@endsection

@section('script')
<script type="text/javascript">
$(function(){
    // code here
});
</script>
@endsection