@extends('user.user-template')

@section('css')
{!! RecaptchaV3::initJs() !!}

@endsection

@section('content')
<div class="auth-form-light py-5 px-4 px-sm-5 border">
  <div class="text-center mb-4">
    <h5>Daftar Sebagai Pelapor</h5>
  </div>
  @if (env('LOGIN_SOCIAL_MEDIA', false))
  <div class="text-center">
    <p>Anda bisa dengan mudah menghubungkan dengan social media</p>
    <div class="mt-2 mb-4">
      <a href="{{route('user.login.facebook')}}" class="btn btn-facebook mr-1">
        <i class="mdi mdi-facebook mr-2"></i>Facebook
      </a>
      <a href="{{route('user.login.google')}}" class="btn btn-google ml-1">
        <i class="mdi mdi-google mr-2"></i>Google
      </a>
      {{-- <a href="{{route('user.login.github')}}" class="btn btn-github ml-2">
        <i class="mdi mdi-github-circle mr-2"></i>GitHub
      </a>
      <a href="{{route('user.login.twitter')}}" class="btn btn-twitter ml-2">
        <i class="mdi mdi-twitter mr-2"></i>Twitter
      </a> --}}
    </div>
  </div>

  <h5 class="separator"><span>Atau</span></h5>
  @endif
  
  <form class="pt-3" action="{{route('user.daftar.store')}}" method="POST"> @csrf
    {!! RecaptchaV3::field('registerUser') !!}
      @if ($errors->has('g-recaptcha-response'))
          <span class="text-danger">
            Gunakan Browser Lain
          </span>
      @endif
    <div class="row">
      <div class="col-md-6">
          <div class="form-group">
              <label for="registerNIK">NIK</label>
              <input name="nik" type="text" class="form-control" id="registerNIK" placeholder="Nomor Induk Kependudukan (KTP)" value="{{env('APP_ENV') != 'production' ? '35871910018299' : ''}}">
          </div>
          <div class="form-group is-required" style="height: 70px">
              <label for="registerDomisili-selectized">Tempat Tinggal Saat Ini</label>
              <input type="text" name="domisili" class="form-control" placeholder="Tempat Tinggal"  value="{{env('APP_ENV') != 'production' ? 'Lamongan' : ''}}">
          </div>
          <div class="form-group is-required" style="height: 70px">
            <label for="registerNIK">Jenis Kelamin</label>
            <div class="form-group row __web-inspector-hide-shortcut__">
              <div class="col-sm-4">
                <div class="form-check">
                  <label class="form-check-label">
                    <input type="radio" class="form-check-input" name="gender" id="membershipRadios1" value="Laki-laki" checked="">
                    Laki-laki
                  <i class="input-helper"></i></label>
                </div>
              </div>
              <div class="col-sm-5">
                <div class="form-check">
                  <label class="form-check-label">
                    <input type="radio" class="form-check-input" name="gender" id="membershipRadios2" value="Perempuan">
                    Perempuan
                  <i class="input-helper"></i></label>
                </div>
              </div>
            </div>
          </div>
          <div class="form-group is-required">
              <label for="">Pekerjaan</label>
              <input type="text" class="form-control" name="pekerjaan" placeholder="Pekerjaan" value="{{env('APP_ENV') != 'production' ? 'Bertani' : ''}}">
          </div>
          <div class="form-group is-required">
              <label for="registerUsername">Username</label>
              <input name="username" type="text" class="form-control {{$errors->has('username') ? 'is-invalid' : ''}}" id="registerUsername" placeholder="Username" required=""  value="{{env('APP_ENV') != 'production' ? 'admin1' : ''}}">
              @if($errors->has('username'))
                  <span class="text-danger">{{ $errors->first('username') }}</span>
              @endif
          </div>
          <div class="form-group form-password is-required">
              <label for="registerPassword">Password</label>
              <input name="password" type="password" class="form-control"  value="{{env('APP_ENV') != 'production' ? 'sandi1234' : ''}}">
          </div>
      </div>
      <div class="col-md-6">
          <div class="form-group is-required">
              <label for="registerName">Nama Lengkap</label>
              <input name="nama" type="text" class="form-control" id="registerName" required="" placeholder="Nama Lengkap"  value="{{env('APP_ENV') != 'production' ? 'Nama Lengkap' : ''}}">
          </div>
          <div class="form-group is-required">
              <label for="registerTanggalLahir">Tanggal Lahir</label>
              <div class="input-group date">
                  <input type="date" id="registerTanggalLahir" name="tanggal_lahir" required="" class="form-control" placeholder="Pilih Tanggal Lahir" value="{{env('APP_ENV') != 'production' ? date('Y-m-d') : ''}}">
              </div>
          </div>
          <div class="form-group is-required">
              <label for="registerPhone">No. Telp Aktif</label>
              <input name="hp" type="tel" class="form-control" id="registerPhone" placeholder="Minimal 8-14 Angka" required="" value="{{env('APP_ENV') != 'production' ? '089797988999' : ''}}">
          </div>
          <div class="form-group" style="height: 70px">
            <label for="registerdisability-selectized">Penyandang Disabilitas?</label>
            <select name="disabilitas" id="" class="form-control">
              <option value="0">Tidak</option>
              <option value="1">Iya</option>
            </select>
          </div>
          <div class="form-group is-required">
              <label for="registerEmail">Email</label>
              <input name="email" type="email" class="form-control {{$errors->has('email') ? 'is-invalid' : ''}}" id="registerEmail" placeholder="lapor@contoh.com" required="" value="{{env('APP_ENV') != 'production' ? 'email@go.id' : ''}}">
              @if($errors->has('email'))
                  <span class="text-danger">{{ $errors->first('email') }}</span>
              @endif
          </div>
          <div class="form-group form-password is-required">
              <label for="password_confirmation">Password Confirmation</label>
              <input name="password_confirmation" type="password" class="form-control" autocomplete="off" id="password_confirmation" placeholder="Minimal 8 karakter &amp; berisi alfanumerik" required="" value="{{env('APP_ENV') != 'production' ? 'sandi1234' : ''}}">
              <i class="fa fa-eye"></i>
          </div>
      </div>

      
      <div class="col-md-12">
          <div class="form-group light-checkbox">
              <input type="checkbox" id="tos" data-track-input="" name="tos" value="1" {{env('APP_ENV') != 'production' ? 'checked' : ''}} required> <label for="tos">Saya telah membaca dan menyetujui <a href="{{route('home.termsOfUse')}}" target="_blank">Syarat dan Ketentuan Layanan</a></label>
          </div>
          <div class="form-group">
              <button type="submit" class="btn btn-primary btn-block mg-t-20" data-attach-loading="">Daftar</button>
          </div>

      <div class="text-center mt-4 font-weight-light">
        Sudah Punya Akun ? <a href="{{route('user.login')}}" class="btn btn-link">Login</a><br>
        <a href="{{route('home')}}" class="btn btn-link">Kembali Ke HomePage</a>
      </div>
    </div>

    </div>
  </form>
</div>

@endsection

@section('script')
  @if (count($errors) > 0)
  <script>
      var texError = "{!!implode('<br>', $errors->all())!!}"

      Swal.fire('Gagal',texError,'error');
  </script>
  @endif
@endsection