{{--Form Add Kegiatan Utama--}}
<div class="modal fade" id="addKegiatanUtama" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content border-0">
            <div class="modal-header bg-success">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Formulir Kegiatan Utama
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><small><i data-feather="x-circle" class="text-white"></i></small></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formAddKegiatanUtama">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formKegiatanUtamaAddIsu" class="w-100" aria-label="formKegiatanUtamaAddIsu">
                            <option></option>
                            @if(isset($rIsuStrategis))
                                @foreach($rIsuStrategis as $isu)
                                    <option value="{!! $isu->id !!}">{!! $isu->isu_srategis !!}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Tujuan Strategis<code>*</code></label>
                        <select id="formKegiatanUtamaAddTujuanStrategis" class="w-100"
                                aria-label="formKegiatanUtamaAddTujuanStrategis">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran Strategis<code>*</code></label>
                        <select id="formKegiatanUtamaAddSasaranStrategis" class="w-100"
                                aria-label="formKegiatanUtamaAddSasaranStrategis">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran<code>*</code></label>
                        <select id="formKegiatanUtamaAddSasaran" class="w-100"
                                aria-label="formKegiatanUtamaAddSasaran">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Kegiatan Utama <code>*</code></label>
                        <input id="formKegiatanUtamaAddKegiatanUtama"
                               aria-label="formKegiatanUtamaAddKegiatanUtama" type="text"
                               class="form-control" autocomplete="off" placeholder="Tulis kegiatan utama disini....">
                    </div>
                    <div class="form-group">
                        <label>Koordinator Pelaksana <code>*</code></label>
                        <select id="formKegiatanUtamaAddKoordinatorPelaksana" class="w-100"
                                aria-label="formKegiatanUtamaAddKoordinatorPelaksana">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Pelaksana <code>*</code></label>
                        <select id="formKegiatanUtamaAddPelaksana" class="w-100" multiple="multiple"
                                aria-label="formKegiatanUtamaAddPelaksana">
                            <option></option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveKegiatanUtama(this)" type="button"
                        class="btn btn-info text-uppercase text-white">
                    Simpan
                </button>
                <button type="button" class="btn btn-outline-secondary text-uppercase" data-dismiss="modal">
                    Batal
                </button>
            </div>
        </div>
    </div>
</div>

{{--Form Edit Kegiatan Utama--}}
<div class="modal fade" id="editKegiatanUtama" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content border-0">
            <div class="modal-header bg-success">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Perbaharui Kegiatan Utama
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><small><i data-feather="x-circle" class="text-white"></i></small></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formEditKegiatanUtama">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formKegiatanUtamaEditIsu" class="w-100" aria-label="formKegiatanUtamaEditIsu">
                            <option></option>
                            @if(isset($rIsuStrategis))
                                @foreach($rIsuStrategis as $isu)
                                    <option value="{!! $isu->id !!}">{!! $isu->isu_srategis !!}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Tujuan Strategis<code>*</code></label>
                        <select id="formKegiatanUtamaEditTujuanStrategis" class="w-100"
                                aria-label="formKegiatanUtamaEditTujuanStrategis">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran Strategis<code>*</code></label>
                        <select id="formKegiatanUtamaEditSasaranStrategis" class="w-100"
                                aria-label="formKegiatanUtamaEditSasaranStrategis">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran<code>*</code></label>
                        <select id="formKegiatanUtamaEditSasaran" class="w-100"
                                aria-label="formKegiatanUtamaEditSasaran">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Kegiatan Utama <code>*</code></label>
                        <input id="formKegiatanUtamaEditKegiatanUtama"
                               aria-label="formKegiatanUtamaEditKegiatanUtama" type="text"
                               class="form-control" autocomplete="off"
                               placeholder="Tulis kegiatan utama disini....">
                    </div>
                    <div class="form-group">
                        <label>Koordinator Pelaksana <code>*</code></label>
                        <select id="formKegiatanUtamaEditKoordinatorPelaksana" class="w-100"
                                aria-label="formKegiatanUtamaEditKoordinatorPelaksana">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Pelaksana <code>*</code></label>
                        <select id="formKegiatanUtamaEditPelaksana" class="w-100" multiple="multiple"
                                aria-label="formKegiatanUtamaEditPelaksana">
                            <option></option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateKegiatanUtama(this)" type="button"
                        class="btn btn-info text-uppercase text-white">
                    Perbaharui
                </button>
                <button type="button" class="btn btn-outline-secondary text-uppercase" data-dismiss="modal">
                    Batal
                </button>
            </div>
        </div>
    </div>
