@extends('templates.master')

@section('breadcrumb')
  <div class="content content-full">
    <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
      <div class="flex-grow-1">
        <h1 class="h3 fw-bold mb-2">
          @php
          $title = "anggota"
          @endphp
          {{ strtoupper($title) }}
        </h1>
      </div>
      <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-alt">
          <li class="breadcrumb-item">
            <a class="link-fx" href="#">Dashboard</a>
          </li>
          <li class="breadcrumb-item">
            <a class="link-fx" href="#">{{ ucfirst($title) }}</a>
          </li>
          <li class="breadcrumb-item" aria-current="page">
            Tambah
          </li>
        </ol>
      </nav>
    </div>
  </div>
@endsection

@section('content')

  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">REGISTRASI {{ $title }}</h3>
      <a href="{{ url('anggota') }}/{{ session()->get('kantor') }}" class="btn btn-danger">Kembali</a>
    </div>
    <div class="block-content block-content-full">
      <div class="row">
        <div class="col">
          
            <nav>

              <div class="nav nav-pills nav-fill" id="nav-tab" role="tablist">
                <a class="nav-link" href="{{ url('anggota') }}/tambah/{{ session()->get('kantor') }}">Data Anggota</a>
                <a class="nav-link" href="{{ url('anggota-pasangan') }}/tambah/{{ session()->get('kantor') }}">Data Pasangan</a>
                <a class="nav-link active" id="step3-tab" data-bs-toggle="tab" href="#step3">Data Anggota Keluarga</a>
                <a class="nav-link" id="step3-tab" data-bs-toggle="tab" href="#step3">Aset Rumah Tangga</a>
                <a class="nav-link" id="step3-tab" data-bs-toggle="tab" href="#step3">Usaha Rumah Tangga</a>
                <a class="nav-link" id="step3-tab" data-bs-toggle="tab" href="#step3">Pendapatan</a>
              </div>
            </nav>

            <div class="tab-content py-5">

              <!-- Anggota asangan -->
              <div class="tab-pane fade show active" id="step1">
                {{-- <h4>Data Pasangan</h4> --}}
                <form action="{{ url('anggota-tanggungan') }}/store/{{ session()->get('kantor') }}" method="POST">
                  @csrf
                  <div class="row justify-content-center">
                    <div class="col-md-8">
                      <div class="block block-rounded">
                        <ul class="nav nav-tabs nav-tabs-alt" role="tablist">
                          
                          <li class="nav-item">
                            <a class="nav-link active" id="btabs-alt-static-home-tab" data-bs-toggle="tab" data-bs-target="#tanggungan1" role="tab" aria-controls="btabs-alt-static-home" aria-selected="false">Tanggungan 1</a>
                          </li>

                          <li class="nav-item">
                            <a class="nav-link" id="btabs-alt-static-profile-tab" data-bs-toggle="tab" data-bs-target="#tanggungan2" role="tab" aria-controls="btabs-alt-static-profile" aria-selected="true">Tanggungan 2</a>
                          </li>

                          <li class="nav-item">
                            <a class="nav-link" id="btabs-alt-static-profile-tab" data-bs-toggle="tab" data-bs-target="#tanggungan3" role="tab" aria-controls="btabs-alt-static-profile" aria-selected="true">Tanggungan 3</a>
                          </li>

                          <li class="nav-item">
                            <a class="nav-link" id="btabs-alt-static-profile-tab" data-bs-toggle="tab" data-bs-target="#tanggungan4" role="tab" aria-controls="btabs-alt-static-profile" aria-selected="true">Tanggungan 4</a>
                          </li>

                          <li class="nav-item">
                            <a class="nav-link" id="btabs-alt-static-profile-tab" data-bs-toggle="tab" data-bs-target="#tanggungan5" role="tab" aria-controls="btabs-alt-static-profile" aria-selected="true">Tanggungan 5</a>
                          </li>

                        </ul>
                        <div class="block-content tab-content">
                          <div class="tab-pane active" id="tanggungan1" role="tabpanel" aria-labelledby="btabs-alt-static-home-tab">
                            <h4 class="fw-normal">Tanggungan 1</h4>

                            <div class="form-group mb-4">
                              <label class="form-label">Anggota</label>
                              <select name="idanggota" class="form-control mb-4" required>
                                <option value="" hidden>-- Pilih --</option>
                                @foreach($anggota as $item)
                                <option value="{{ $item['IDANGGOTA'] }}">{{ $item['NAMA'] }} {{ $item['IDANGGOTA'] }}</option>
                                @endforeach
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Nomor</label>
                              <input type="text" class="form-control" name="nomor">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Nama</label>
                              <input type="text" class="form-control" name="nama">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Tanggal Lahir</label>
                              <input type="date" class="form-control" name="tglahir">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Hubungan</label>
                              <input type="text" class="form-control" name="hubungan">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Status Pernikahan</label>
                              <select class="form-select" name="stnikah">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Menikah</option>
                                <option value="2">Belum Menikah</option>
                                <option value="3">Cerai</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pekerjaan</label>
                              <select class="form-select" name="pekerj">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Belum Bekerja</option>
                                <option value="2">Ibu Rumah Tangga</option>
                                <option value="3">Nelayan</option>
                                <option value="4">Petani</option>
                                <option value="5">Karyawan</option>
                                <option value="6">Guru</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pendidikan</label>
                              <select class="form-select" name="penddk">
                                <option selected="">-- Pilih --</option>
                                <option value="01">Tidak Sekolah</option>
                                <option value="02">Kelas 1</option>
                                <option value="03">Kelas 2</option>
                                <option value="04">Kelas 3</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Jenis Kelamin</label>
                              <select class="form-select" id="example-select" name="jenkel">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Laki-laki</option>
                                <option value="2">Perempuan</option>
                              </select>
                            </div>

                          </div>

                          <div class="tab-pane" id="tanggungan2" role="tabpanel" aria-labelledby="btabs-alt-static-profile-tab">
                            <h4 class="fw-normal">Tanggungan 2</h4>
                            <div class="mb-4">
                              <label class="form-label">Nama</label>
                              <input type="text" class="form-control" name="nama1">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Tanggal Lahir</label>
                              <input type="date" class="form-control" name="tglahir1">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Hubungan</label>
                              <input type="text" class="form-control" name="hubungan1">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Status Pernikahan</label>
                              <select class="form-select" name="stnikah1">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Menikah</option>
                                <option value="2">Belum Menikah</option>
                                <option value="3">Cerai</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pekerjaan</label>
                              <select class="form-select" name="pekerj1">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Belum Bekerja</option>
                                <option value="2">Ibu Rumah Tangga</option>
                                <option value="3">Nelayan</option>
                                <option value="4">Petani</option>
                                <option value="5">Karyawan</option>
                                <option value="6">Guru</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pendidikan</label>
                              <select class="form-select" name="penddk1">
                                <option selected="">-- Pilih --</option>
                                <option value="01">Tidak Sekolah</option>
                                <option value="02">Kelas 1</option>
                                <option value="03">Kelas 2</option>
                                <option value="04">Kelas 3</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Jenis Kelamin</label>
                              <select class="form-select" name="jenkel1">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Laki-laki</option>
                                <option value="2">Perempuan</option>
                              </select>
                            </div>

                          </div>

                          <div class="tab-pane" id="tanggungan3" role="tabpanel" aria-labelledby="btabs-alt-static-profile-tab">
                            <h4 class="fw-normal">Tanggungan 3</h4>
                            <div class="mb-4">
                              <label class="form-label">Nama</label>
                              <input type="text" class="form-control" name="nama2">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Tanggal Lahir</label>
                              <input type="date" class="form-control" name="tglahir2">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Hubungan</label>
                              <input type="text" class="form-control" name="hubungan2">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Status Pernikahan</label>
                              <select class="form-select" name="stnikah2">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Menikah</option>
                                <option value="2">Belum Menikah</option>
                                <option value="3">Cerai</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pekerjaan</label>
                              <select class="form-select" name="pekerj2">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Belum Bekerja</option>
                                <option value="2">Ibu Rumah Tangga</option>
                                <option value="3">Nelayan</option>
                                <option value="4">Petani</option>
                                <option value="5">Karyawan</option>
                                <option value="6">Guru</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pendidikan</label>
                              <select class="form-select" name="penddk2">
                                <option selected="">-- Pilih --</option>
                                <option value="01">Tidak Sekolah</option>
                                <option value="02">Kelas 1</option>
                                <option value="03">Kelas 2</option>
                                <option value="04">Kelas 3</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Jenis Kelamin</label>
                              <select class="form-select" name="jenkel2">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Laki-laki</option>
                                <option value="2">Perempuan</option>
                              </select>
                            </div>

                          </div>

                          <div class="tab-pane" id="tanggungan4" role="tabpanel" aria-labelledby="btabs-alt-static-profile-tab">
                            <h4 class="fw-normal">Tanggungan 4</h4>
                            <div class="mb-4">
                              <label class="form-label">Nama</label>
                              <input type="text" class="form-control" name="nama3">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Tanggal Lahir</label>
                              <input type="date" class="form-control" name="tglahir3">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Hubungan</label>
                              <input type="text" class="form-control" name="hubungan3">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Status Pernikahan</label>
                              <select class="form-select" name="stnikah3">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Menikah</option>
                                <option value="2">Belum Menikah</option>
                                <option value="3">Cerai</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pekerjaan</label>
                              <select class="form-select" name="pekerj3">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Belum Bekerja</option>
                                <option value="2">Ibu Rumah Tangga</option>
                                <option value="3">Nelayan</option>
                                <option value="4">Petani</option>
                                <option value="5">Karyawan</option>
                                <option value="6">Guru</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pendidikan</label>
                              <select class="form-select" name="penddk3">
                                <option selected="">-- Pilih --</option>
                                <option value="01">Tidak Sekolah</option>
                                <option value="02">Kelas 1</option>
                                <option value="03">Kelas 2</option>
                                <option value="04">Kelas 3</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Jenis Kelamin</label>
                              <select class="form-select" name="jenkel3">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Laki-laki</option>
                                <option value="2">Perempuan</option>
                              </select>
                            </div>
                            
                          </div>

                          <div class="tab-pane" id="tanggungan5" role="tabpanel" aria-labelledby="btabs-alt-static-profile-tab">
                            <h4 class="fw-normal">Tanggungan 5</h4>
                            <div class="mb-4">
                              <label class="form-label">Nama</label>
                              <input type="text" class="form-control" name="nama4">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Tanggal Lahir</label>
                              <input type="date" class="form-control" name="tglahir4">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Hubungan</label>
                              <input type="text" class="form-control" name="hubungan4">
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Status Pernikahan</label>
                              <select class="form-select" name="stnikah4">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Menikah</option>
                                <option value="2">Belum Menikah</option>
                                <option value="3">Cerai</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pekerjaan</label>
                              <select class="form-select" name="pekerj4">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Belum Bekerja</option>
                                <option value="2">Ibu Rumah Tangga</option>
                                <option value="3">Nelayan</option>
                                <option value="4">Petani</option>
                                <option value="5">Karyawan</option>
                                <option value="6">Guru</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Pendidikan</label>
                              <select class="form-select" name="penddk4">
                                <option selected="">-- Pilih --</option>
                                <option value="01">Tidak Sekolah</option>
                                <option value="02">Kelas 1</option>
                                <option value="03">Kelas 2</option>
                                <option value="04">Kelas 3</option>
                              </select>
                            </div>

                            <div class="mb-4">
                              <label class="form-label">Jenis Kelamin</label>
                              <select class="form-select" name="jenkel4">
                                <option selected="">-- Pilih --</option>
                                <option value="1">Laki-laki</option>
                                <option value="2">Perempuan</option>
                              </select>
                            </div>
                            
                          </div>

                        </div>
                      </div>
                    </div>
                    
                  </div>
                  <div class="modal-footer">
                    <a href="{{ url('anggota') }}/{{ session()->get('kantor') }}" class="btn btn-secondary">Kembali</a>
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                </form>

              </div>
              {{-- End Anggota Pasangan --}}
            </div>
              
          </div>
        </div>
      </div>
  </div>

@endsection