@extends('home.home-template')

@section('css')

@endsection

@section('content')

<!-- ======= Hero Section ======= -->
<section >
  <div class="container" style="margin-top: 70px">
    <div class="row">
      <div class="row justify-content-center">
        <div class="col-lg-10">
          <div class="section-title" style="padding-bottom: 0px">
              <img src="{{app('App\Helpers\Images')->urlImage($user->foto, $user->nama)}}" width="64px" class="mb-3" alt="" srcset="" class="">
              <h2>{{$user->nama}}</h2>
              <a href="{{route('user.home')}}" class="btn btn-outline-primary">Profil Saya</a>
              <a href="{{route('user.password.edit')}}" class="btn btn-outline-primary">Edit Password</a>
            </div>
        </div>

        <div class="col-lg-10" style="background-color: white;padding: 50px">
          <div class="profil-menu"></div>
          <div class="profil-content" >
            <form class="pt-3" action="{{route('user.profil.update')}}" method="POST" enctype="multipart/form-data"> @csrf @method('put')
                    <div class="form-group row mb-3">
                        <label for="registerNIK" class="col-sm-3 col-form-label">NIK</label>
                        <div class="col-sm-9">
                          <input name="nik" required type="text" class="form-control" id="registerNIK" placeholder="Nomor Induk Kependudukan (KTP)" value="{{$user->nik}}">
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <label for="domisili" class="col-sm-3 col-form-label">Tempat Tinggal Saat Ini</label>
                        <div class="col-sm-9">
                          <input type="text" required id="domisili" name="domisili" class="form-control" placeholder="Tempat Tinggal"  value="{{$user->domisili}}">
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                      <label for="gender" class="col-sm-3 col-form-label">Jenis Kelamin</label>
                      <div class="col-sm-9">
                        <div class="form-group row">
                          <div class="col-sm-4">
                            <div class="form-check">
                              <label class="form-check-label">
                                <input type="radio" required class="form-check-input" name="gender" id="membershipRadios1" value="Laki-laki" {{$user->gender == "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" required class="form-check-input" name="gender" id="membershipRadios2" value="Perempuan" {{$user->gender == "Perempuan" ? 'checked' : ''}}>
                                Perempuan
                              <i class="input-helper"></i></label>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-group row mb-3">
                        <label for="pekerjaan" class="col-sm-3 col-form-label">Pekerjaan</label>
                        <div class="col-sm-9">
                          <input type="text" required name="pekerjaan" class="form-control" name="pekerjaan" placeholder="Pekerjaan" value="{{$user->pekerjaan}}">
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <label for="nama" class="col-sm-3 col-form-label">Nama Lengkap</label>
                        <div class="col-sm-9">
                          <input name="nama" required type="text" class="form-control" id="nama" required="" placeholder="Nama Lengkap"  value="{{$user->nama}}">
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <label for="registerTanggalLahir" class="col-sm-3 col-form-label">Tanggal Lahir</label>
                        <div class="col-sm-9">
                            <input type="date" required id="registerTanggalLahir" name="tanggal_lahir" required="" class="form-control" placeholder="Pilih Tanggal Lahir" value="{{$user->tanggal_lahir}}">
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <label for="registerPhone" class="col-sm-3 col-form-label">No. Telp Aktif</label>
                        <div class="col-sm-9">
                          <input name="hp" required type="text" class="form-control" id="registerPhone" placeholder="Minimal 8-14 Angka" required="" value="{{$user->hp}}">
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                      <label for="siabilitas" class="col-sm-3 col-form-label">Penyandang Disabilitas?</label>
                      <div class="col-sm-9">
                        <select name="disabilitas" id="siabilitas" class="form-control">
                          <option value="0" {{$user->disabilitas == 0 ? 'selected' : ''}}>Tidak</option>
                          <option value="1" {{$user->disabilitas == 1 ? 'selected' : ''}}>Iya</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group row mb-3">
                      <label for="siabilitas" class="col-sm-3 col-form-label">Foto</label>
                      <div class="col-sm-9">
                        <input type="file" name="foto" id="" class="form-control" accept="image/*">
                      </div>
                    </div>
                    <div class="row mt-3">
                      <div class="col-sm-3"></div>
                      <div class="col-sm-9">
                        <button type="submit" class="btn btn-outline-primary float-right">Simpan</button>
                        <button type="reset" class="btn btn-outline-secondary">Reset Perubahan</button>
                      </div>
                    </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section><!-- End Hero -->

@endsection

@section('script')

@endsection