@extends('layout.master')
@section('parentPageTitle', 'Hibah')
@section('title', 'Pengajuan Hibah Pengabdian Masyarakat')


@section('content')
<div class="section-body mt-3">
    <div class="container-fluid">
        <div class="card">
            <div class="card-body">
                <h6>Hibah Internal</h6>
                <form method="post" action="{{route('hibah.abdimas.create')}}">
                @csrf
                    @if(Session::has('alert'))
                        <div class="alert alert-danger">
                            <div><button type="button" class="close" data-dismiss="alert"></button> &nbsp;&nbsp; {{Session::get('alert')}}</div>
                        </div>
                    @endif
                    <div class="form-group row">
                        <label for="jenis_program" class="col-sm-2 col-form-label"><b>Jenis Program</b></label>
                        <div class="col-sm-12">
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="jenis_program_1" checked value="Kompetitif" name="jenis_program" class="custom-control-input jenis_program">
                                <label class="custom-control-label" for="jenis_program_1">Kompetitif</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="jenis_program_2"  value="Unggulan" name="jenis_program" class="custom-control-input jenis_program">
                                <label class="custom-control-label" for="jenis_program_2">Unggulan</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="jenis_program_3"  value="Internal" name="jenis_program" class="custom-control-input jenis_program">
                                <label class="custom-control-label" for="jenis_program_3">Internal</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="tahun_pelaksanaan" class="col-sm-4 col-form-label"><b>Tujuan Hibah</b></label>
                        <div class="col-sm-6">
                            <select class="form-control" name="hibah_untuk">
                                <option value="0">-- Pilih Tujuan Hibah --</option>
                                @foreach($arrUntuk as $val)
                                <option value="{{$val['id']}}">{{$val['name']}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="tahun_usulan" class="col-sm-2 col-form-label"><b>Tahun Usulan</b></label>
                        <div class="col-sm-6">
                            <select class="form-control" name="tahun_usulan">
                                                                @for($i=date('Y');$i<=$curr;$i++)
                                <option value="{{$i}}">{{$i}}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="tahun_pelaksanaan" class="col-sm-4 col-form-label"><b>Tahun Pelaksanaan</b></label>
                        <div class="col-sm-6">
                            <select class="form-control" name="tahun_pelaksanaan">
                                <option value="0">-- Pilih Tahun Pelaksanaan --</option>
                                                                @for($i=date('Y');$i<=$curr;$i++)
                                <option value="{{$i}}">{{$i}}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="syarat_hibah" class="col-sm-2 col-form-label"><b>Cek Syarat Hibah</b></label>
                        <div class="col-sm-12">
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="syarat_hibah_1" name="syarat_hibah" value="1" class="custom-control-input syarat_hibah">
                                <label class="custom-control-label" for="syarat_hibah_1">Ada Syarat</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" checked id="syarat_hibah_2" name="syarat_hibah" value="0" class="custom-control-input syarat_hibah">
                                <label class="custom-control-label" for="syarat_hibah_2">Tanpa Syarat</label>
                            </div>
                        </div>
                        <div id="showtombolsyarat" style="display:none;" class="col-sm-12 mt-10">
                            <p><a href="#" data-toggle="modal" data-target="#syarat_hibah">Klik untuk melihat syarat</a></p>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="jumlah_dana" class="col-sm-4 col-form-label"><b>Jumlah Dana (Rupiah)</b></label>
                        <div class="col-sm-6">
                            <input type="text" value="0" class="form-control nums" style="text-align:right;" id="jumlah_dana" name="jumlah_dana" placeholder="Jumlah Dana (Rupiah)">
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label for="lama_pelaksanaan" class="col-sm-6 col-form-label"><b>Lama Pelaksanaan Kegiatan (dalam Bulan)</b></label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control num" style="text-align:right;" id="lama_pelaksanaan" name="lama_pelaksanaan" placeholder="0">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="lama_penyerahan" class="col-sm-6 col-form-label"><b>Lama Penyerahan Proposal (dalam hari)</b></label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control num" style="text-align:right;" id="lama_penyerahan" name="lama_penyerahan" placeholder="0">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="lama_seleksi" class="col-sm-6 col-form-label"><b>Lama Seleksi Proposal (dalam hari)</b></label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control num" style="text-align:right;" id="lama_seleksi" name="lama_seleksi" placeholder="0">
                        </div>
                    </div>
                    <!-- <div class="form-group row">
                        <div class="col-sm-12">
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th><b>Item Kegiatan</b></th>
                                            <th><b>Mulai</b></th>
                                            <th><b>Selesai</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Laporan Awal</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanAwal][nama]" value="Laporan Awal">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanAwal][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanAwal][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Laporan Harian</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanHarian][nama]" value="Laporan Harian">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanHarian][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanHarian][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Laporan Kemajuan</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanKemajuan][nama]" value="Laporan Kemajuan">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanKemajuan][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanKemajuan][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Laporan Akhir</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanAkhir][nama]" value="Laporan Akhir">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanAkhir][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanAkhir][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Laporan SPTB</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanSPTB][nama]" value="Laporan SPTB">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanSPTB][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanSPTB][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Laporan Belanja</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanBelanja][nama]" value="Laporan Belanja">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanBelanja][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanBelanja][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Laporan Luaran Wajib</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanLuaranWajib][nama]" value="Laporan Luaran Wajib">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanLuaranWajib][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanLuaranWajib][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Laporan Luaran Tambahan</td>
                                            <td>
                                                <input type="hidden" name="laporan[LaporanLuaranTambahan][nama]" value="Laporan Luaran Tambahan">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[LaporanLuaranTambahan][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[LaporanLuaranTambahan][end_date]">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Pengembalian Dana</td>
                                            <td>
                                                <input type="hidden" name="laporan[PengembalianDana][nama]" value="Pengembalian Dana">
                                                <input type="text" placeholder="Start Date" class="form-control datepickers" name="laporan[PengembalianDana][start_date]">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="End Date" class="form-control datepickers" name="laporan[PengembalianDana][end_date]">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div> -->
                    <div class="col-6">
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input cb" name="lokasi_abdimas_sekitar_kampus" id="lokasi_abdimas_sekitar_kampus" value="1">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><b>Diutamakan Lokasi Pengabdian Masyarakat di sekitar Kampus</b></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input cb" name="abdimas_terkait_penelitian" id="abdimas_terkait_penelitian" value="1">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><b>Diutamakan Pengabdian Masyarakat terkait hasil Penelitian</b></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label for="lama_dana" class="col-sm-4 col-form-label"><b>Simpan dengan Status</b></label>
                        <div class="col-sm-6">
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="status_1" value="Draf" name="status" class="custom-control-input status">
                                <label class="custom-control-label" for="status_1">Draf</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="status_2" checked value="Menunggu Persetujuan" name="status" class="custom-control-input status">
                                <label class="custom-control-label" for="status_2">Menunggu Persetujuan</label>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" value="[]" id="syarat_hibah_hidden" name="syarat_hibah_json">
                    <input type="hidden" value="[]" id="exception_hibah_hidden" name="exception_hibah_json">
                    <div class="form-group row">
                        <div class="col-sm-10">
                            <button type="submit" class="btn btn-primary">Simpan Pengajuan</button>
                            <!--<button type="button" class="btn btn-danger">Simpan sebagai Draf</button>-->
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>            
</div>

<div class="modal fade" id="syarat_hibah" tabindex="-1"  data-keyboard="false" data-backdrop="static" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Syarat Mengikuti Hibah ini</h5>
                <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
            </div>
            <div class="modal-body">
                <div class="row clearfix">
                    <div class="col-12">
                        <div class="form-group mt-2 mb-3">
                            <form id="form_syarat">
                                <div class="form-group row">
                                    <div class="col-sm-12">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input cb" name="syarat[]" id="cbs1" value="Bukan Pemenang Ristek Dikti">
                                            <span class="custom-control-label">&nbsp;Bukan Pemenang Kemenristekdikti Periode saat ini</span>
                                        </label>
                                        <div id="showException" class="row pl-30 pr-30 pt-10">
                                            <select class="selectpicker form-control" name="selectException" id="selectException" multiple data-selected-text-format="count > 2" data-live-search="true">
                                                @foreach($data as $d)
                                                <option value="{{$d['nidn']}}">{{$d['nama_dosen']}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-12">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input cb" name="syarat[]" id="cbs2" value="Minimal Pangkat">
                                            <span class="custom-control-label">&nbsp;Jabatan Fungsional (Pangkat) Ketua Tim Minimal :</span>
                                        </label>
                                        <div class="row">
                                            <div class="custom-control custom-radio custom-control-inline ml-35 mt-10">
                                                <input type="radio" id="syarat_pangkat4"  value="Guru Besar" name="syarat_pangkat" class="custom-control-input syarat_pangkat">
                                                <label class="custom-control-label" for="syarat_pangkat4">Guru Besar</label>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="custom-control custom-radio custom-control-inline ml-35 mt-10">
                                                <input type="radio" id="syarat_pangkat3"  value="Lektor Kepala" name="syarat_pangkat" class="custom-control-input syarat_pangkat">
                                                <label class="custom-control-label" for="syarat_pangkat3">Lektor Kepala</label>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="custom-control custom-radio custom-control-inline ml-35 mt-10">
                                                <input type="radio" id="syarat_pangkat1"  value="Lektor" name="syarat_pangkat" class="custom-control-input syarat_pangkat">
                                                <label class="custom-control-label" for="syarat_pangkat1">Lektor</label>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="custom-control custom-radio custom-control-inline ml-35 mt-10">
                                                <input type="radio" id="syarat_pangkat2"  value="Asisten Ahli" name="syarat_pangkat" class="custom-control-input syarat_pangkat">
                                                <label class="custom-control-label" for="syarat_pangkat2">Asisten Ahli</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-12">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input cb" name="syarat[]" id="cbs3" value="Memiliki Sinta ID">
                                            <span class="custom-control-label">&nbsp;Memiliki Sinta ID</span>
                                        </label>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="btnbatalsyarat">Batal</button>
                <button type="button" id="btnsimpansyarat" class="btn btn-primary">Simpan</button>
            </div>
        </div>
    </div>
</div>
@stop

@section('page-styles')
<link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.min.css') }}">
@stop

@section('page-script')
<script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>

<script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/js/core.js') }}"></script>
<script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
<script>
    $(function() {
        "use strict";

        var date = new Date();
        date.setDate(date.getDate());

        $('.datepickers').datepicker({
            format: "dd-mm-yyyy",
            orientation: "bottom",
            startDate: date,
            clearBtn: true
        });  
    });
</script>
@stop