@extends('layout.master')
@section('parentPageTitle', 'Pemakalah Forum Ilmiah')
@section('title', 'Tambah Pemakalah Forum Ilmiah Eksternal')


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form method="post" action="{{route('luaran.pengmas.pemakalah.store')}}" enctype="multipart/form-data">
                    @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
                        
                        @if($role_id != 4)
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="form-group">
                                <label for="nidn">Pilih Dosen<span class="required" style="color: red;"> *</span></label>
                                <select class="selectpicker form-control" name="nidn[]" id="nidn" multiple data-selected-text-format="count > 1" data-max-options="1" data-live-search="true">
                                    @foreach($nidn_data as $val)
                                        <option value="{{$val['nidn']}}">{{$val['nama_dosen']}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @endif
                        <div class="col-lg-10 col-md-6 col-sm-12">
                            <div class="form-group">
                                <label for="pilih_hibah" class="col-sm-12 col-form-label">Pilih Jenis</label>
                                <select name="pilih_hibah" id="pilih_hibah" class="form-control">
                                    <option value="0">Non Hibah</option>
                                    <option value="1">Hibah</option>
                                </select>
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="col-md-2 col-sm-12" id="filter_tahun">
                                <div class="form-group">
                                    <label for="filterHibahPelaksanaan" class="col-sm-12 col-form-label">Pilih Tahun<span class="required" style="color: red;"> *</span></label>
                                    <select name="filterHibahPelaksanaan" id="filterHibahPelaksanaan" class="form-control">
                                        <option value="">-- Pilih Tahun --</option>
                                        @for($i=2010;$i<=date('Y');$i++)
                                        <option value="{{$i}}">{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-8 col-sm-12" id="filter_hibah">
                                <div class="form-group">
                                    <label for="filterHibahOption" class="col-sm-12 col-form-label">Pilih Hibah<span class="required" style="color: red;"> *</span></label>
                                    <select name="hibah_id" id="filterHibahOption" class="form-control">
                                        
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="judul_makalah" class="col-sm-3 col-form-label">Judul Makalah<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="judul_makalah" class="form-control col-sm-10" placeholder="Judul Makalah">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="nama_forum" class="col-sm-3 col-form-label">Nama Forum<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="nama_forum" class="form-control col-sm-10" placeholder="Nama Forum">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="jenis_forum">Jenis Forum<span class="required" style="color: red;"> *</span></label>
                                    <select name="jenis_forum" class="form-control col-sm-10">
                                        <option value="Regional">Regional</option>
                                        <option value="Nasional">Nasional</option>
                                        <option value="Internasional">Internasional</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="institusi_penyelenggara" class="col-sm-3 col-form-label">Institusi Penyelenggara<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="institusi_penyelenggara" class="form-control col-sm-10" placeholder="Institusi Penyelenggara">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="tempat_pelaksanaan" class="col-sm-3 col-form-label">Tempat Pelaksanaan<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="tempat_pelaksanaan" class="form-control col-sm-10" placeholder="Tempat Pelaksanaan">
                                </div>
                            </div>
                            <div class="col-md-5 col-sm-12">
                                <div class="form-group">
                                    <label for="tanggal_mulai_pelaksanaan" class="col-sm-12 col-form-label">Tanggal Mulai Pelaksanaan<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="tanggal_mulai_pelaksanaan" class="form-control col-sm-12 set_tanggal_pemakalah" placeholder="Tanggal Mulai Pelaksanaan">
                                </div>
                            </div>
                            <div class="col-md-5 col-sm-12">
                                <div class="form-group">
                                    <label for="tanggal_akhir_pelaksanaan" class="col-sm-12 col-form-label">Tanggal Akhir Pelaksanaan<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="tanggal_akhir_pelaksanaan" class="form-control col-sm-12 set_tanggal_pemakalah" placeholder="Tanggal Akhir Pelaksanaan">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="status_pemakalah">Status Pemakalah<span class="required" style="color: red;"> *</span></label>
                                    <select name="status_pemakalah" class="form-control col-sm-10">
                                        <option value="Pemakalah Biasa">Pemakalah Biasa</option>
                                        <option value="Invited / Keynote Speaker">Invited / Keynote Speaker</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="berkas_pemakalah" class="col-sm-3 col-form-label">Unggah Berkas Makalah</label>
                                    <input type="file" id="berkas_pemakalah" name="berkas_pemakalah" class="form-control col-sm-10">
                                </div>
                            </div>
                            <input type="hidden" id="jenis_luaran" name="jenis_luaran" class="form-control col-sm-10" value="Pengabdian Masyarakat">
                            <input type="hidden" id="source_data" name="source_data" class="form-control col-sm-10" value="Eksternal">

                            <div class="col-10">
                                <div align="right">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="history.back();">Kembali</button>
                                    <button type="submit" class="btn btn-primary">Simpan</button>
                                </div>
                            </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-select/js/bootstrap-select.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>
    $(document).ready(function() {
        hibah_show();

        function hibah_show(){
            var pilih_hibah = $('#pilih_hibah').val();
            if(pilih_hibah == "0"){
                $("#filter_tahun").hide();
                $("#filter_hibah").hide();
            } else {
                document.getElementById("filterHibahPelaksanaan").value="";
                $("#filter_tahun").show();
            }
        }

        $("#pilih_hibah").change(function(){
            hibah_show();
        });
    })
    
    $(".set_tanggal_pemakalah").datepicker({dateFormat: 'dd-mm-yy'});
</script>
@stop