@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">EDIT {{ $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">
          <form action="{{ url('/anggota-pasangan') }}/{{ session()->get('kantor') }}" method="POST">
            @csrf
            <nav>
              @foreach ($anggota_pasangan as $pas)
                <div class="nav nav-pills nav-fill" id="nav-tab" role="tablist">
                    <a class="nav-link" href="{{ url('anggota') }}/edit/{{ session()->get('kantor') }}/{{ $pas['IDANGGOTA'] }}">Data Anggota</a>
                    <a class="nav-link active" href="#">Data Pasangan</a>
                    <a class="nav-link" href="{{ url('anggota-tanggungan') }}/edit/{{ session()->get('kantor') }}/{{ $pas['IDANGGOTA'] }}">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>
              @endforeach
            </nav>

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

              <!-- Anggota asangan -->
              <div class="tab-pane fade show active" id="step1">
                {{-- <h4>Data Pasangan</h4> --}}
                
                @foreach ($anggota_pasangan as $item)
                  <div class="row justify-content-center">
                    <div class="col-md-6">

                      <div class="form-group">
                        <input type="hidden" class="form-control mb-4" name="idanggota" value="{{ $item['IDANGGOTA'] }}" readonly>
                      </div>

                      <div class="form-group">
                        <label>Nama</label>
                        <input type="text" class="form-control mb-4" name="nama" value="{{ $item['NAMA'] }}" required>
                      </div>

                      <div class="form-group">
                        <label>Tempat Lahir</label>
                        <input type="text" class="form-control mb-4" name="tmplahir" value="{{ $item['TMPLAHIR'] }}" required>
                      </div>

                      <div class="form-group">
                        <label>Tanggal Lahir</label>
                        <input type="date" class="form-control mb-4" name="tglahir" value="{{ date('Y-m-d', strtotime($item['TGLAHIR'])) }}" required>
                      </div>

                      <div class="form-group">
                        <label>Pendidikan</label>
                        <select name="penddk" class="form-control mb-4" required>
                          <option value="" hidden>-- Pilih --</option>
                          <option value="01"
                            @if ($item['PENDDK'] == '01')
                              selected
                            @endif
                          >Kelas 1</option>
                          <option value="02"
                            @if ($item['PENDDK'] == '02')
                              selected
                            @endif
                          >Kelas 2</option>
                          <option value="03"
                            @if ($item['PENDDK'] == '03')
                              selected
                            @endif
                          >Kelas 3</option>
                        </select>
                      </div>

                      <div class="col">
                        <div class="row">
                          <div class="col">
                            <div class="form-group">
                              <label>Jenis Pekerjaan</label>
                              <select name="pekerj" class="form-control mb-4" required>
                                  <option value="" hidden>-- Pilih --</option>
                                  <option value="01"
                                  @if ($item['PEKERJ'] == '01')
                                      selected
                                  @endif
                                  >Swasta</option>
                                  <option value="02"
                                  @if ($item['PEKERJ'] == '02')
                                      selected
                                  @endif
                                  >PNS</option>
                              </select>
                            </div>
                          </div>

                          <div class="col-md-8">
                            <div class="form-group">
                              <label>Keterangan</label>
                              <input type="text" class="form-control mb-4" name="ketkerj" value="{{ $item['KETKERJ'] }}" required>
                            </div>
                          </div>
                          
                        </div>
                      </div>

                      <div class="form-group">
                        <label>Agama</label>
                        <select name="agama" class="form-control mb-4" required>
                          <option value="" hidden>-- Pilih --</option>
                          <option value="1"
                            @if ($item['AGAMA'] == '1')
                              selected
                            @endif
                          >Islam</option>
                          <option value="2"
                            @if ($item['AGAMA'] == '2')
                              selected
                            @endif
                          >Kristen</option>
                          <option value="3"
                            @if ($item['AGAMA'] == '3')
                              selected
                            @endif
                          >Hindu</option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <a href="{{ url('anggota') }}/{{ session()->get('kantor') }}">Batal</a>
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                @endforeach
              </div>
              {{-- End Anggota Pasangan --}}
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

@endsection