{{--Form Add Tujuan Strategis--}}
<div class="modal fade" id="addTujuanStrategis" 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-info">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Formulir Tujuan Strategis
                </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="formAddTujuanStrategis">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formTujuanStrategisAddIsu" class="w-100" aria-label="formTujuanStrategisAddIsu">
                            <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>
                        <input id="formTujuanStrategisAddTujuanStrategis"
                               aria-label="formTujuanStrategisAddTujuanStrategis" type="text"
                               class="form-control" autocomplete="off" placeholder="Tulis tujuan strategis disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveTujuanStrategis(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 Tujuan Strategis--}}
<div class="modal fade" id="editTujuanStrategis" 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-info">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Perbaharui Tujuan Strategis
                </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="formEditTujuanStrategis">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formTujuanStrategisEditIsu" class="w-100" aria-label="formTujuanStrategisEditIsu">
                            <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>
                        <input id="formTujuanStrategisEditTujuanStrategis"
                               aria-label="formTujuanStrategisEditTujuanStrategis" type="text"
                               class="form-control" autocomplete="off"
                               placeholder="Tulis tujuan strategis disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateTujuanStrategis(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 Tujuan Strategis Indikator--}}
<div class="modal fade" id="addTujuanStrategisIndikator" 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-info">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Formulir Indikator Tujuan Strategis
                </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="formAddTujuanStrategisIndikator">
                    <div class="form-group">
                        <label>Indikator <code>*</code></label>
                        <input id="formTujuanStrategisIndikatorAddIndikator"
                               aria-label="formTujuanStrategisIndikatorAddIndikator" type="text"
                               class="form-control" autocomplete="off" placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Jenis Kualitas<code>*</code></label>
                        <select id="formTujuanStrategisIndikatorAddJenisKualitas" class="w-100"
                                aria-label="formTujuanStrategisIndikatorAddJenisKualitas">
                            <option></option>
                            <option value="impact">Impact</option>
                            <option value="outcome">Outcome</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formTujuanStrategisIndikatorAddSatuan"
                               aria-label="formTujuanStrategisIndikatorAddSatuan" 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="formTujuanStrategisIndikatorAddTipePerhitungan" class="w-100"
                                        aria-label="formTujuanStrategisIndikatorAddTipePerhitungan">
                                    <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="formTujuanStrategisIndikatorAddJenisPerhitungan" class="w-100"
                                        aria-label="formTujuanStrategisIndikatorAddJenisPerhitungan">
                                    <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="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       name="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       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="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       name="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       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="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       name="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       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="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       name="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       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="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       name="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetNasional[]"
                                       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="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveTujuanStrategisIndikator(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 Tujuan Strategis Indikator--}}
<div class="modal fade" id="editTujuanStrategisIndikator" 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-info">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Perbaharui Indikator Tujuan Strategis
                </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="formEditTujuanStrategisIndikator">
                    <div class="form-group">
                        <label>Indikator <code>*</code></label>
                        <input id="formTujuanStrategisIndikatorEditIndikator"
                               aria-label="formTujuanStrategisIndikatorEditIndikator" type="text"
                               class="form-control" autocomplete="off"
                               placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formTujuanStrategisIndikatorEditSatuan" aria-label="formTujuanStrategisEditSatuan"
                               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="formTujuanStrategisIndikatorEditTipePerhitungan" class="w-100"
                                        aria-label="formTujuanStrategisIndikatorEditTipePerhitungan">
                                    <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="formTujuanStrategisIndikatorEditJenisPerhitungan" class="w-100"
                                        aria-label="formTujuanStrategisIndikatorEditJenisPerhitungan">
                                    <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="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       name="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       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="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       name="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       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="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       name="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       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="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       name="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       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="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       name="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetNasional[]"
                                       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="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       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="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       name="formTujuanStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formTujuanStrategisAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateTujuanStrategisIndikator(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>