@extends('layouts.frontend')
@section('meta')
@if(isset($meta_tag) && !empty($meta_tag))
<title>{{$meta_tag->meta_title}}</title>
<meta name="keywords" content="{{$meta_tag->meta_key}}">
<meta name="description" content="{{$meta_tag->meta_desc}}">
@endif
@endsection
@section('content')

<!-- Container -->
<div class="col-sm-6 col-md-6 col-xs-12">
    <div class="categories-box">
        <div class="heading-title header-title--1 text-left">
            <div class="heading-title__h-group">
                <h2 class="heading-title__title">login</h2>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="form">
                    <div class="tab__panel active" id="login">
                        @if (isset($errors) && !empty($errors->all()))
                        <div class="alert fixed-alert alert-danger fade in alert-dismissable">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            @foreach($errors->all() as $error) <p>{{ $error }}</p> @endforeach
                        </div>
                        @endif
                        <form class="form-horizontal form-inputs" role="form" method="POST" action="{{ url('/login') }}" data-parsley-validate="true">
                            {{ csrf_field() }}
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <label>{{ trans('general.youremail') }}<sup>*</sup></label>
                                <span class="wpcf7-form-control-wrap">
                                    <input type="email" class="input-text" name="email" id="username" placeholder="{{ trans('general.youremail') }}" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" required />
                                </span>
                            </div>
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <label>{{ trans('general.password') }}<sup>*</sup></label>
                                <span class="wpcf7-form-control-wrap">
                                    <input class="input-text" type="password" name="password" placeholder="{{ trans('general.password') }}"
                                           id="password" required/>                                </span>
                            </div>
                            <div class="form-item">
                                <label class="input-checkboxd">
                                    <input name="remember" type="checkbox"
                                           id="rememberme"/> {{ trans('general.rememberme') }}</label>
                                </label>
                                <a class="fr color-primary" href="{{url('/password/reset')}}"> {{ trans('general.forget_pass') }}</a></label>
                            </div>
                            <div class="form-item">
                                <button type="submit" class="button button-primary border margin-top-10">
                                    <i class="fa fa-check" aria-hidden="true"></i> {{ trans('general.login') }}
                                </button>
                            </div>
                        </form>
                    </div>
                    <div class="heading-title header-title--1 text-left">
                        <div class="heading-title__h-group">
                            <h2 class="heading-title__title">Register</h2>
                        </div>
                    </div>
                    <div class="tab__panel" id="singup">
                        <form data-toggle="validator" class="form-horizontal form-inputs" role="form" method="POST" action="{{ url('/register') }}" data-parsley-validate="true">
                            {{ csrf_field() }}
                            @foreach(config('laravel-translatable.languages') as $language=>$name)

                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <label>{{ trans('general.name') }}({{trans($name)}})<sup>*</sup></label>
                                <span class="wpcf7-form-control-wrap">
                                    <input id="id_email" name="name[{{$language}}]" class="form-control"
                                           placeholder="{{ trans('general.name') }} ({{trans($name)}})"
                                           type="text">                                </span>
                            </div>
                            @endforeach

                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <label>{{ trans('general.youremail') }}<sup>*</sup></label>
                                <span class="wpcf7-form-control-wrap">
                                    <input id="id_email" name="email" class="form-control"
                                           placeholder="{{ trans('general.youremail') }}"
                                           type="text" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" required>
                                </span>
                            </div>
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <label>{{ trans('general.password') }}<sup>*</sup></label>
                                <span class="wpcf7-form-control-wrap">
                                    <input id="id_password" name="password" class="form-control"
                                           placeholder="{{ trans('general.password') }}"
                                           type="password" required>
                                </span>
                            </div>
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <label>{{ trans('general.confirmpass') }}<sup>*</sup></label>
                                <span class="wpcf7-form-control-wrap">
                                    <input id="id_confirm_password" class="form-control"
                                           name="password_confirmation"
                                           placeholder="{{ trans('general.confirmpass') }}" type="password" required>
                                </span>
                            </div>
                            <div class="col-md-8 col-sm-12 col-xs-12" style="margin-top: 4%;">
                                    {!! htmlFormSnippet() !!}
                                    @if($errors->has('g-recaptcha-response'))
                                    <div>
                                        <small class="text-danger">{{ $errors->first('g-recaptcha-response') }}</small>
                                    </div>
                                    @endif
                                </div>
                            <div class="col-md-4 col-sm-12 col-xs-12 "style="margin-top: 8.7%;">
                                <button type="submit" class="signup button button-primary "><i class="fa fa-check" aria-hidden="true"></i> {{ trans('general.registertitle') }}
                                </button>
                            </div>
                            <div class="col-md-6 col-sm-12 col-xs-12 alert alert-success" style="margin-top: 10px;margin-bottom: 10px;">
                                <h6>{{ trans('frontend.Password Criteria :') }}</h6>
                                            - {{ trans('frontend.Uppercase letters') }} (A-Z).<br/>
                                            - {{ trans('frontend.Lowercase letters') }} (a-z).<br/>
                                            - {{ trans('frontend.Numeric character') }} (0-9).<br/>
                                            <!-- - {{ trans('frontend.Special character') }} (!,%,@,#,$).<br/> -->
                             </div>
                            
                        </form>
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>

@endsection