@extends('layout.master')
@section('parentPageTitle', 'Catatan Harian')
@section('title', 'Tambah Catatan Harian')


@section('content')
    <div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form method="post" action="{{route('pelaksanaan_kegiatan.catatan_harian.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($proposal == null)
                            <div class="alert alert-warning">
                                <div>
                                    Mohon maaf anda belum mengajukan proposal pada hibah ini!<br>
                                    Silahkan ajukan proposal terlebih dahulu...
                                </div>
                            </div>

                            <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="history.back();">Kembali</button>
                        @else
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="tgl_kegiatan" class="col-sm-3 col-form-label">Tanggal Kegiatan<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="tgl_kegiatan" class="form-control col-sm-10 set_tgl_kegiatan" placeholder="Tanggal Kegiatan">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="uraian_catatan" class="col-sm-3 col-form-label">Uraian Catatan<span class="required" style="color: red;"> *</span></label>
                                    <textarea type="text" name="uraian_catatan" class="form-control col-sm-10 summernote" placeholder="Uraian Catatan"></textarea>
                                </div>
                            </div>
                            <div class="row clearfix">
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="persentase_kegiatan" class="col-sm-3 col-form-label">Persentase Kegiatan<span class="required" style="color: red;"> *</span></label>
                                        <input type="text" name="persentase_kegiatan" id="persentase_kegiatan" class="form-control num col-sm-10 tipenumber" placeholder="Persentase Kegiatan">
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="keterangan_berkas" class="col-sm-3 col-form-label">Keterangan Berkas</label>
                                        <textarea type="text" name="keterangan_berkas" class="form-control col-sm-10" placeholder="Keterangan Berkas"></textarea>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group row">
                                    <label for="team"><b>Unggah Dokumen</b> <button class="btn btn-primary" id="btnAdd" type="button" onclick="insRow()" title="Tambah Upload Berkas"><i class="fa fa-plus"></i></button></label>
                                    <div class="col-sm-10">
                                        <div class="table-responsive">
                                            <table class="table table-striped" id="tableuploadberkas">
                                                <thead>
                                                    <tr>
                                                        <th><b>Berkas</b></th>
                                                        <th><b>Action</b></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <input type="file" id="group_berkas_catatan_harian" name="group_berkas_catatan_harian[]" class="form-control col-sm-10" multiple>
                                                        </td>
                                                        <td>
                                                            <button type="button" class="btn btn-danger btnremove" title="Hapus baris ini" id="btnRemove" onclick="deleteRow(this);" style="display:none;"><i class="fa fa-close"></i></button>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <input type="hidden" name="nidn" class="form-control col-sm-10" value="{{ $nidn }}">
                            <input type="hidden" name="hibah_id" class="form-control col-sm-10" value="{{ $id }}">

                            <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>
                        @endif
                        </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') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/summernote/dist/summernote.css') }}">
@stop

@section('page-script')
<script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>
<script src="{{ asset('assets/bundles/summernote.bundle.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/summernote.js') }}"></script>
<script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
<script>
    $(".set_tgl_kegiatan").datepicker({dateFormat: 'dd-mm-yy'});

    function deleteRow(row) {
        var i = row.parentNode.parentNode.rowIndex;
        document.getElementById('tableuploadberkas').deleteRow(i);
    }

    function insRow() {
        var x = document.getElementById('tableuploadberkas');
        var new_row = x.rows[1].cloneNode(true);
        var len = x.rows.length;
        if(len <= 3){
            var inp1 = new_row.cells[0].getElementsByTagName('input')[0];
            inp1.id += len;
            inp1.value = '';
            var inp2 = new_row.cells[1].getElementsByTagName('button')[0];
            inp2.id += len;
            inp2.style.display = 'block';

            x.appendChild(new_row);
        }
    }
</script>
@stop