{{--Form Add Kegiatan--}}
<div class="modal fade" id="addKegiatan" 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</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="formAddKegiatan">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formKegiatanAddIsu" class="w-100" aria-label="formKegiatanAddIsu">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Tujuan <code>*</code></label>
                        <select id="formKegiatanAddTujuan" class="w-100" aria-label="formKegiatanAddTujuan">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran <code>*</code></label>
                        <select id="formKegiatanAddSasaran" class="w-100" aria-label="formKegiatanAddSasaran">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Program <code>*</code></label>
                        <select id="formKegiatanAddProgram" class="w-100" aria-label="formKegiatanAddProgram">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Kegiatan <code>*</code></label>
                        <input id="formKegiatanAddKegiatan" aria-label="formKegiatanAddKegiatan" type="text" class="form-control"
                               autocomplete="off"
                               placeholder="Tulis kegiatan disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveKegiatan(this)" type="button" class="btn btn-success 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--}}
<div class="modal fade" id="editKegiatan" 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</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="formEditKegiatan">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formKegiatanEditIsu" class="w-100" aria-label="formKegiatanEditIsu">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Tujuan <code>*</code></label>
                        <select id="formKegiatanEditTujuan" class="w-100" aria-label="formKegiatanEditTujuan">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran <code>*</code></label>
                        <select id="formKegiatanEditSasaran" class="w-100" aria-label="formKegiatanEditSasaran">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Kegiatan <code>*</code></label>
                        <select id="formKegiatanEditKegiatan" class="w-100" aria-label="formKegiatanEditKegiatan">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Kegiatan <code>*</code></label>
                        <input id="formKegiatanEditKegiatan" type="text" class="form-control" autocomplete="off"
                               aria-label="formKegiatanEditKegiatan" placeholder="Tulis kegiatan disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateKegiatan(this)" type="button" class="btn btn-success 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 Indikator--}}
<div class="modal fade" id="addKegiatanIndikator" 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
                </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="formAddKegiatanIndikator">
                    <div class="alert alert-danger" role="alert" id="formKegiatanAddKegiatan"></div>
                    <div class="form-group">
                        <label>Indikator Kinerja <code>*</code></label>
                        <input id="formKegiatanAddIndikator" aria-label="formKegiatanAddIndikator" type="text" class="form-control"
                               autocomplete="off" placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formKegiatanAddSatuan" aria-label="formKegiatanAddSatuan" type="text" class="form-control"
                               autocomplete="off" placeholder="Tulis satuan disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveKegiatanIndikator(this)" type="button"
                        class="btn btn-success 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 Indikator--}}
<div class="modal fade" id="editKegiatanIndikator" 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
                </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="formEditKegiatanIndikator">
                    <div class="alert alert-danger" role="alert" id="formKegiatanEditKegiatan"></div>
                    <div class="form-group">
                        <label>Indikator Kinerja <code>*</code></label>
                        <input id="formKegiatanEditIndikator" aria-label="formKegiatanEditIndikator" type="text" class="form-control"
                               autocomplete="off" placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formKegiatanEditSatuan" aria-label="formKegiatanEditSatuan" type="text" class="form-control"
                               autocomplete="off" placeholder="Tulis satuan disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateKegiatanIndikator(this)" type="button"
                        class="btn btn-success 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>