@extends('layouts.app')

@section('content')

<section class="content-header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="float-left">Surat Tugas :: {{$st->SuratTugasDraft->nomor_surat}}</h1>
      </div>
    </div>
  </div>
</section>

{{-- @include('surat-tugas-pengawasan.1_0_detail') --}}

@if($st->SuratTugasDraft->jenis_surat_id == 2)
  @include('surat-tugas-pengawasan.html.2_0_pengawasan_reguler')
  @include('surat-tugas-pengawasan.html.3_0_download_file_lhp')
  @include('surat-tugas-pengawasan.html.4_0_upload_file_lhp')
  @include('surat-tugas-pengawasan.html.5_0_download_file_kk')
  @include('surat-tugas-pengawasan.html.6_0_upload_file_kk')
  @endif


@endsection

@section('js')
<script>
  jQuery.fn.extend({
    insertAtCaret: function(myValue){
        return this.each(function(i) {
            if (document.selection) {
            //For browsers like Internet Explorer
                this.focus();
                var sel = document.selection.createRange();
                sel.text = myValue;
                this.focus();
            }
            else if (this.selectionStart || this.selectionStart == '0') {
            //For browsers like Firefox and Webkit based
                var startPos = this.selectionStart;
                var endPos = this.selectionEnd;
                var scrollTop = this.scrollTop;
                this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);
                this.focus();
                this.selectionStart = startPos + myValue.length;
                this.selectionEnd = startPos + myValue.length;
                this.scrollTop = scrollTop;
            } else {
                this.value += myValue;
                this.focus();
            }
        });
    }
});


function remove_selected(id_input){
      var fileInput = document.getElementById(id_input)
      fileInput.value = ''
      fileInput.dispatchEvent(new Event('change'));
    }

function remove_selected_by_class(id_input){
      var fileInput = document.getElementsByClassName(id_input)
      fileInput.value = ''
    }

$(document).ready(function(){

    $('.datepicker').daterangepicker({
        locale: {format: 'DD/MM/YYYY'},
        singleDatePicker: true,
        "autoApply": true,
    });

    var loadiv = `<div class="overlay loadiv">
                    <div class="spinner-border text-primary" role="status">
                        <span class="sr-only">Loading...</span>
                    </div>
                    </div>`;
      
    function hitungNomor(divdat, divbadge) {
        var c = 0;
    
        $(divdat).find("tr").each(function(ind, el) {
            $(el).find("td:eq(1)").html(++c);
        });
        
        $(divbadge).text(c);
    }

    @include('surat-tugas-pengawasan.js.2_0_pengawasan_reguler')
    @include('surat-tugas-pengawasan.js.3_0_download_file_lhp')
    @include('surat-tugas-pengawasan.js.5_0_download_file_kk')
    @include('surat-tugas-pengawasan.js.4_0_upload_file_lhp')
    @include('surat-tugas-pengawasan.js.6_0_upload_file_kk')
    

  });

</script>
@endsection

{{-- @section('js')
<script>

  @include('surat-tugas.show.js.1_0_detail')
  
  $(document).ready(function(){
    
    $('.datepicker').daterangepicker({
      locale: {format: 'DD/MM/YYYY'},
      singleDatePicker: true,
      "autoApply": true,
    });
    
    @include('surat-tugas.show.js.2_0_pengawasan_reguler')
    @include('surat-tugas.show.js.3_0_download_file_lhp')
    @include('surat-tugas.show.js.4_0_upload_file_lhp')
    @include('surat-tugas.show.js.5_0_tindak_lanjut')
    @include('surat-tugas.show.js.6_0_download_file_tindak_lanjut')
    @include('surat-tugas.show.js.7_0_upload_file__tindak_lanjut')

  });

</script>
@endsection --}}