@php
    $tahun_anggaran = tahunAnggaran();
    $tahun = $tahun_anggaran->target_tahun_pk;
    $target = $data->$tahun;
    $dataIndikator = App\Models\SasaranRealisasi::capaian($data->sasaran->id,$data->id_otomatis);
    if ($data->status_indikator==1) {
        $status_indikator='Positif';
    } else {
        $status_indikator='Negatif';
    }

    if ($data->kategori_indikator==1) {
        $kategori_indikator='Absolute';
    } else {
        $kategori_indikator='Incremental';
    }
    
    
@endphp

<div class="container-fluid" id="formSasaranDetil">
    <div class="row mt-1">
        <div class="col-md-12">
            <div class="card collapsed-card">
                <div class="card-header border-0 ui-sortable-handle" style="cursor: move;">
                    <h3 class="card-title">
                    <i class="fas fa-th mr-1"></i>
                    Riwayat Realisasi Bulan
                    </h3>
                    <div class="card-tools">
                    <button type="button" class="btn bg-primary btn-sm" data-card-widget="collapse">
                    <i class="fas fa-list"></i>
                    </button>
                    </div>
                </div>
                <div class="card-body" >
                <table  class="table table-bordered table-hover"  style="width: 100%; margin-top:-20px;">
                    <tr><td>Januari</td><td>Februari</td><td>Maret</td><td>April</td><td>Mei</td><td>Juni</td><td>Juli</td><td>Agustus</td><td>September</td><td>Oktober</td><td>November</td><td>Desember</td></tr>
                    <tr>
                        @for ($i = 1; $i <= 12; $i++)
                        @php
                            $realisasiBulan = $realisasi->where('bulan',$i)->first();
                            if (!empty($realisasiBulan)) {
                               $realisasiBulan = $realisasiBulan->realisasi;
                            }else{
                                $realisasiBulan = 0;
                            }
                        @endphp
                            <td>{{number_format($realisasiBulan, 2, '.', '.')}}</td>
                        @endfor
                        
                    </tr>
                </table>
                </div>
            </div>
        </div>
    </div>

<form id="datas">
    @csrf
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label>Sasaran</label>
                <input type="hidden"  value="{{$data->sasaran->id}}" name="id_sasaran" id="id_sasaran" class="form-control" readonly>
                <input type="text"  value="{{$data->sasaran->sasaran}}" name="sasaran" id="sasaran" class="form-control" readonly>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label>Indikator</label>
                <input type="hidden"  value="{{$data->id_otomatis}}" name="id_indikator" id="id_indikator" class="form-control" readonly>
                <input type="text"  value="{{$data->indikator}}" name="indikator" id="indikator" class="form-control" readonly>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">
            <label>Target</label>
            <input type="hidden" id="target"  value="{{$target}}" class="form-control" readonly>
            <input type="text"  value="{{number_format($target, 2, '.', '.')}}" class="form-control" readonly>
        </div>
        <div class="col-md-3">
            <label>Status | Kategori</label>
            <input type="text"  value="{{$status_indikator.' '.'|'.' '.$kategori_indikator}}" class="form-control" readonly>
        </div>
        <div class="col-md-3">
            <label>Realisasi</label>
            <input type="text"  value="{{number_format($dataIndikator['realisasi'], 2, '.', '.')}}" class="form-control" readonly>
        </div>
        <div class="col-md-3">
            <label>Capaian</label>
            <input type="text"  value="{{number_format($dataIndikator['capaian'], 2, '.', '.')}}" class="form-control" readonly>
        </div>
    </div>

   

    <div class="row mt-2">
        <div class="col-md-12">
            <div class="card ">
                <div class="card-header bg-success" style="cursor: move;">
                    <h3 class="card-title">
                    <i class="fas fa-line-chart"></i>
                    Tambah Realisasi
                    </h3>
                </div>
                <div class="card-body" >
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Realisasi</label>
                                    <select name="bulan" id="bulan"  class="form-control" style="width: 100%;">
                                        <option value="1" >Januari</option>
                                        <option value="2" >Februari</option>
                                        <option value="3" >Maret</option>
                                        <option value="4" >April</option>
                                        <option value="5" >Mei</option>
                                        <option value="6" >Juni</option>
                                        <option value="7" >Juli</option>
                                        <option value="8" >Agustus</option>
                                        <option value="9" >September</option>
                                        <option value="10" >Oktober</option>
                                        <option value="11" >November</option>
                                        <option value="12" >Desember</option>
                                    </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Realisasi</label>
                                <input type="text"   name="realisasi" id="realisasi" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <a style="cursor: pointer; " class="btn btn-primary" id="simpan">
                                <i class="fa fa-save"></i> Simpan
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

  
   

   
   
</form>
</div>





<script>
    $('#simpan').on('click', function(){
    var id_sasaran = $('#id_sasaran').val();
    var id_indikator = $('#id_indikator').val();
    var bulan = $('#bulan').val();
    var target=$('#target').val();
    var realisasi = $('#realisasi').val();
        swalWithBootstrapButtons.fire({
            title: 'Anda yakin menyimpan data?',
            icon: 'info',
            showCancelButton: true,
            cancelButtonText: 'Batal',
            confirmButtonText: 'Simpan',
            reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url:"{{ route('cis.store') }}",
                        type:'POST',
                        dataType: 'json',
                        cache: false,
                        data:{id_sasaran:id_sasaran,id_indikator:id_indikator,bulan:bulan,realisasi:realisasi,target:target, _token: "{{ csrf_token() }}"},
                            success: function(data){
                                $('#modalx').modal('hide');
                                reload(1,id_sasaran);
                                 if (data['status']==1) {
                                    Swal.fire({
                                        icon: 'success',
                                        title: 'Berhasil',
                                        text: 'Data Berhasil Dihapus..'
                                    });
                                }else{
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Oops...',
                                        text: 'Terjadi kesalahan'
                                    });
                                }
                                
                            },
                    });
                }
        }) 
     });
</script>




<script>
    $('.id_prog_keg').select2({
        theme: 'bootstrap4',
        placeholder: 'Pilih Dokumen'
    });
    $('.id_pegawai').select2({
        theme: 'bootstrap4',
        placeholder: 'Pilih Dokumen'
    });
</script>