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

@section('content')
<div class="section-body mt-3">
    <div class="container-fluid">
        <div class="card">
            <div class="card-body">
                <h6>Buat Pengajuan Insentif</h6>
                <form method="POST" action="{{route('insentif.pengajuan.store')}}">
                @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="start_date" class="col-sm-4 col-form-label"><b>Pengajuan Untuk</b></label>
                        <div class="col-sm-6">
                            <select name="pengajuan_untuk" class="form-control" id="pengajuan_untuk">
                                <option value="Jurnal">Jurnal</option>
                                <option value="Buku">Buku</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="judul" class="col-sm-4 col-form-label"><b>Judul</b></label>
                        <div class="col-sm-6">
                            <textarea rows="3" cols="10" placeholder="Judul" class="form-control" id="judul" name="judul"></textarea>
                        </div>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="nama_jurnal" class="col-sm-4 col-form-label"><b>Nama Jurnal</b></label>
                        <div class="col-sm-6">
                            <input type="text" placeholder="Nama Jurnal" class="form-control" id="nama_jurnal" name="nama_jurnal">
                        </div>
                    </div>
                    <div class="form-group row buku" style="display:none;">
                        <label for="nama_penerbit" class="col-sm-4 col-form-label"><b>Nama Penerbit</b></label>
                        <div class="col-sm-6">
                            <input type="text" placeholder="Nama Penerbit" class="form-control" id="nama_penerbit" name="nama_penerbit">
                        </div>
                    </div>
                    <div class="form-group row buku" style="display:none;">
                        <label for="nama_penerbit" class="col-sm-4 col-form-label"><b>Jumlah Halaman</b></label>
                        <div class="col-sm-6">
                            <input type="text" placeholder="Jumlah Halaman" class="form-control tipenumber" id="jumlah_halaman" name="jumlah_halaman">
                        </div>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="start_date" class="col-sm-4 col-form-label"><b>Jenis Publikasi</b></label>
                        <div class="col-sm-6">
                            <select name="jenis_publikasi" class="form-control" id="jenis_publikasi">
                                <option value="Jurnal">Jurnal</option>
                                <option value="Prosiding">Prosiding</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="end_date" class="col-sm-4 col-form-label"><b id="txt1">Tahun Publikasi</b></label>
                        <div class="col-sm-6">
                            <select name="tahun_publikasi" class="form-control" id="tahun_publikasi">
                                                            @for($i=date('Y');$i<=$curr;$i++)
                                <option value="{{$i}}">{{$i}}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="vol" class="col-sm-12 col-form-label"><b>Volume</b></label>
                        <div class="col-sm-6">
                            <input type="text" name="vol" class="form-control" maxlength="4">
                        </div>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="nomor" class="col-sm-12 col-form-label"><b>Nomor</b></label>
                        <div class="col-sm-6">
                            <input type="text" name="nomor" maxlength="4" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="nomor" class="col-sm-12 col-form-label"><b>URL</b></label>
                        <div class="col-sm-6">
                            <input type="url" name="url" class="form-control col-sm-10" placeholder="URL">
                        </div>
                    </div>
                    <div class="form-group row jurnal">
                        <div class="col-md-6 col-sm-12">
                            <div class="form-group">
                                <label for="issn_1" class="col-sm-12 col-form-label"><b>ISSN</b></label>
                                <div class="col-sm-6">
                                    <table>
                                        <tr>
                                            <td><input type="text" name="issn_1" class="form-control col-sm-12 issn-column tipenumber" maxlength="4"></td>
                                            <td>&emsp;</td>
                                            <td><input type="text" name="issn_2" class="form-control col-sm-12 issn-column tipenumber" maxlength="4"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row buku" style="display:none;">
                        <div class="col-md-6 col-sm-12">
                            <div class="form-group">
                                <label for="issn_1" class="col-sm-12 col-form-label"><b>ISBN</b></label>
                                <div class="col-sm-12">
                                    <table>
                                        <tr>
                                            <td><input type="text" name="isbn_1" class="form-control col-sm-12 isbn-column tipenumber" maxlength="3"></td>
                                            <td>&emsp;</td>
                                            <td><input type="text" name="isbn_2" class="form-control col-sm-12 isbn-column tipenumber" maxlength="3"></td>
                                            <td>&emsp;</td>
                                            <td><input type="text" name="isbn_3" class="form-control col-sm-12 isbn-column tipenumber" maxlength="4"></td>
                                            <td>&emsp;</td>
                                            <td><input type="text" name="isbn_4" class="form-control col-sm-12 isbn-column tipenumber" maxlength="2"></td>
                                            <td>&emsp;</td>
                                            <td><input type="text" name="isbn_5" class="form-control col-sm-12 isbn-column tipenumber" maxlength="1"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="bukti_trf_pengelola_jurnal" class="col-sm-6 col-form-label"><b>Bukti Transfer ke Pengelola Jurnal</b></label>
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="bukti_trf_pengelola_jurnal" name="bukti_trf_pengelola_jurnal" placeholder="">
                        </div>
                        <ul>
                            <li>
                                <p>Format file untuk diunggah adalah ekstensi *.jpg, *.jpeg, *.png, *.pdf <i class="fa fa-file"></i></p>
                            </li>
                            <li>
                                <p>Ukuran maksimal file adalah 2MB</p>
                            </li>
                        </ul>
                    </div>
                    <div class="form-group row buku" style="display:none;">
                        <label for="bukti_trf_penerbit" class="col-sm-6 col-form-label"><b>Bukti Transfer ke Penerbit</b></label>
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="bukti_trf_penerbit" name="bukti_trf_penerbit" placeholder="">
                        </div>
                        <ul>
                            <li>
                                <p>Format file untuk diunggah adalah ekstensi *.jpg, *.jpeg, *.png, *.pdf <i class="fa fa-file"></i></p>
                            </li>
                            <li>
                                <p>Ukuran maksimal file adalah 2MB</p>
                            </li>
                        </ul>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="bukti_review_jurnal" class="col-sm-6 col-form-label"><b>Bukti Review Jurnal</b></label>
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="bukti_review_jurnal" name="bukti_review_jurnal" placeholder="">
                        </div>
                        <ul>
                            <li>
                                <p>Format file untuk diunggah adalah ekstensi *.jpg, *.jpeg, *.png, *.pdf <i class="fa fa-file"></i></p>
                            </li>
                            <li>
                                <p>Ukuran maksimal file adalah 2MB</p>
                            </li>
                        </ul>
                    </div>
                    <div class="form-group row buku" style="display:none;">
                        <label for="bukti_kwitansi_penerbit" class="col-sm-6 col-form-label"><b>Bukti Kwitansi Penerbit</b></label>
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="bukti_kwitansi_penerbit" name="bukti_kwitansi_penerbit" placeholder="">
                        </div>
                        <ul>
                            <li>
                                <p>Format file untuk diunggah adalah ekstensi *.jpg, *.jpeg, *.png, *.pdf <i class="fa fa-file"></i></p>
                            </li>
                            <li>
                                <p>Ukuran maksimal file adalah 2MB</p>
                            </li>
                        </ul>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="bukti_kwitansi_pengelola_jurnal" class="col-sm-6 col-form-label"><b>Bukti Kwitansi Pengelola Jurnal</b></label>
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="bukti_kwitansi_pengelola_jurnal" name="bukti_kwitansi_pengelola_jurnal" placeholder="">
                        </div>
                        <ul>
                            <li>
                                <p>Format file untuk diunggah adalah ekstensi *.jpg, *.jpeg, *.png, *.pdf <i class="fa fa-file"></i></p>
                            </li>
                            <li>
                                <p>Ukuran maksimal file adalah 2MB</p>
                            </li>
                        </ul>
                    </div>
                    <div class="form-group row jurnal">
                        <label for="bukti_cek_plagiarism" class="col-sm-6 col-form-label"><b>Bukti Cek Plagiarisme</b></label>
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="bukti_cek_plagiarism" name="bukti_cek_plagiarism" placeholder="">
                        </div>
                        <ul>
                            <li>
                                <p>Format file untuk diunggah adalah ekstensi *.jpg, *.jpeg, *.png, *.pdf <i class="fa fa-file"></i></p>
                            </li>
                            <li>
                                <p>Ukuran maksimal file adalah 2MB</p>
                            </li>
                        </ul>
                    </div>
                    <div class="form-group row">
                        <label for="berkas_pengajuan" class="col-sm-6 col-form-label"><b id="txt2">Berkas Jurnal</b></label>
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="berkas_pengajuan" name="berkas_pengajuan" placeholder="">
                        </div>
                        <ul>
                            <li>
                                <p>Format file untuk diunggah adalah ekstensi *.jpg, *.jpeg, *.png, *.pdf <i class="fa fa-file"></i></p>
                            </li>
                            <li>
                                <p>Ukuran maksimal file adalah 2MB</p>
                            </li>
                        </ul>
                    </div>

                    <div class="form-group row">
                        <label for="status_pengajuan" 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_pengajuan_1" value="Draf" name="status_pengajuan" class="custom-control-input status">
                                <label class="custom-control-label" for="status_pengajuan_1">Draf</label>
                            </div>
                            <div class="custom-control custom-radio custom-control-inline">
                                <input type="radio" id="status_pengajuan_2" checked value="Menunggu Persetujuan" name="status_pengajuan" class="custom-control-input status">
                                <label class="custom-control-label" for="status_pengajuan_2">Menunggu Persetujuan</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-10">
                            <button type="submit" class="btn btn-primary">Simpan</button>
                            <!--<button type="button" class="btn btn-danger">Simpan sebagai Draf</button>-->
                        </div>
                    </div>
                </form>
            </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());

        $('#start_date').datepicker({
            format: "dd-mm-yyyy",
            orientation: "bottom",
            startDate: date,
            todayHighlight: true,
            clearBtn: true
        });

        $('#end_date').datepicker({
            format: "dd-mm-yyyy",
            orientation: "bottom",
            startDate: date,
            todayHighlight: true,
            clearBtn: true
        });

        $(document).on('change', '#pengajuan_untuk', function(){
            var val = $(this).val();
            if(val == 'Buku'){
                $('.jurnal').hide();
                $('.buku').show();
                $('#txt1').html('Tahun Terbit');
                $('#txt2').html('Unggah e-Book');
            }else{
                $('.jurnal').show();
                $('.buku').hide();
                $('#txt1').html('Tahun Publikasi');
                $('#txt2').html('Berkas Jurnal');
            }
        });
        
    });
</script>
@stop