@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->nomor_surat}}</h1>
      </div>
    </div>
  </div>
</section>

@include('surat-tugas.show.html.1_0_detail')

@if($st->jenis_surat_id == 2)
  @include('surat-tugas.show.html.2_0_pengawasan_reguler')
  @include('surat-tugas.show.html.3_0_download_file_lhp')
  @include('surat-tugas.show.html.4_0_upload_file_lhp')
  @include('surat-tugas.show.html.5_0_tindak_lanjut')
  @include('surat-tugas.show.html.6_0_download_file_tindak_lanjut')
  @include('surat-tugas.show.html.7_0_upload_file_tindak_lanjut')
  @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(0)").html(++c);
    });
    
    $(divbadge).text(c);
  }

  @include('surat-tugas.show.js.2_0_pengawasan_reguler')
  @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')

    @include('surat-tugas.js.show-generate-file-lhp')
    
    
</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 --}}