@extends('admin.layouts.index')
@section('title', 'Halaman Admin SI PeSSUT')
@section('judul', 'User Data')
@section('subjudul', 'Halaman User Data')
@section('konten')
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default">
        	<div class="panel-title"> Tambah Data Admin
        		<ul class="panel-tools">
        			<li><a class="icon minimise-tool"><i class="fa fa-minus"></i></a></li>
        			<li><a class="icon expand-tool"><i class="fa fa-expand"></i></a></li>
        			<li><a class="icon closed-tool"><i class="fa fa-times"></i></a></li>
        		</ul>
        	</div>
        	<div class="panel-body">
        		<form method="post" action="{{ route('admin.user.store') }}">
        			{!! csrf_field() !!}
        			<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="{{ old('nama') }}" required>
                        @if ($errors->has('name'))
                        <span class="help-block">
                            <strong>{{ $errors->first('nama') }}</strong>
                        </span>
                        @endif
                    </div>
                    <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="{{ old('email') }}" required>
                        @if ($errors->has('email'))
                        <span class="help-block">
                            <strong>{{ $errors->first('email') }}</strong>
                        </span>
                        @endif
                    </div>
                    <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                        <label for="input7" class="form-label">Password</label>
                        <input type="password" class="form-control" name="password" value="{{ old('password') }}" required>
                        @if ($errors->has('password'))
                        <span class="help-block">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                        @endif
                    </div>
                    
                    <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" value="{{ old('group_id') }}" required>
                          <option value="">....</option>
                          @foreach ($grup as $item)
                              <option value="{{ $item->id }}">{{ $item->nama }}</option>
                          @endforeach
                      </select>
                        @if ($errors->has('group_id'))
                        <span class="help-block">
                            <strong>{{ $errors->first('group_id') }}</strong>
                        </span>
                        @endif
                    </div>
                    <div class="dynamic-content">
                      
                    </div>
                    <div class="form-group{{ $errors->has('opd_id') ? ' has-error' : '' }}">
                        <label for="select2" class="form-label">Opd</label>
                        {{ Form::select('opd_id', $opd, null, ['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 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'], null, ['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>

                    <br>
                    <button type="submit" class="btn btn-primary">Submit</button>
                    <a href="{{ URL(Helper::backButton()) }}" class="btn btn-option2"><i class="fa fa-info"></i>Kembali</a>
                </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="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>
          `;

          wrapper.append(el);
        }else if(text === "Posyandu Kelurahan"){
          el = `
          <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>
          `;

          wrapper.append(el);
        }

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