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


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form id="frm_add_forum_ilmiah" action="#">
                    @csrf
                        <div class="row clearfix">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="tingkat_forum">Tingkat Forum<span class="required" style="color: red;"> *</span></label>
                                    <select name="tingkat_forum" class="form-control col-sm-10">
                                        <option value="Tingkat Nasional">Tingkat Nasional</option>
                                        <option value="Tingkat Internasional">Tingkat Internasional</option>
                                        <option value="Regional">Regional</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="nama_kegiatan" class="col-sm-3 col-form-label">Nama Kegiatan<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="nama_kegiatan" class="form-control col-sm-10" placeholder="Nama Kegiatan">
                                </div>
                            </div>
                            
                            @if ($fakultas == null)
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="unit_pelaksanaan">Unit Pelaksana<span class="required" style="color: red;"> *</span></label>
                                    <select name="unit_pelaksanaan" id="unit_pelaksanaan" class="form-control col-sm-10">
                                        @foreach($listfakultas as $key)
                                        <option value="{{ $key['fakultas_id'] }}">{{ $key['nama_fakultas'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @else
                            <input type="hidden" name="unit_pelaksanaan" value="{{$fakultas}}">
                            @endif
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="mitra" class="col-sm-3 col-form-label">Mitra</label>
                                    <input type="text" name="mitra" class="form-control col-sm-10" placeholder="Mitra">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="tempat_kegiatan" class="col-sm-3 col-form-label">Tempat<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="tempat_kegiatan" class="form-control col-sm-10" placeholder="Tempat Kegiatan">
                                </div>
                            </div>
                            <div class="col-md-5 col-sm-12">
                                <div class="form-group">
                                    <label for="tanggal_mulai" class="col-sm-12 col-form-label">Tanggal Mulai<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="tanggal_mulai" class="form-control col-sm-12 set_tanggal_forum" placeholder="Tanggal Mulai">
                                </div>
                            </div>
                            <div class="col-md-5 col-sm-12">
                                <div class="form-group">
                                    <label for="tanggal_akhir" class="col-sm-12 col-form-label">Tanggal Akhir<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="tanggal_akhir" class="form-control col-sm-12 set_tanggal_forum" placeholder="Tanggal Akhir">
                                </div>
                            </div>

                            <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') }}">

@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>
    $(".set_tanggal_forum").datepicker({dateFormat: 'dd-mm-yy'});

    $(document).on("submit", "#frm_add_forum_ilmiah", function(e) {
        var url = "/forumilmiah/store";
        var form_data = $("#frm_add_forum_ilmiah").serializeArray();

        $.ajax({
            type: 'POST',
            data: form_data,
            url: url,
            dataType: 'json',
            success: function(data) {
                console.log(data);
                if (data.status == true) {
                    swal({ title: "Sukses!", text: "Data yang Anda isi berhasil ditambah dan 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();
    });
</script>
@stop