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


@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.update', $data->catatan_harian_id )}}" 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
                    <div class="row clearfix">
                        <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" value="{{ $data->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">{{ $data->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" value="{{ $data->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">{{ $data->keterangan_berkas }}</textarea>
                                    </div>
                                </div>
                                @if(count($file) > 0)
                                    <div class="col-lg-12 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label for="no_sk" class="col-sm-3 col-form-label"><b>Uploaded Dokumen</b></label>
                                            @foreach($file as $files)
                                                <div class="col-sm-12">
                                                    <a href="{{ asset('upload/catatan_harian/'.$files) }}"><i class="fa fa-paperclip"></i>&nbsp;{{ $files }}</a>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                                <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>

                            <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>

    <div class="modal fade" id="bidang_ilmu_list" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Syarat Mengikuti Hibah ini</h5>
                    <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
                </div>
                <div class="modal-body">
                    <div class="row clearfix">
                        <div class="col-12">
                            <div class="form-group mt-2 mb-3">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <!-- <button type="button" class="btn btn-default" id="btnbatalsyarat">Batal</button> -->
                    <button type="button" id="btnsimpansyarat" class="btn btn-primary">Simpan</button>
                </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