@extends('layout.master')
@section('parentPageTitle', 'Luaran Lain')
@section('title', 'Edit Luaran Lain')


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form id="frm_edit_luaran_lainnya" action="#">
                    @csrf
                            @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($grouped as $val)
                                            <option value="{{$val[0]}}">{{$val[1]}}</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">
                            <input type="hidden" name="nidn_selected" value="{{$json}}" id="nidn_selected">
                            <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>
                                        @if($luaranlain->source_data == "Eksternal")
                                            @for($i=2010;$i<=date('Y');$i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                            @endfor
                                        @else
                                            @for($i=2019;$i<2030;$i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                            @endfor
                                        @endif
                                    </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>
                            <input type="hidden" name="tahun_selected" value="{{$tahun_hibah}}" id="tahun_selected">
                            <input type="hidden" name="hibah_id_selected" value="{{$id_hibah}}" id="hibah_id_selected">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="judul_luaran" class="col-sm-3 col-form-label">Judul Luaran<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="judul_luaran" class="form-control col-sm-10" value="{{ $luaranlain['judul_luaran'] }}">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="jenis_luaran_lainnya">Jenis Luaran<span class="required" style="color: red;"> *</span></label>
                                    <select name="jenis_luaran_lainnya" class="form-control col-sm-10">
                                        <option value="Model" {{ $luaranlain->jenis_luaran == 'Model' ? 'selected' : '' }}>Model</option>
                                        <option value="Teknologi Tepat Guna" {{ $luaranlain->jenis_luaran_lainnya == 'Teknologi Tepat Guna' ? 'selected' : '' }} >Teknologi Tepat Guna</option> 
                                        <option value="Rekayasa Sosial" {{ $luaranlain->jenis_luaran_lainnya == 'Rekayasa Sosial' ? 'selected' : '' }} >Rekayasa Sosial</option>
                                        <option value="Jejaring Kerja Sama" {{ $luaranlain->jenis_luaran_lainnya == 'Jejaring Kerja Sama' ? 'selected' : '' }} >Jejaring Kerja Sama</option>
                                        <option value="Luaran Lainnya" {{ $luaranlain->jenis_luaran_lainnya == 'Luaran Lainnya' ? 'selected' : '' }} >Luaran Lainnya</option>
                                    </select>
                                </div>
                            </div>
                            @if($luaranlain->berkas_luaran_lainnya != null)
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="file_luaran_lainnya" class="col-sm-6 col-form-label"><b>Uploaded Dokumen Luaran Lainnya</b></label>
                                    <div class="col-sm-12">
                                        <a href="{{ asset('upload/luaran_lainnya/'.$luaranlain->berkas_luaran_lainnya) }}"><i class="fa fa-paperclip"></i>&nbsp;{{ $luaranlain->berkas_luaran_lainnya }}</a>
                                    </div>
                                </div>
                            </div>
                            @endif
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="file_luaran_lainnya" class="col-sm-3 col-form-label">Unggah Dokumen</label>
                                    <div class="col-sm-12">
                                        <input type="file" class="form-control col-sm-10" id="file_luaran_lainnya" name="file_luaran_lainnya">
                                    </div>
                                    <ul>
                                        <li>
                                            <p>Format file untuk diunggah adalah ekstensi JPG/PNG/DOC/PDF!</p>
                                        </li>
                                        <li>
                                            <p>Ukuran maksimal file adalah 2 MB</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="deskripsi_luaran">Deskripsi</label>
                                    <textarea class="form-control col-sm-10" id="deskripsi_luaran" name="deskripsi_luaran" rows="5" cols="10">{{ $luaranlain['deskripsi'] }}</textarea>
                                </div>
                            </div>
                            <input type="hidden" name="luaran_lainnya_id" class="form-control col-sm-10" id="id_luaranlain" value="{{ $luaranlain['luaran_lainnya_id'] }}">
                            <input type="hidden" id="source_data" name="source_data" class="form-control col-sm-10" id="sourcedata_internal" value="{{ $luaranlain['source_data'] }}">
                            <input type="hidden" id="jenis_luaran" name="jenis_luaran" class="form-control col-sm-10" value="{{ $luaranlain['jenis_luaran'] }}">

                            <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(){
        var filterHibahPelaksanaan = $("#filterHibahPelaksanaan").val();

        if(filterHibahPelaksanaan != ""){
            document.getElementById("pilih_hibah").value="1";
        } else {
            $("#filter_tahun").hide();
            $("#filter_hibah").hide();
        }

        var options = JSON.parse($('#nidn_selected').val());
        $("#nidn").val(options).selectpicker("refresh");
    })

    $(document).on("submit", "#frm_edit_luaran_lainnya", function(e) {
        var id = $("#id_luaranlain").val();
        var url = "/luaran/pengmas/luaranlain_abdimas/update/"+ id;
        var form_data = new FormData($(this)[0]);

        var getUrl = window.location;
        var baseUrl = getUrl.protocol + "//" + getUrl.host;
        var val = "assets/images/loading.gif";
        var baseUrlImg = baseUrl + "/" + val;

        window.swal({
            title: "Please wait",
            text: "File sedang diproses...",
            imageUrl: baseUrlImg,
            showConfirmButton: false,
            allowOutsideClick: false
        });

        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            data: form_data,
            url: url,
            processData: false,
            contentType: false,
            success: function(data) {
                console.log(data);
                if (data.status == true) {
                    swal({ title: "Sukses!", text: "Data yang Anda ubah berhasil disimpan!", type: "success" },
                    function() {
                        window.location.replace(data.redirect_url);
                    })
                } else {
                    swal({
                        title: "Failed",
                        text: data.message,
                        type: "warning",
                        confirmButtonColor: "#dc3545",
                        confirmButtonText: "Okay, got it!",
                        closeOnConfirm: true
                    })
                }
            }
        });

        e.preventDefault();
    });

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

    $("#pilih_hibah").change(function(){
        hibah_show();
    });
</script>
@stop