@extends('layouts.master')

@section('title')
    Publikasi Jurnal
@endsection

@section('header')
<div class="page-title">
    <h3>Publikasi Jurnal</h3>
</div>
@endsection

@section('contents')
@php
 $menu = 'dashboard';
@endphp
    <div class="account-settings-container layout-top-spacing">

        <div class="account-content">
            <div class="scrollspy-example" data-spy="scroll" data-target="#account-settings-scroll" data-offset="-100">
                <div class="row">

                    <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                        <form id="contact" class="section contact">
                            <div class="info">
                                <h5 class="">Data Publikasi Jurnal Internasional</h5>
                                <div class="row">
                                    <div class="col-md-11 mx-auto">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Judul</label>
                                                    <textarea class="form-control" id="judul" placeholder="Judul" rows="3"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Nama Jurnal</label>
                                                    <input type="text" class="form-control mb-4" id="nama" placeholder="Nama Jurnal">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>ISSN</label>
                                                    <input type="text" class="form-control mb-4" id="issn" placeholder="ISSN">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Volume</label>
                                                    <input type="text" class="form-control mb-4" id="volume" placeholder="Volume">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Nomor</label>
                                                    <input type="text" class="form-control mb-4" id="nomor" placeholder="Nomor">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <label for="date">Halaman</label>
                                                 <div class="row">
                                                    <div class="col-xl-5">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control mb-4" id="halaman">
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-1">
                                                        <div class="form-group">
                                                            <label>s/d</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-5">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control mb-4" id="halaman">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Url Artikel</label>
                                                    <input type="text" class="form-control mb-4" id="tempat" placeholder="URL Artikel">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                        <form id="general-info" class="section general-info">
                            <div class="info">
                                <h6 class="">Personil Dosen</h6>
                                <div class="row">
                                    <div class="col-lg-11 mx-auto">
                                        <div class="row">
                                            <div class="col-md-8">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered mb-4">
                                                        <thead>
                                                            <tr>
                                                                <th>No</th>
                                                                <th>Nama</th>
                                                                <th>Program Studi</th>
                                                                <th class="text-center">Keanggotaan</th>
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>Shaun Park</td>
                                                                <td>10/08/2020</td>
                                                                <td>320</td>
                                                                <td class="text-center"><span class="text-success">Complete</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>Alma Clarke</td>
                                                                <td>11/08/2020</td>
                                                                <td>420</td>
                                                                <td class="text-center"><span class="text-secondary">Pending</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>Xavier</td>
                                                                <td>12/08/2020</td>
                                                                <td>130</td>
                                                                <td class="text-center"><span class="text-info">In progress</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>Vincent Carpenter</td>
                                                                <td>13/08/2020</td>
                                                                <td>260</td>
                                                                <td class="text-center"><span class="text-danger">Canceled</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="input-group mb-4">
                                                    <input type="text" class="form-control" placeholder="NIDN" aria-label="nidn">
                                                    <div class="input-group-append">
                                                        <button class="btn btn-info" type="button">Cek</button>
                                                    </div>
                                                </div>
                                                <div class="form-row mb-4">
                                                    <div class="form-group col-md-6">
                                                        <label for="inputEmail4">Nama Dosen</label>
                                                        <input type="text" class="form-control" id="namadosen">
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <label for="inputPassword4">Program Studi</label>
                                                        <input type="text" class="form-control" id="programstudi">
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <div class="form-group">
                                                            <label>Keanggotaan</label>
                                                            <select class="form-control" id="institusi">
                                                                <option>Penelitian Dasar</option>
                                                                <option>Norway</option>
                                                                <option>Canada</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <button id="multiple-messages" class="btn btn-primary">Save Changes</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                        <form id="general-info" class="section general-info">
                            <div class="info">
                                <h6 class="">Personil Non Dosen</h6>
                                <div class="row">
                                    <div class="col-lg-11 mx-auto">
                                        <div class="row">
                                            <div class="col-md-8">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered mb-4">
                                                        <thead>
                                                            <tr>
                                                                <th>No</th>
                                                                <th>Nama</th>
                                                                <th>Program Studi</th>
                                                                <th class="text-center">Keanggotaan</th>
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>Shaun Park</td>
                                                                <td>10/08/2020</td>
                                                                <td>320</td>
                                                                <td class="text-center"><span class="text-success">Complete</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>Alma Clarke</td>
                                                                <td>11/08/2020</td>
                                                                <td>420</td>
                                                                <td class="text-center"><span class="text-secondary">Pending</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>Xavier</td>
                                                                <td>12/08/2020</td>
                                                                <td>130</td>
                                                                <td class="text-center"><span class="text-info">In progress</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>Vincent Carpenter</td>
                                                                <td>13/08/2020</td>
                                                                <td>260</td>
                                                                <td class="text-center"><span class="text-danger">Canceled</span></td>
                                                                <td class="text-center"></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="input-group mb-4">
                                                    <input type="text" class="form-control" placeholder="NIDN" aria-label="nidn">
                                                    <div class="input-group-append">
                                                        <button class="btn btn-info" type="button">Cek</button>
                                                    </div>
                                                </div>
                                                <div class="form-row mb-4">
                                                    <div class="form-group col-md-6">
                                                        <label for="inputEmail4">Nama Dosen</label>
                                                        <input type="text" class="form-control" id="namadosen">
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <label for="inputPassword4">Program Studi</label>
                                                        <input type="text" class="form-control" id="programstudi">
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <div class="form-group">
                                                            <label>Keanggotaan</label>
                                                            <select class="form-control" id="institusi">
                                                                <option>Penelitian Dasar</option>
                                                                <option>Norway</option>
                                                                <option>Canada</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <button id="multiple-messages" class="btn btn-primary">Save Changes</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>

        <div class="account-settings-footer">
            <div class="as-footer-container">
                <button id="multiple-reset" class="btn btn-warning">Batal</button>
                <button id="multiple-messages" class="btn btn-primary">Save Changes</button>
            </div>
        </div>
    </div>

@endsection

@section('js')
    <script src="{{ url('theme/plugins/apex/apexcharts.min.js') }} "></script>
    <script src="{{ url('theme/assets/js/dashboard/dash_2.js') }} "></script>
@endsection
