@extends('admin.layouts.index')
@section('title', 'Halaman Admin SI PeSSUT')
@section('judul', 'User')
@section('subjudul', 'Halaman User')
@section('konten')
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-title"> Edit User </div>
                    <div class="panel-body table-responsive">
                <form method="post" action="{{ route('admin.user.update', $data->id) }}">
                    {!! csrf_field() !!}
                    {{ method_field('PUT') }}

                    @if(is_numeric($data->nama))
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('nama') ? ' has-error' : '' }}">
                            <label for="select2" class="form-label">Nama Posyandu</label>
                            <select class="form-control selectpicker" name="nama" data-live-search="true">
                                @foreach ( $datas as $key => $attr )
                                    <optgroup label="{{ $key }}">
                                        @foreach ( $attr as $bid => $values )
                                            <option @if($data->nama == $bid) selected @endif value="{{ $bid }}">{{ $values }}</option>
                                        @endforeach
                                    </optgroup>
                                @endforeach  
                                {{-- <option value="{{ $pos->id }}">{{ $pos->nama_posyandu }}</option> --}}
                            </select>
                            {{-- <select name="nama" class="form-control select2" placeholder="Nama Posyandu">
                                @foreach($posyandu as $pos)
                                    <option value="{{ $pos->id }}" @if($pos->id == $data->nama) selected @endif >{{ $pos->nama_posyandu }} | {{ $pos->kelurahan->keterangan_kelurahan }} </option>
                                @endforeach
                            </select> --}}
                            @if ($errors->has('nama'))
                            <span class="help-block">
                                <strong>{{ $errors->first('nama') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    @else
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('nama') ? ' has-error' : '' }}">
                            <label for="input1" class="form-label">Nama</label>
                            <input type="text" id="input1" name="nama" class="form-control" value="{{$data->nama}}" required>
                            @if ($errors->has('name'))
                            <span class="help-block">
                                <strong>{{ $errors->first('nama') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    @endif
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="input3" class="form-label">Email</label>
                            <input type="text" class="form-control" name="email" value="{{ $data->email }}" required>
                            @if ($errors->has('email'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('email') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            <label for="input7" class="form-label">Password</label>
                            <input type="password" id="input1" name="password" class="form-control" value="">
                            @if ($errors->has('password'))
                            <span class="help-block">
                                <strong>{{ $errors->first('password') }}</strong>
                            </span>
                            @else
                            <span class="help-block">
                                <strong>Kosongkan bila tidak ada perubahan password*</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('password_confirm') ? ' has-error' : '' }}">
                            <label for="input7" class="form-label">Confirm Password</label>
                            <input type="password" class="form-control" name="password_confirm" value="">
                            @if ($errors->has('password_confirm'))
                            <span class="help-block">
                                <strong>{{ $errors->first('password_confirm') }}</strong>
                            </span>
                            @else
                            <span class="help-block">
                                <strong>Kosongkan bila tidak ada perubahan password*</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('no_hp') ? ' has-error' : '' }}">
                            <label for="input4" class="form-label">Nomor Telpon</label>
                            <input type="text" id="input4" name="no_hp" class="form-control" value="{{ $data->no_hp }}" >
                            @if ($errors->has('no_hp'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('no_hp') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('alamat') ? ' has-error' : '' }}">
                            <label for="input6" class="form-label">Alamat</label>
                            <input type="text" class="form-control" name="alamat" value="{{ $data->alamat }}" >
                            @if ($errors->has('alamat'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('alamat') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('group_id') ? ' has-error' : '' }}">
                            <label for="select2" class="form-label">Hak Akses</label>
                            <select name="group_id" id="group_id" class="form-control select2" required>
                            <option value="">....</option>
                            @foreach ($grup as $item)
                                <option value="{{ $item->id }}" @if($item->id === $data->group_id){{ "SELECTED" }}@endif >{{ $item->nama }}</option>
                            @endforeach
                        </select>
                            @if ($errors->has('group_id'))
                            <span class="help-block">
                                <strong>{{ $errors->first('group_id') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="dynamic-content">
                        @if( strtolower($data->Group->nama) === 'posyandu kecamatan' )
                        <div class="col-md-12 col-lg-12">
                            <div class="form-group{{ $errors->has('kecamatan_id') ? ' has-error' : '' }}">
                            <label for="input3" class="form-label">Kecamatan</label>
                            <select name="kecamatan_id" id="kecamatan_id" class="form-control select2"
                              required>
                              <option value="">Pilih Kecamatan</option>
                              @foreach ($kecamatan as $item)
                              <option value="{{ $item->id }}" @if($item->id == $data->kecamatan_id) {{ "SELECTED" }} @endif> {{ $item->nama_vertikal }} </option>
                              @endforeach
                            </select>
                            @if ($errors->has('kecamatan_id'))
                            <span class="help-block">
                              <strong>{{ $errors->first('kecamatan_id') }}</strong>
                            </span>
                            @endif
                          </div>
                        </div>
                        @else
                        <div class="col-md-12 col-lg-12">
                            <div class="form-group{{ $errors->has('kelurahan_id') ? ' has-error' : '' }}">
                                <label for="input3" class="form-label">Kelurahan</label>
                                <select name="kelurahan_id" id="kelurahan_id" class="form-control select2" value="{{ old('kelurahan_id') }}"
                                  required>
                                  <option value="">Pilih kelurahan</option>
                                  @foreach ($kecamatan as $kec)
                                  <optgroup label="{{ $kec->nama_vertikal }}">
                                    @foreach ($kec->DataKelurahan as $kel)
                                    <option value="{{ $kel->kelurahan_id }}" @if($kel->kelurahan_id == $data->kelurahan_id){{ "SELECTED" }}@endif >{{ $kel->keterangan_kelurahan }}</option>
                                    @endforeach
                                  </optgroup>
                                  @endforeach
                                </select>
                                @if ($errors->has('kelurahan_id'))
                                <span class="help-block">
                                  <strong>{{ $errors->first('kelurahan_id') }}</strong>
                                </span>
                                @endif
                            </div>
                        </div>
                        @endif
                    </div>

                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('opd_id') ? ' has-error' : '' }}">
                            <label for="select2" class="form-label">Opd</label>
                            {{ Form::select('opd_id', $opd, $data->opd_id, ['class' => 'form-control select2', 'placeholder' => 'Opd...', 'data-live-search' => 'true']) }}
                            @if ($errors->has('opd_id'))
                            <span class="help-block">
                                <strong>{{ $errors->first('opd_id') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>

                    
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group{{ $errors->has('sebagai') ? ' has-error' : '' }}">
                            <label for="select2" class="form-label">Sebagai</label>
                            {{ Form::select('sebagai', ['Op' => 'Operator', 'Ur' => 'Urusan', 'Pd' => 'Perangkat Dinas', 'Pt' => 'Petugas Lapangan'], $data->whoami, ['class' => 'form-control select2', 'placeholder' => 'Sebagai...', 'data-live-search' => 'true']) }}
                            @if ($errors->has('sebagai'))
                            <span class="help-block">
                                <strong>{{ $errors->first('sebagai') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script>
    $(document).ready(function () {
      // When Hak Akses Posyandu Kecamatan / Kelurahan, Tambah Field
      $('#group_id').on('change', function () {
        const text = $(this).select2('data')[0]['text'];
        const wrapper = $('.dynamic-content');
        let el = '';

        wrapper.html('');

        if (text === "Posyandu Kecamatan") {
          el = `
          <div class="col-md-12 col-lg-12">
              <div class="form-group{{ $errors->has('kecamatan_id') ? ' has-error' : '' }}">
                  <label for="input3" class="form-label">Kecamatan</label>
                  <select name="kecamatan_id" id="kecamatan_id" class="form-control select2"
                      value="{{ old('kecamatan_id') }}" required>
                      <option value="">Pilih Kecamatan</option>
                      @foreach ($kecamatan as $item)
                      <option value="{{ $item->id }}"> {{ $item->nama_vertikal }} </option>
                      @endforeach
                  </select>
                  @if ($errors->has('kecamatan_id'))
                  <span class="help-block">
                      <strong>{{ $errors->first('kecamatan_id') }}</strong>
                  </span>
                  @endif
              </div>
          </div>
          `;

          wrapper.append(el);
        }else if(text === "Posyandu Kelurahan"){
          el = `
          <div class="col-md-12 col-lg-12">
              <div class="form-group{{ $errors->has('kelurahan_id') ? ' has-error' : '' }}">
                  <label for="input3" class="form-label">Kelurahan</label>
                  <select name="kelurahan_id" id="kelurahan_id" class="form-control select2"
                      value="{{ old('kelurahan_id') }}" required>
                      <option value="">Pilih kelurahan</option>
                      @foreach ($kecamatan as $kec)
                      <optgroup label="{{ $kec->nama_vertikal }}"">
                          @foreach ($kec->DataKelurahan as $kel)
                          <option value="{{ $kel->kelurahan_id }}">{{ $kel->keterangan_kelurahan }}</option>
                          @endforeach
                      </optgroup>
                      @endforeach
                  </select>
                  @if ($errors->has('kelurahan_id'))
                  <span class="help-block">
                      <strong>{{ $errors->first('kelurahan_id') }}</strong>
                  </span>
                  @endif
              </div>
          </div>
          `;

          wrapper.append(el);
        }

        // Set Ulang Select2
        $('.select2').select2();
      });
    });
</script>
@endpush