@extends('layouts.auth')

@section('title', 'Create an Account')

@section('content')
    @php $params =  (isset($user_data['code'])) ? ['code' => $user_data['code']] : []; @endphp
    <form id="register" method="post" action="{{ route('register', $params) }}" autocomplete="off">
        @csrf
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="panel panel-body">
                    <div class="text-center">
                        <div class="icon-object border-success text-success"><i class="icon-plus3"></i></div>
                        <h5 class="content-group">Buat Akun
                        @if(session()->has('error'))
                                <small class="display-block text-danger">{{ session()->get('error') }}</small>
                        @else
                                <small class="display-block">All fields are required</small>
                        @endif
                        </h5>
                    </div>


                    <div class="form-group{{ $errors->has('nik') ? ' has-error' : '' }}">
                        <input type="text" class="form-control" name="nik" id="nik" placeholder="NIK" value="{{ old('nik') }}" required autofocus>
                        <div class="form-control-feedback">
                            <i class="icon-user text-muted"></i>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('first_name') ? ' has-error' : '' }}">
                        <input type="text" class="form-control" name="first_name" id="first_name" placeholder="Nama Depan" value="{{ old('first_name') }}" required>
                        <div class="form-control-feedback">
                            <i class="icon-user text-muted"></i>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('last_name') ? ' has-error' : '' }}">
                        <input type="text" class="form-control" name="last_name" id="last_name" placeholder="Nama Belakang" value="{{ old('last_name') }}">
                        <div class="form-control-feedback">
                            <i class="icon-user text-muted"></i>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                        <input type="email" class="form-control" name="email" id="email" placeholder="Email Address" value="{{ (isset($user_data['email'])) ? $user_data['email'] : old('email') }}" required{{ isset($user_data['email']) ? ' disabled' : '' }}>
                        <div class="form-control-feedback">
                            <i class="icon-mail5 text-muted"></i>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                        <input type="password" class="form-control" name="password" id="password" placeholder="Password" required>
                        <div class="form-control-feedback">
                            <i class="icon-lock2 text-muted"></i>
                        </div>
                        @if ($errors->has('password'))
                            <span class="help-block">{{ $errors->first('password') }}</span>
                        @endif
                    </div>

                    <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                        <input type="password" class="form-control" name="password_confirmation" id="password_confirmation" placeholder="Ulangi Password" required>
                        <div class="form-control-feedback">
                            <i class="icon-lock2 text-muted"></i>
                        </div>
                    </div>

                    <div class="mt-30">
                        <div class="row">
                            <div class="col-sm-6">
                                <a href="{{ route('login') }}" class="btn btn-link text-left">LOGIN</a>
                            </div>
                            <div class="col-sm-6 text-right">
                                <button type="submit" class="btn bg-teal-400">Buat Akun</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection

@section('plugin-scripts')
    <script src="{{ asset('assets/js/plugins/validation/validate.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins/uniform.min.js') }}"></script>
@endsection

@section('page-script')
    <script src="{{ asset('assets/js/custom/pages/validation.js') }}"></script>
    <script src="{{ asset('assets/js/custom/pages/auth.js') }}"></script>
@endsection