</div>

{{--Form Add Kegiatan Utama Indikator--}}
<div class="modal fade" id="addKegiatanUtamaIndikator" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content border-0">
            <div class="modal-header bg-success">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Formulir Indikator Kegiatan Utama
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><small><i data-feather="x-circle" class="text-white"></i></small></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formAddKegiatanUtamaIndikator">
                    <div class="form-group">
                        <label>Indikator <code>*</code></label>
                        <input id="formKegiatanUtamaIndikatorAddIndikator"
                               aria-label="formKegiatanUtamaIndikatorAddIndikator" type="text"
                               class="form-control" autocomplete="off" placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formKegiatanUtamaIndikatorAddSatuan"
                               aria-label="formKegiatanUtamaIndikatorAddSatuan" type="text" class="form-control"
                               autocomplete="off" placeholder="Tulis satuan disini....">
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Tipe Perhitungan<code>*</code></label>
                                <select id="formKegiatanUtamaIndikatorAddTipePerhitungan" class="w-100"
                                        aria-label="formKegiatanUtamaIndikatorAddTipePerhitungan">
                                    <option></option>
                                    <option value="komulatif">Komulatif</option>
                                    <option value="non_komulatif">Non Komulatif</option>
                                    <option value="lainnya">Lainnya</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Jenis Perhitungan<code>*</code></label>
                                <select id="formKegiatanUtamaIndikatorAddJenisPerhitungan" class="w-100"
                                        aria-label="formKegiatanUtamaIndikatorAddJenisPerhitungan">
                                    <option></option>
                                    <option value="positif">Positif</option>
                                    <option value="negatif">Negatif</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveSasaranIndikator(this)" type="button"
                        class="btn btn-info text-uppercase text-white">
                    Simpan
                </button>
                <button type="button" class="btn btn-outline-secondary text-uppercase" data-dismiss="modal">
                    Batal
                </button>
            </div>
        </div>
    </div>
</div>

{{--Form Edit Kegiatan Utama Indikator--}}
<div class="modal fade" id="editKegiatanUtamaIndikator" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content border-0">
            <div class="modal-header bg-success">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Perbaharui Indikator Kegiatan Utama
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><small><i data-feather="x-circle" class="text-white"></i></small></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formEditKegiatanUtamaIndikator">
                    <div class="form-group">
                        <label>Indikator <code>*</code></label>
                        <input id="formKegiatanUtamaIndikatorEditIndikator"
                               aria-label="formKegiatanUtamaIndikatorEditIndikator" type="text"
                               class="form-control" autocomplete="off"
                               placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formKegiatanUtamaIndikatorEditSatuan" aria-label="formKegiatanUtamaEditSatuan"
                               type="text"
                               class="form-control" autocomplete="off"
                               placeholder="Tulis satuan disini....">
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Tipe Perhitungan<code>*</code></label>
                                <select id="formKegiatanUtamaIndikatorEditTipePerhitungan" class="w-100"
                                        aria-label="formKegiatanUtamaIndikatorEditTipePerhitungan">
                                    <option></option>
                                    <option value="komulatif">Komulatif</option>
                                    <option value="non_komulatif">Non Komulatif</option>
                                    <option value="lainnya">Lainnya</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Jenis Perhitungan<code>*</code></label>
                                <select id="formKegiatanUtamaIndikatorEditJenisPerhitungan" class="w-100"
                                        aria-label="formKegiatanUtamaIndikatorEditJenisPerhitungan">
                                    <option></option>
                                    <option value="positif">Positif</option>
                                    <option value="negatif">Negatif</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Nasional Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       name="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetNasional[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6">
                            <div class="form-group">
                                <label>Target Daerah Tahun <code>*</code></label>
                                <input id="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       name="formKegiatanUtamaIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formKegiatanUtamaAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateSasaranIndikator(this)" type="button"
                        class="btn btn-info text-uppercase text-white">
                    Simpan
                </button>
                <button type="button" class="btn btn-outline-secondary text-uppercase" data-dismiss="modal">
                    Batal
                </button>
            </div>
        </div>
    </div>
</div>