{{--Form Add Program--}}
<div class="modal fade" id="addProgram" 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-primary-muted">
                <h5 class="modal-title text-uppercase text-primary" id="exampleModalLabel">Formulir Program RPJMD</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><small><i data-feather="x-circle" class="text-primary"></i></small></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formAddProgram">
                    <div class="form-group">
                        <label>Sasaran <code>*</code></label>
                        <select id="fieldAddSasaran" class="w-100" aria-label="fieldAddSasaran">
                            <option></option>
                            @foreach ($rpjmdSasaran as $sasaran)
                                <option value="{!! $sasaran->id !!}">{!! $sasaran->sasaran !!}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Program <code>*</code></label>
                        <select id="fieldAddProgram" class="w-100" aria-label="fieldAddProgram" multiple>
                            @foreach ($nomenklaturProgram as $program)
                                <option value="{!! $program->kode_perencanaan !!}">
                                    {!! $program->kode_perencanaan.' - '.$program->nama() !!}</option>
                            @endforeach
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="saveProgram(this)" type="button" class="btn btn-primary 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 Program--}}
<div class="modal fade" id="editProgram" 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-primary-muted">
                <h5 class="modal-title text-uppercase text-primary" id="exampleModalLabel">Perbaharui Program RPJMD</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><small><i data-feather="x-circle" class="text-primary"></i></small></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="formEditProgram">
                    <div class="form-group">
                        <label>Sasaran <code>*</code></label>
                        <select id="fieldEditSasaran" class="w-100" aria-label="fieldEditSasaran">
                            <option></option>
                            @foreach ($rpjmdSasaran as $sasaran)
                                <option value="{!! $sasaran->id !!}">{!! $sasaran->sasaran !!}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Program <code>*</code></label>
                        <select id="fieldEditProgram" class="w-100" aria-label="fieldEditProgram" multiple>
                            @foreach ($nomenklaturProgram as $program)
                                <option value="{!! $program->kode_perencanaan !!}">
                                    {!! $program->kode_perencanaan.' - '.$program->nama() !!}</option>
                            @endforeach
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button onclick="updateProgram(this)" type="button" class="btn btn-primary 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>