@extends('layout.master')
@section('parentPageTitle', 'Buku')
@section('title', 'Tambah Buku Eksternal')


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form method="post" action="{{route('luaran.pengmas.bukuajar.store')}}" enctype="multipart/form-data">
                    @csrf
                        @if(Session::has('alert'))
                            <div class="alert alert-danger">
                                <div><button type="button" class="close" data-dismiss="alert"></button> &nbsp;&nbsp; {{Session::get('alert')}}</div>
                            </div>
                        @endif
                        
                        @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($dosen as $val)
                                    <option value="{{$val['nidn']}}">{{$val['nama_dosen']}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @endif
                        <div class="row clearfix">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="judul_buku" class="col-sm-3 col-form-label">Judul Buku<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="judul_buku" class="form-control col-sm-10" placeholder="Judul Buku">
                                </div>
                            </div>
                            <label for="gelar_depan" class="col-sm-12 col-form-label">ISBN<span class="required" style="color: red;"> *</span></label>
                            <div class="col-md-2 col-sm-12">
                                <div class="form-group">
                                    <label for="isbn_1" class="col-sm-12 col-form-label"></label>
                                    <input type="text" name="isbn_1" class="form-control col-sm-12 isbn-column" maxlength="3">
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <div class="form-group">
                                    <label for="isbn_2" class="col-sm-12 col-form-label"> </label>
                                    <input type="text" name="isbn_2" class="form-control col-sm-12 isbn-column" maxlength="3">
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <div class="form-group">
                                    <label for="isbn_3" class="col-sm-12 col-form-label"> </label>
                                    <input type="text" name="isbn_3" class="form-control col-sm-12 isbn-column" maxlength="4">
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <div class="form-group">
                                    <label for="isbn_4" class="col-sm-12 col-form-label"> </label>
                                    <input type="text" name="isbn_4" class="form-control col-sm-12 isbn-column" maxlength="2">
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <div class="form-group">
                                    <label for="isbn_5" class="col-sm-12 col-form-label"> </label>
                                    <input type="text" name="isbn_5" class="form-control col-sm-12 isbn-column" maxlength="1">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="jml_halaman" class="col-sm-3 col-form-label">Jumlah Halaman<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="jml_halaman" class="form-control col-sm-10" placeholder="Jumlah Halaman">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="penerbit" class="col-sm-3 col-form-label">Penerbit<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="penerbit" class="form-control col-sm-10" placeholder="Penerbit">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="tahun" class="col-sm-3 col-form-label">Tahun<span class="required" style="color: red;"> *</span></label>
                                        <select name="tahun" id="tahun" class="form-control col-sm-10">
                                            @php
                                                $last= date('Y')-5;
                                                $now = date('Y');
                                            @endphp
                                            @for ($i = $now+5; $i >= $last; $i--)
                                                <option value="{{ $i }}">{{ $i }}</option>
                                            @endfor
                                        </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="url_buku" class="col-sm-3 col-form-label">URL Buku</label>
                                    <input type="text" name="url_buku" class="form-control col-sm-10" placeholder="URL Buku">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="file_buku" class="col-sm-3 col-form-label">Unggah Buku</label>
                                    <input type="file" id="file_buku" name="file_buku" class="form-control col-sm-10">
                                </div>
                            </div>
                            <input type="hidden" id="jenis_luaran" name="jenis_luaran" class="form-control col-sm-10" value="Pengabdian Masyarakat">
                            <input type="hidden" id="source_data" name="source_data" class="form-control col-sm-10" value="Eksternal">

                            <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>
    $(".isbn-column").keyup(function () {
        if (this.value.length == this.maxLength) {
            $(this).next('.isbn-column').focus();
        }
    });
</script>
@stop