{{--Form Add Sasaran Strategis--}}
<div class="modal fade" id="addSasaranStrategis" 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-danger">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Formulir Sasaran 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="formAddSasaranStrategis">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formSasaranStrategisAddIsu" class="w-100" aria-label="formSasaranStrategisAddIsu">
                            <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="formSasaranStrategisAddTujuanStrategis" class="w-100"
                                aria-label="formSasaranStrategisAddTujuanStrategis">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran Strategis <code>*</code></label>
                        <input id="formSasaranStrategisAddSasaranStrategis"
                               aria-label="formSasaranStrategisAddSasaranStrategis" type="text"
                               class="form-control" autocomplete="off" placeholder="Tulis Sasaran strategis disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveSasaranStrategis(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 Sasaran Strategis--}}
<div class="modal fade" id="editSasaranStrategis" 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-danger">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Perbaharui Sasaran 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="formEditSasaranStrategis">
                    <div class="form-group">
                        <label>Isu Strategis<code>*</code></label>
                        <select id="formSasaranStrategisEditIsu" class="w-100" aria-label="formSasaranStrategisEditIsu">
                            <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="formSasaranStrategisEditTujuanStrategis" class="w-100"
                                aria-label="formSasaranStrategisEditTujuanStrategis">
                            <option></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Sasaran Strategis <code>*</code></label>
                        <input id="formSasaranStrategisEditSasaranStrategis"
                               aria-label="formSasaranStrategisEditSasaranStrategis" type="text"
                               class="form-control" autocomplete="off"
                               placeholder="Tulis Sasaran strategis disini....">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateSasaranStrategis(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 Sasaran Strategis Indikator--}}
<div class="modal fade" id="addSasaranStrategisIndikator" 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-danger">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Formulir Indikator Sasaran 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="formAddSasaranStrategisIndikator">
                    <div class="form-group">
                        <label>Indikator <code>*</code></label>
                        <input id="formSasaranStrategisIndikatorAddIndikator"
                               aria-label="formSasaranStrategisIndikatorAddIndikator" type="text"
                               class="form-control" autocomplete="off" placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formSasaranStrategisIndikatorAddSatuan"
                               aria-label="formSasaranStrategisIndikatorAddSatuan" 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="formSasaranStrategisIndikatorAddTipePerhitungan" class="w-100"
                                        aria-label="formSasaranStrategisIndikatorAddTipePerhitungan">
                                    <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="formSasaranStrategisIndikatorAddJenisPerhitungan" class="w-100"
                                        aria-label="formSasaranStrategisIndikatorAddJenisPerhitungan">
                                    <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="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       name="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       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="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       name="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       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="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       name="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       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="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       name="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       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="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       name="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetNasional[]"
                                       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="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorAddTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveSasaranStrategisIndikator(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 Sasaran Strategis Indikator--}}
<div class="modal fade" id="editSasaranStrategisIndikator" 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-danger">
                <h5 class="modal-title text-uppercase text-white" id="exampleModalLabel">
                    Perbaharui Indikator Sasaran 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="formEditSasaranStrategisIndikator">
                    <div class="form-group">
                        <label>Indikator <code>*</code></label>
                        <input id="formSasaranStrategisIndikatorEditIndikator"
                               aria-label="formSasaranStrategisIndikatorEditIndikator" type="text"
                               class="form-control" autocomplete="off"
                               placeholder="Tulis indikator kinerja disini....">
                    </div>
                    <div class="form-group">
                        <label>Satuan <code>*</code></label>
                        <input id="formSasaranStrategisIndikatorEditSatuan" aria-label="formSasaranStrategisEditSatuan"
                               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="formSasaranStrategisIndikatorEditTipePerhitungan" class="w-100"
                                        aria-label="formSasaranStrategisIndikatorEditTipePerhitungan">
                                    <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="formSasaranStrategisIndikatorEditJenisPerhitungan" class="w-100"
                                        aria-label="formSasaranStrategisIndikatorEditJenisPerhitungan">
                                    <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="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       name="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       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="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       name="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       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="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       name="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       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="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       name="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       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="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       name="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetNasional[]"
                                       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="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       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="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       name="formSasaranStrategisIndikatorEditTargetDaerah[]"
                                       type="text" class="form-control" autocomplete="off"
                                       aria-label="formSasaranStrategisAddTargetDaerah[]"
                                       placeholder="Tulis target disini...">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateSasaranStrategisIndikator(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>