@extends('layouts.master')

@section('title')
    Buku Ajar/Teks
@endsection

@section('header')
<div class="page-title">
    <h3>Buku Ajar/Teks</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="general-info" class="section general-info">
                            <div class="info">
                                <h6 class="">Data Dosen</h6>
                                <div class="row">
                                    <div class="col-lg-11 mx-auto">
                                        <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>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                    <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 Buku Ajar / Buku Teks</h5>
                                <div class="row">
                                    <div class="col-md-11 mx-auto">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Pilih Kategori</label>
                                                    <select class="form-control" id="kategori">
                                                        <option>All Countries</option>
                                                        <option selected>United States</option>
                                                        <option>India</option>
                                                        <option>Japan</option>
                                                        <option>China</option>
                                                        <option>Brazil</option>
                                                        <option>Norway</option>
                                                        <option>Canada</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                        <label>Judul</label>
                                                        <textarea class="form-control" id="judul" placeholder="Judul" rows="5"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>ISBN</label>
                                                    <input type="text" class="form-control mb-4" id="isbn" placeholder="ISBN">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Jumlah Halaman</label>
                                                    <input type="text" class="form-control mb-4" id="jumlahhalaman" placeholder="Jumlah Halaman">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Penerbit</label>
                                                    <input type="text" class="form-control mb-4" id="penerbit" placeholder="Penerbit">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>URL</label>
                                                    <input type="text" class="form-control mb-4" id="website1" placeholder="http://">
                                                </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
