@extends('layout.master')
@section('parentPageTitle', 'Simlitabmas')
@section('title', 'Fakultas dan Lembaga')


@section('content')
    <div class="section-body mt-3">
        <div class="container-fluid">
            <div class="tab-content mt-3">
                <div class="tab-pane fade show active" id="pengajuan" role="tabpanel">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title"><b>Daftar Fakultas / Lembaga</b></h3>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <span class="pb-20">
                                </span>
                        
                                <table class="table table-hover table-striped table-bordered mt-10" style="width:100%" id="tableFakultas">
                                    <thead>
                                        <tr>
                                            <th><b>No</b></th>
                                            <th><b>Fakultas ID</b></th>
                                            <th><b>Kode Fakultas / Lembaga</b></th>
                                            <th><b>Fakultas / Lembaga</b></th>
                                            <th><b>Nama Dekan / Pimpinan Lembaga</b></th>
                                            <th><b>Action</b></span></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>            
    </div>
@stop

@section('popup')
<div class="modal fade" id="changeKetua" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <form method="POST">
        @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="title" id="defaultModalLabel">Ubah Ketua Fakultas / Pimpinan Lembaga</h6>
                </div>
                <div class="modal-body">
                    <div class="row clearfix">
                        <div class="col-12">
                            <div class="form-group">                                    
                                <label class="control-label">Pilih Ketua / Pimpinan</label>
                                <input type="hidden" name="fakultas_id" id="fakId">
                                <select class="selectpicker form-control" name="selectKetua" id="selectKetua" multiple data-selected-text-format="count == 1" data-max-options="1" data-live-search="true">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" id="buttonChangeKetua" class="btn btn-primary">Ubah</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </form>
    </div>
</div>
@stop


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

@section('page-script')
<script src="{{ asset('assets/bundles/counterup.bundle.js') }}"></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/plugins/dropify/js/dropify.min.js') }}"></script>

<script src="{{ asset('assets/js/core.js') }}"></script>
<script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
<script src="{{ asset('assets/js/form/dropify.js') }}"></script>    
<script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatable/buttons/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatable/buttons/buttons.html5.min.js') }}"></script>
<script src="{{ asset('assets/js/jszip.min.js') }}"></script>
<script src="{{ asset('assets/js/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('assets/js/pdfmake/vfs_fonts.js') }}"></script>

<script>
$(document).on('click','#modalChangeKetua', function(){
    $('#changeKetua').modal('show');
    $('#selectKetua').empty();
    var id = $(this).attr('data-id');
    $(".modal-body #fakId").val(id);
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: 'GET',
        url: '/dosen/'+id,
        dataType: 'json',
        success: function(data) {
            $('.selectpicker').val('[]');
            $.each(data, function(index, option) {
                $('#selectKetua').append($('<option>').val(option.nama_dosen).text(option.nama_dosen));
            });
            $('.selectpicker').selectpicker('refresh');

        }
    });
    return false;
});


$(document).on('click','#buttonChangeKetua', function(){
    var data = {};
    data.fakultas_id = $('#fakId').val();
    data.nama_ketua = $('#selectKetua').val()[0];

    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: 'POST',
        data: data,
        url: '/umum/fakultas/updatenamaketua',
        success: function(data) {
            if (data.status) {
                swal({ title: "Sukses", text: "Berhasil ubah", type: "success" },
                    function() {
                        $('#changeKetua').modal('hide');
                        location.reload();
                    }
                );
            } else {
                swal("Warning", data.message, "warning")
            }
        }
    });
    return false;
});
</script>
@stop