@extends('theme::template_login')

@section('title')
  <title>{{ inject('setting')->translate('shop', 'register') }}</title>
@stop

@section('content')
  <div class="login-title">{{ inject('setting')->translate('shop', 'register') }}</div>
  <form class="form-horizontal" method="POST" action="{{ url('member/register') }}">
    {{ csrf_field() }}
    <div class="form-group input-outer {{ $errors->has('username') ? ' has-error' : '' }}">
      <div class="input-txt">
        <i class="iconfont icon-yonghu"><img src="{{ themePath('images/username_icon.png') }}"></i>
        <input type="text" class="text login-input-placeholder" name="username" value="{{ old('username') }}" autocomplete="off" placeholder="{{ inject('setting')->translate('shop', 'username') }}">
      </div>
      @if ($errors->has('username'))
        <span class="help-block">
          <strong>{{ $errors->first('username') }}</strong>
        </span>
      @endif
    </div>
    <div class="form-group input-outer {{ $errors->has('password') ? ' has-error' : '' }}">
      <div class="input-txt">
        <i class="iconfont icon-yonghu"><img src="{{ themePath('images/pass_icon.png') }}"></i>
        <input type="password" class="text login-input-placeholder" name="password" value="{{ old('password') }}" autocomplete="off" placeholder="{{ inject('setting')->translate('shop', 'password') }}">
      </div>
      @if ($errors->has('password'))
        <span class="help-block">
          <strong>{{ $errors->first('password') }}</strong>
        </span>
      @endif
    </div>

    <div class="form-group input-outer">
      <div class="input-txt">
        <i class="iconfont icon-yonghu"><img src="{{ themePath('images/repeat_pass_icon.png') }}"></i>
        <input type="password" class="text login-input-placeholder" name="password_confirmation" autocomplete="off" placeholder="{{ inject('setting')->translate('shop', 'repeat_password') }}">
      </div>
    </div>

    <div class="form-group input-outer {{ $errors->has('email') ? ' has-error' : '' }}">
      <div class="input-txt">
        <i class="iconfont icon-yonghu"><img src="{{ themePath('images/user_email.png') }}"></i>
        <input type="text" class="text login-input-placeholder" name="email" value="{{ old('email') }}" autocomplete="off" placeholder="{{ inject('setting')->translate('shop', 'email') }}">
      </div>
      @if ($errors->has('email'))
        <span class="help-block">
          <strong>{{ $errors->first('email') }}</strong>
        </span>
      @endif
    </div>

    <button class="btn btn-block btn-login" type="submit">{{ inject('setting')->translate('shop', 'register') }}</button>

    <div class="form-group login-links">
      <a class="btn btn-link" href="{{ url('member/login') }}">{{ inject('setting')->translate('shop', 'login') }}</a> |
      <a class="btn btn-link" href="{{ url('/') }}">{{ inject('setting')->translate('shop', 'home') }}</a>
    </div>

  </form>
@stop