@extends(backpack_view('layouts.plain'))

@section('content')
<div class="signup-panel">
        <svg-to-inline path="{{ global_asset('a/c/assets/svg/citywalk.svg') }}" class-Name="svg-bg"></svg-to-inline>

        <div class="signup-sidebar">
          <div class="signup-sidebar-body">
            <a href="dashboard-one.html" class="sidebar-logo mg-b-40"><span>cassie</span></a>
            <h4 class="signup-title">{{ trans('admin.auth.register.title') }}</h4>
            <h5 class="signup-subtitle">{{ trans('admin.auth.register.subtitle') }}</h5>

            <div class="signup-form">
                    <form class="col-md-12 p-t-10" role="form" method="POST" action="{{ route('backpack.auth.register') }}">
                            {!! csrf_field() !!}
              <div class="row">
                <div class="col-sm-6">
                  <div class="form-group">
                    <label>{{ trans('backpack::base.name') }}</label>
                    <input type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" id="name" value="{{ old('name') }}">
                    @if ($errors->has('name'))
                        <span class="invalid-feedback">
                            <strong>{{ $errors->first('name') }}</strong>
                        </span>
                    @endif
                  </div>
                </div><!-- col -->
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="control-label" for="{{ backpack_authentication_column() }}">{{ config('backpack.base.authentication_column_name') }}</label>
                            <input type="{{ backpack_authentication_column()=='email'?'email':'text'}}" class="form-control{{ $errors->has(backpack_authentication_column()) ? ' is-invalid' : '' }}" name="{{ backpack_authentication_column() }}" id="{{ backpack_authentication_column() }}" value="{{ old(backpack_authentication_column()) }}">

                            @if ($errors->has(backpack_authentication_column()))
                                <span class="invalid-feedback">
                                    <strong>{{ $errors->first(backpack_authentication_column()) }}</strong>
                                </span>
                            @endif
                    </div>
                </div><!-- col -->
              </div><!-- row -->

              <div class="row mg-b-5">
                    <div class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label" for="password">{{ trans('backpack::base.password') }}</label>
                                    <input type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" id="password">

                                    @if ($errors->has('password'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('password') }}</strong>
                                        </span>
                                    @endif
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label" for="password_confirmation">{{ trans('backpack::base.confirm_password') }}</label>

                                <div>
                                    <input type="password" class="form-control{{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}" name="password_confirmation" id="password_confirmation">

                                    @if ($errors->has('password_confirmation'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('password_confirmation') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                        </div>
              </div><!-- row -->

              <div class="form-group mg-b-30">
                <div class="custom-control custom-checkbox">
                  <input type="checkbox" class="custom-control-input" id="agree">
                  <label class="custom-control-label tx-sm" for="agree">{{ __('admin.auth.register.i_agree') }} <a href="#">{{ __('admin.nav.terms_of_use') }}</a> & <a href="#">{{ __('admin.nav.privacy_policy') }}</a></label>
                </div>
              </div>
              <div class="form-group d-flex mg-b-0">
                <button type="submit" class="btn btn-brand-01 btn-uppercase btn-block">{{ trans('backpack::base.register') }}</button>
              </div>
            </form>
            </div>
            <p class="mg-t-auto mg-b-0 tx-color-03">{{ __('admin.auth.register.already_have_account') }} <a href="{{ route('backpack.auth.login') }}">{{ trans('backpack::base.login') }}</a></p>
          </div><!-- signup-sidebar-body -->
        </div><!-- signup-sidebar -->
      </div><!-- signup-panel -->
@endsection