@extends('layout.main_layout')


@section('content')
<!--<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Surat Masuk</h2>
        <ol class="breadcrumb">
            <li class="active">
                <strong>Daftar</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">

    </div>
</div>-->

<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Monitoring Permohonan Jaringan</h5>
                </div>
                @if (session('alert'))
                    <div class="alert alert-danger">
                        {{ session('alert') }}
                    </div>
                @endif
                <div class="ibox-content">
                    <div class="row">
                      <div class="col-xs-12 col-md-4">
                        <label>Filter Kategori Surat</label>
                        <select class="form-control" name="filter">
                          <option value="">Semua</option>
                          <option value="Undangan">Undangan</option>
                          <option value="Surat Segera">Surat Segera</option>
                          <option value="Surat Biasa">Surat Biasa</option>                          
                        </select>
                      </div>

                      <div class="col-xs-12 col-md-4" id='tanggal_filter'>
                        <label>Filter Tanggal</label>
                        <div class="input-group date">
                            <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </div> 
                            <input type="text" id="tanggal" name="tanggal_filter" class="form-control" value="">
                        </div>
                      </div>
                    </div>
                    <br>
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover dataTables-example" id="tabel">
                            <thead>
                                <tr>
                                    <th>Recid</th>
                                    <th style="width: 10%">No TU</th>
                                    <th style="width: 10%">Tanggal Diterima</th>
                                    <th style="width: 30%">Pengirim</th>
                                    <th style="width: 30%">Perihal</th>
                                    <th>No Surat</th>
                                    <th>Kategori</th>
                                    <th >Menu</th>
                                    <th >Entry Permohonan</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>Recid</th>
                                    <th>No TU</th>
                                    <th>Tanggal Diterima</th>
                                    <th>Pengirim</th>
                                    <th>Perihal</th>
                                    <th>No Surat</th>
                                    <th>Kategori</th>
                                    <th>Menu</th>
                                    <th >Entry Permohonan</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal inmodal fade" id="modal-detail" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="jdl">Detail Surat</h4>
            </div>
            <div class="modal-body" id="isi">
                <div class="row">
                    <div class="col-md-12">
                        <div id="title"></div>
                        <div class="alert alert-warning">
                            <!-- <h4>Catatan Direktur Utama</h4>
                            <p id="note_dirut"></p><br> -->
                            <h4>Catatan</h4>
                            <p id="note"></p>
                            <p id="note_revisi_1"></p>
                            <p id="note_revisi_2"></p><br>
                            <h4>Disposisi</h4>
                            <p id="note_disposisi"></p>
                        </div>
                        <div id="using_json"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal inmodal fade" id="modal-revisi" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="jdl">Revisi Tujuan</h4>
            </div>
            <div class="modal-body" id="isi">
                <div class="row">
                    <form class="form-horizontal" method="post" action="{{route('revisi-save')}}">
                        <input type="text" class="hidden" name="_token" value="{{csrf_token()}}">
                        <input type="text" class="hidden" name="kode" value="">
                        <div class="form-group">
                            <label class="col-sm-2">&nbsp;</label>
                            <div class="col-sm-10">
                                @foreach($disposisi as $row)
                                <div class="i-checks xx"><label> <input type="checkbox" class="abc_{{$row->recidjabatan}}" name="tujuan[]" value="{{$row->recidjabatan}}"> {{$row->namajabatan}}</label></div>
                                @endforeach
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary col-sm-5" type="submit">Simpan</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal inmodal fade" id="modal-disposisi" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="jdl">Lihat Surat Masuk</h4>
            </div>
            <div class="modal-body" id="isi">
                <div class="row">
                    <div class="col-md-6">
                        <a target="_blank" href="" id="preview-a"><button type="button" class="btn btn-success">Tampilan Full</button></a><br>
                        <iframe class="hidden-xs" src="" id="preview" allowtransperancy="yes" scrolling="auto" width="450" height="500"></iframe>
                    </div>
                    <div class="col-md-6">
                        @if($role!='TU')
                        <form class="form-horizontal" id="asalsurat">
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <div class="col-sm-10">
                                    <h3 class=" text-navy">Asal Surat</h3>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Nomor</label>
                                <label class="col-sm-7 text-navy asal" id="nomor"></label>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Pengirim</label>
                                <label class="col-sm-7 text-navy asal" id="pengirim"></label>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Perihal</label>
                                <label class="col-sm-7 text-navy asal" id="perihal"></label>
                            </div>
                            <ul id="disposisi-catatan"></ul>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Lead : </label>
                                <label class="col-sm-7 text-navy asal" id="lead"></label>                                                          
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Status :</label>
                                <label class="col-sm-7 text-navy asal" id="status"></label>
                            </div>
                            <ul id="disposisi"></ul>
                        </form>                        
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal inmodal fade" id="modal-no-agenda" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <form id="form-sekper" action="{{url('no_agenda_sekper')}}" method="post">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                  <h4 class="modal-title">Input Nomor Agenda Sekper</h4>
              </div>
              <div class="modal-body">
                  <input type="hidden" name="recidsurat" value="">
                  <div class="row">
                      <div class="col-md-12">
                          <div class="form-group">
                            <label>Tanggal Agenda</label>
                            <input class="form-control date" type="text" name="tgl_mundur" value="">
                          </div>
                      </div>
                      <div class="col-md-12">
                          <div class="form-group">
                            <label>No Agenda Sekper</label>
                            <input class="form-control" type="text" name="no_agenda_sekper" value="">
                          </div>
                      </div>
                  </div>
              </div>
              <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Simpan</button>
              </div>
            </form>
        </div>
    </div>
</div>

<div class="modal inmodal fade" id="modal-revisi-disposisi" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="form-revisi" action="" method="post">
            <input type="text" class="hidden" name="_token" value="{{csrf_token()}}">            
            <input type="text" class="hidden" name="recid" id="recid_frevisi" value="">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="jdl">Tindak Lanjut Surat Masuk</h4>
            </div>
            <div class="modal-body" id="isi">
                <div class="row">
                    <div class="col-md-6">
                        <a target="_blank" href="" id="preview-revisi"><button type="button" class="btn btn-success">Tampilan Full</button></a><br>
                        <iframe class="hidden-xs" src="" id="preview_revisi" allowtransperancy="yes" scrolling="auto" width="450" height="500"></iframe>
                    </div>
                    <div class="col-md-6">
                        @if($role!='TU')
                        <form class="form-horizontal" id="asalsurat">
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <div class="col-sm-10">
                                    <h3 class=" text-navy">Asal Surat</h3>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Nomor</label>
                                <label class="col-sm-7 text-navy asal" id="nomor_revisi"></label>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Pengirim</label>
                                <label class="col-sm-7 text-navy asal" id="pengirim_revisi"></label>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Perihal</label>
                                <label class="col-sm-7 text-navy asal" id="perihal_revisi"></label>
                            </div>
                        </form>
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Disposisi</label>
                                <label class="col-sm-7 text-navy" id="disposisi_revisi"></label>
                            </div>
                            
                        </form>
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-3 text-navy">Catatan</label> 
                                <label class="col-sm-7 text-navy" id="catatan_revisi"></label>                               
                            </div>
                            
                        </form>
                        @endif
                        <form id="form-disposisi" class="form-horizontal" method="post" action="{{url('RevisiSuratMonitoring')}}">
                            <input type="text" class="hidden" name="_token" value="{{csrf_token()}}">
                            <input type="text" class="hidden" name="recid" id="recid_frevisi" value="">
                            <input type="text" class="hidden" name="recidtujuan" id="recidtujuan" value="">
                            <input type="text" class="hidden" name="recidjabatan" id="recidjabatan" value="{{Session::get('loginaktif')}}">
                            <input type="text" class="hidden" name="role" value="{{$role}}">
                            <input type="text" class="hidden" name="parent" id="parent" value="{{Session::get('loginaktif')}}">
                            <input type="text" class="hidden" name="disposisi_list" id="disposisi_list" value="">
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <div class="col-sm-10">
                                    <h3>TUJUAN</h3>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <div class="col-sm-10">
                                    @if($role=='TU')
                                    <div class="i-checks zz" id="dirutdiv"><label> <input type="checkbox" id="dirut" name="tujuan[]" value="1"> Direktur Utama</label></div>
                                    @endif
                                    @foreach($jabatan as $row)
                                    <div class="i-checks xx"><label> <input class="abcd_{{$row->recidjabatan}}" type="checkbox" name="tujuan[]" value="{{$row->recidjabatan}}"> {{$row->namajabatan}}</label></div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-2">Pilihan</label>
                                <div class="col-sm-8">
                                    <select class="form-control" name="menu">
                                        @if(\Auth::user()->role->jabatan->leveljab < 3)
                                        <option value="1">Disposisi</option>
                                        @endif
                                        <option value="2">Close</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group {{(\Auth::user()->role->jabatan->leveljab<3)?'':'hidden'}}">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-2">Disposisi</label>
                                <div class="col-sm-8">
                                    <!-- <select id="disposisi" class="entri select2 form-control select2-container" name="disposisi"> -->
                                    <!-- <select id="disposisi" class="entri select2 form-control select2-container" name="disposisi[]" multiple> -->
                                        <select id="disposisi_banyak" class="form-control select2_demo_1" name="disposisi[]" multiple>
                                        <option value="0"></option>
                                        @foreach($tl as $row)
                                        <option value="{{$row->kodedisposisi}}">{{$row->disposisi}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <label class="col-sm-2">Catatan Disposisi</label>
                                <div class="col-sm-8">
                                    <ul id="catatan_1"></ul>
                                    <ul id="catatan_2"></ul>
                                    <ul id="catatan_3"></ul>
                                    <textarea id="catatan_revisi" name="catatan" class="form-control" rows="2"></textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <div class="col-sm-10">
                                    <button type="submit" id="subm" class="btn btn-primary pull-right col-sm-4">Simpan</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal inmodal fade" id="modal-entry" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Entry Permohonan Jaringan</h4>
            </div>
            <div class="modal-body">
                <div class="row">                    
                    <div class="col-md-6">
                        <ul class="nav nav-tabs">                                
                            <li class="active"><a href="#menu1">Surat</a></li>
                            <li><a href="#menu2">Disposisi</a></li>
                        </ul>                        
                        <div class="tab-content">                           
                            <br> 
                            <div id="menu1" class="tab-pane fade in active">                                
                                <a target="_blank" href="" id="preview-b"><button type="button" class="btn btn-success">Tampilan Full</button></a><br>
                                <iframe class="hidden-xs" src="" id="previewb" allowtransperancy="yes" scrolling="auto" width="450" height="500"></iframe>
                            </div>
                            <div id="menu2" class="tab-pane fade">                            
                                <a target="_blank" id="view_disposisi"><button type="button" class="btn btn-success">Lihat Lembar Disposisi</button></a><br><br>                             
                                <form class="form-horizontal">
                                    <div class="form-group">                                        
                                        <label class="col-sm-4">Pengirim</label>
                                        <label class="col-sm-1">:</label>
                                        <label class="col-sm-7" id="pengirim_pj"></label>
                                    </div>                                    
                                    <div class="form-group">
                                        <label class="col-sm-4">Tanggal</label>
                                        <label class="col-sm-1">:</label>
                                        <label class="col-sm-7" id="tglsurat_pj"></label>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">Nomor Surat</label>
                                        <label class="col-sm-1">:</label>
                                        <label class="col-sm-7" id="nosurat_pj"></label>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-4">Perihal</label>
                                        <label class="col-sm-1">:</label>
                                        <label class="col-sm-7" id="perihal_pj"></label>
                                    </div>

                                    <hr>

                                    <div class="form-group">
                                        <label class="col-sm-4">Diterima Tanggal</label>
                                        <label class="col-sm-1">:</label>
                                        <label class="col-sm-7" id="tglagenda_pj"></label>
                                    </div>                                    
                                    <div class="form-group">
                                        <label class="col-sm-4">Nomor Agenda</label>
                                        <label class="col-sm-1">:</label>
                                        <label class="col-sm-7" id="noagenda_pj"></label>
                                    </div>
                                </form>               
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">                         
                         <form id="form-entry" class="form-horizontal" method="post" action="{{route('entry-permohonan')}}">
                            <input type="text" class="hidden" name="_token" value="{{csrf_token()}}">
                            <input type="text" class="hidden" id="recidsurat" name="recid">
                            <input type="text" class="hidden" name="recidjabatan" value="{{Session::get('loginaktif')}}">

                            <br><br><br><br>

                            <div class="form-group">
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">Tanggal Agenda</label>
                                <div class="col-sm-8">
                                    <div class="input-group date">
                                        <div class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </div> 
                                        <input type="text" name="tanggal_agenda" class="form-control" required>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group" >
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">Tanggal Surat</label>
                                <div class="col-sm-8">
                                    <div class="input-group date">
                                        <div class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </div> 
                                        <input type="text" name="tanggal_surat" class="form-control" required>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">No Surat</label>
                                <div class="col-sm-8">
                                    <input type="text" id="no_surat" name="no_surat" class="form-control" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">Pokok Surat</label>
                                <div class="col-sm-8">
                                    <select id="pokok_surat" name="pokok_surat" class="form-control">
                                      <option value="BANTUAN PEMASANGAN JARINGAN">BANTUAN PEMASANGAN JARINGAN</option>
                                      <option value="PEMASANGAN JARINGAN BIAYA SENDIRI">PEMASANGAN JARINGAN BIAYA SENDIRI</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">Nama Surat</label>
                                <div class="col-sm-8">
                                    <input type="text" id="nama" name="nama" class="form-control" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">Alamat Surat</label>
                                <div class="col-sm-8">
                                    <input type="text" id="alamat" name="alamat" class="form-control" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">Alamat Pemohon</label>
                                <div class="col-sm-8">
                                    <input type="text" id="alamat_pemohon" name="alamat_pemohon" class="form-control" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-1">&nbsp;</label>
                                <label class="col-sm-3 control-label">Kota</label>
                                <div class="col-sm-8">
                                    <select id="kota" name="kota" class="form-control">
                                      <option value="SURABAYA">SURABAYA</option>
                                      <option value="SIDOARJO">SIDOARJO</option>
                                      <option value="GRESIK">GRESIK</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2">&nbsp;</label>
                                <div class="col-sm-10">
                                    <button type="submit" id="subm" class="btn btn-primary pull-right col-sm-4">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('css')
<!-- Data Tables -->
<link href="{{asset('css/plugins/dataTables/dataTables.bootstrap.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/dataTables/dataTables.responsive.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/dataTables/dataTables.tableTools.min.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/iCheck/custom.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/jsTree/style.min.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/datapicker/datepicker3.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/select2/select2.min.css')}}" rel="stylesheet">
<style>
.select2-container {
    width: 100% !important;
    z-index:10000;
}
</style>
<style>
  ul#disposisi{
    margin-left: 45px;
  }
  
  ul#disposisi li{
    font-weight: bold;
    color: #1ab394;
  }

  ul#disposisi-catatan{
    margin-left: 45px;
  }

  ul#disposisi-catatan li{
    font-weight: bold;
    color: #1ab394;
  }

  #lead {
    margin-left: 85px;
    font-weight: bold;
    color: #1ab394;
  }
</style>
@endsection
@section('css')
<!-- Data Tables -->
<link href="{{asset('css/plugins/dataTables/dataTables.bootstrap.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/dataTables/dataTables.responsive.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/dataTables/dataTables.tableTools.min.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/iCheck/custom.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css')}}" rel="stylesheet">
<script src="{{asset('js/plugins/select2/select2.full.min.js')}}"></script>

<style>
.select2-container {
    width: 100% !important;
    z-index:10000;
}
</style>
<style>
  ul#disposisi{
    margin-left: 45px;
  }
  ul#disposisi li{
    font-weight: bold;
    color: #1ab394;
  }

  ul#disposisi-catatan{
    margin-left: 45px;
  }
  ul#disposisi-catatan li{
    font-weight: bold;
    color: #1ab394;
  }
</style>
@endsection
@section('js')
<!-- Data Tables -->
<script src="{{asset('js/plugins/dataTables/jquery.dataTables.js')}}"></script>
<script src="{{asset('js/plugins/dataTables/dataTables.bootstrap.js')}}"></script>
<script src="{{asset('js/plugins/dataTables/dataTables.responsive.js')}}"></script>
<script src="{{asset('js/plugins/dataTables/dataTables.tableTools.min.js')}}"></script>
<script src="{{asset('js/plugins/iCheck/icheck.min.js')}}"></script>
<!-- Nestable List -->
<script src="{{asset('js/plugins/nestable/jquery.nestable.js')}}"></script>
<script src="{{asset('js/plugins/jsTree/jstree.min.js')}}"></script>
<script src="{{asset('js/plugins/datapicker/bootstrap-datepicker.js')}}"></script>
<script src="{{asset('js/plugins/select2/select2.full.min.js')}}"></script>

<script type="text/javascript">

    var table = $('#tabel').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
          url:"{{ route('monitoring-pj-data') }}",
          data: function (d) {
            d.kategori = $("select[name='filter']").val();
            d.tanggal_filter = $("#tanggal").val();
            console.log(d.tanggal_filter);
          }
        },
        "columns": [
            {data: 'kode', name: 'TU_M_SURAT.recidsurat', class: 'hidden'},
            {data: 'notu'},
            {data: 'tgltu'},
            {data: 'pengirimsurat'},
            {data: 'perihal'},
            {data: 'nosurat'},
            {data: 'kategori'},
            {data: 'action', orderable: false, searchable: false},
            {data: 'entry', orderable: false, searchable: false}
            //{data: 'action', name: 'action', orderable: false, searchable: false}
        ],
        "lengthMenu": [[25, 50, -1], [25, 50, "All"]],
        "order": [[0, 'desc']]
                /*"dom": "lTfigt",
                 "tableTools": {
                 "sSwfPath": "{{asset('js/plugins/dataTables/swf/copy_csv_xls_pdf.swf')}}"
                 }*/
    });

    $(document).ready(function () {    
        $('.date').datepicker({
            todayBtn: "linked",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true,
            format:"yyyy-mm-dd"
        });
        $('#subm').click(function () {
            if ($("input:checkbox:checked").length == 0) {
                alert('Pilih minimal satu tujuan');
                return false;
            }
        });
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green'
        });
        $("#dirut").on("ifChecked", function (event) {
            //$("[name^=tujuan]").iCheck('uncheck');
            $("[name^=tujuan]").iCheck('disable');
            $("#dirut").iCheck('enable');
            //$("#dirut").iCheck('check');
            $("[name=disposisi]").attr('disabled', true);
            $("[name=catatan]").attr('disabled', true);
        });
        $("#dirut").on("ifUnchecked", function (event) {
            $("[name^=tujuan]").iCheck('enable');
            $("[name=disposisi]").attr('disabled', false);
            $("[name=catatan]").attr('disabled', false);
        });
        $(".select2_demo_1").select2();

        $("form-revisi").submit(function(){
            alert('revisi');return false;
        });

        $('#tanggal_filter .input-group.date').datepicker({
            todayBtn: "linked",
            format: "ddmmyyyy",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true
        });

        $('.input-group.date').datepicker({
            todayBtn: "linked",
            format: "ddmmyyyy",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true
        });
    });

    function detail(kode, status) {
        $("#note_disposisi").empty();
        $("#note").empty();
        $("#note_revisi_1").empty();
        $("#note_revisi_2").empty();
        $("#note").empty();
        /*$("#note_dirut").empty();*/

        $('#title').html('');
        if (status == 9) {
            $('#title').html('<h2 style="color: red">Disposisi ditarik oleh TU</h2>');
        }
        $('#using_json').jstree('destroy');
        $.getJSON("{{URL::to('DetailAlurSurat')}}/" + kode, function (data) {

            console.log(data);
            
            var disposisi_banyak = data[0].tampil_disposisi_banyak;
            var catatan_dirut = data[0].catatan_dirut;
            var revisi_dirut_1 = data[0].revisi_dirut_1;        
            var revisi_dirut_2 = data[0].revisi_dirut_2;
            var revisi_lain_1 = data[0].revisi_lain_1;        
            var revisi_lain_2 = data[0].revisi_lain_2;

            $('#using_json')
                    .on('changed.jstree', function (e, data) {
    //                    var i, j, r = [];
    //                    for (i = 0, j = data.selected.length; i < j; i++) {
    //                        r.push(data.instance.get_node(data.selected[i]).data);
    //                    }
    //                    console.log(data.instance.get_node(data.selected[0]).data);
                        var catatan = data.instance.get_node(data.selected[0]).data;
                        var disposisi_banyak = data.instance.get_node(data.selected[0]).original.disposisi_banyak;
                        var catatan_dirut = data.instance.get_node(data.selected[0]).original.catatan_dirut;
                        var revisi_dirut_1 = data.instance.get_node(data.selected[0]).original.revisi_dirut_1;
                        var revisi_dirut_2 = data.instance.get_node(data.selected[0]).original.revisi_dirut_2;
                        var revisi_lain_1 = data.instance.get_node(data.selected[0]).original.revisi_lain_1;
                        var revisi_lain_2 = data.instance.get_node(data.selected[0]).original.revisi_lain_2;
                        var text = data.instance.get_node(data.selected[0]).original.text;
                        var user = text.substr(0, 14);

                        console.log(data);

                        if (catatan_dirut == null) {
                            if (catatan == null) {
                                $('#note').html('Tidak Ada');                        
                            } else {
                                $('#note').html(catatan);                                                
                            }                        
                        } else {
                            $('#note').html(catatan_dirut);                                                
                        } 

                        if (revisi_dirut_1 == null) {
                            if (revisi_lain_1 == null) {
                                $('#note_revisi_1').empty();                        
                            } else {
                                $('#note_revisi_1').html("REV 1: " + revisi_lain_1);                                                
                            }                        
                        } else {
                            $('#note_revisi_1').html("REV 1: " + revisi_dirut_1);                                                
                        }

                        if (revisi_dirut_2 == null) {
                            if (revisi_lain_2 == null) {
                                $('#note_revisi_2').empty();                        
                            } else {
                                $('#note_revisi_2').html("REV 2: " + revisi_lain_2);                                                
                            }                        
                        } else {
                            $('#note_revisi_2').html("REV 2: " + revisi_dirut_2);                                                
                        }       

                        /*if(revisi_dirut_1 != null){                        
                            $('#note_revisi_1').html("REV 1: " + revisi_dirut_1);
                        }

                        if(revisi_dirut_2 != null){                        
                            $('#note_revisi_2').html("REV 2: " + revisi_dirut_2);
                        } */         

                        if (disposisi_banyak == null || disposisi_banyak == "") {                           
                            $('#note_disposisi').html('Tidak Ada');            
                        } else {                        
                            $('#note_disposisi').html(disposisi_banyak);
                        }
                    })
                    .jstree({
                        'core': {
                            'data': data
                        }
                    });
            //data is the JSON string
        });
    }

    function revisi(kode) {
    	$("[name=kode]").val(kode);
        $.ajax({
            type: "post",
            url: "{{route('suratmasuk-detail')}}",
            data: {kode: kode, tipe: 1, _token: '{{ csrf_token() }}'},
            success: function (result) {
                console.log(result);
                for (i = 0; i < result.disposisi.length; i++) {
                    if (result.disposisi[i].statussurat != "9") {
                        $(".abc_" + result.disposisi[i].recidjabatan).iCheck('check');                    
                    }
                }
            }
        });
    }

    function disposisi_old(kode) {
        $('.asal').text('');
        $("#form-disposisi").removeClass('hidden');    
        $('#disposisi_banyak').val(null).trigger('change');
        $("#catatan_1").empty();
        $("#catatan_2").empty();
        $("#catatan_3").empty();
        $("#disposisi").empty();
        $("#disposisi-catatan").empty();
        $("#disposisi_revisi").empty(); 
        $("#catatan_revisi").empty(); 
		// var url = 'aa';
        $.ajax({
            type: "post",
            url: "{{route('suratmasuk-detail')}}",
            data: {kode: kode, _token: "{{ csrf_token() }}"},
            success: function (result) {
                $('#nomor').text(result.nosurat);            
                $('#pengirim').text(result.pengirimsurat);
                $('#perihal').text(result.perihal);
                $("#disposisi").children().remove();
                $('#nomor_revisi').text(result.nosurat);        
                $('#pengirim_revisi').text(result.pengirimsurat);
                $('#perihal_revisi').text(result.perihal);
                $("#disposisi_revisi").children().remove();    
                $('#recid_frevisi').attr('value', kode);                                   
				
				var url = "{{URL::to('pdf').'/'}}" + result.pathfile;
				$("#preview").attr("src", url);
				$("#preview-a").attr("href", url); 
                $("#previewb").attr("src", url);
                $("#preview-b").attr("href", url); 
				$("#preview_revisi").attr("src", url);
				$("#preview-revisi").attr("href", url);
				
                if(result.recidjabatans == 1){                             
                    if(result.dispos!=null){
                        $('#catatan_1').append("<li>"+result.dispos+"</li>");  
                        $('#catatan_revisi').append(result.dispos);                      
                    }

                    if(result.revisi_catatan_1!=null){
                        $('#catatan_2').append("<li>Revisi 1 :<ul><li>"+result.revisi_catatan_1+"</li></ul>");
                    }

                    if(result.revisi_catatan_2!=null){
                        $('#catatan_3').append("<li>Revisi 2 :<ul><li>"+result.revisi_catatan_2+"</li></ul>");
                    }

                    if (result.disposisi_banyak != null) {
                        var arrdisp = result.disposisi_banyak.split(",");                
                    
                        $('#disposisi_banyak').val(arrdisp);
                        $('#disposisi_banyak').trigger('change');
                    }

                    if(result.tampil_disposisi_banyak != null){
                        $('#disposisi_revisi').append(result.tampil_disposisi_banyak);
                    }                

                }/*else if(result.recidjabatans == 5 || result.recidjabatans == 17){
                    $('#recidtujuan').attr('value', '');

                    if(result.catatan_disposisi!=null){
                        $('#catatan_1').append("<li>"+result.catatan_disposisi+"</li>");
                    }

                    if(result.revisi_catatan_1!=null){
                        $('#catatan_2').append("<li>Revisi 1 :<ul><li>"+result.revisi_catatan_1+"</li></ul>");
                    }

                    if(result.revisi_catatan_2!=null){
                        $('#catatan_3').append("<li>Revisi 1 :<ul><li>"+result.revisi_catatan_2+"</li></ul>");
                    }

                    if (result.disposisi_banyak != null) {
                        var arrdisp = result.disposisi_banyak.split(",");                    
                    
                        $('#disposisi_banyak').val(arrdisp);
                        $('#disposisi_banyak').trigger('change');
                    }
                    
                }*/else{                                
                    if(result.data_disposisi != null){
                        if(result.data_disposisi.isitl){
                            $('#catatan_1').append("<li>"+result.data_disposisi.isitl+"</li>");
                            $('#catatan_revisi').append(result.data_disposisi.isitl);
                        }

                        if(result.data_disposisi.revisi_catatan_1!=null){
                            $('#catatan_2').append("<li>Revisi 1 :<ul><li>"+result.data_disposisi.revisi_catatan_1+"</li></ul>");
                        }

                        if(result.data_disposisi.revisi_catatan_2!=null){
                            $('#catatan_3').append("<li>Revisi 2 :<ul><li>"+result.data_disposisi.revisi_catatan_2+"</li></ul>");
                        }

                        if (result.data_disposisi.disposisi_banyak != null) {
                            var arrdisp = result.data_disposisi.disposisi_banyak.split(",");                
                        
                            $('#disposisi_banyak').val(arrdisp);
                            $('#disposisi_banyak').trigger('change');

                            $('#disposisi_revisi').append(result.tampil_disposisi_banyak);
                        }

                        $('#recidtujuan').attr('value', result.data_disposisi.recidtujuan);
                    }

                }                  
                /*console.log(result);  */                     

                var textShow = '';

                if(result.data_disposisi!=null){
                  var arr = [];
                  var d = result.data_disposisi;
                  while (true) {
                    var isiTl = '--';
                    var j = d.jabatan;
                    if(d.isitl!=null) var isiTl = d.isitl;
                    arr.push({jabatan:j.namajabatan,isitl:isiTl});
                    // $("#disposisi").append("<li>"++"<ul><li>"+isiTl+"</li></ul></li>")
                    var d = d.semua_atasan;
                    if(d==null) break;
                  }
                  arr.reverse();           

                  $("#disposisi-catatan").append("<li>Dirut<ul><li>"+result.data_disposisi.suratmasuk.disposisi+"</li></ul></li>");
                  $("#disposisi-catatan").append("<li>Sekper<ul><li>--</li></ul></li>");  

                  var jab = "{{Session::get('loginaktif')}}";
                  
                  $.each(arr,function(key,val){
                    if(jab != val.recid){
                        $("#disposisi-catatan").append("<li>"+val.jabatan+"<ul><li>"+val.isitl+"</li></ul></li>");
                    }
                  });

                  var arrdisps = result.tampil_disposisi_banyak.split(",");

                  $("#disposisi").append("<ul><li>"+arrdisps+"</li></ul>")

                }else{                        
                  $("#disposisi-catatan").append("<li>Dirut<ul><li>"+result.catatan_disposisi+"</li></ul></li>");
                  $("#disposisi-catatan").append("<li>Sekper<ul><li>--</li></ul></li>");              

                  var jab = "{{Session::get('loginaktif')}}";             

                  if(result.data_disposisi != null){
                    var arrdisps = result.disposisi_banyak.split(",");  
                  }else{
                    var arrdisps = result.tampil_disposisi_banyak.split(",");
                  }
                  
                  console.log(result);
                  $("#disposisi").append("<ul><li>"+arrdisps+"</li></ul>")
                }      

                $("#lead").append(result.nama_lead);
            }
        });

        

        $("[name=recid]").val(kode);
        $("[name=kode]").val(kode);
        $("[name^=tujuan]").iCheck('enable');
        $("[name^=tujuan]").iCheck('uncheck');
        $("[name=disposisi]").attr('disabled', false).val(1);
        $("[name=catatan]").attr('disabled', false).val('');
        // $("#preview").attr("src", url);
        // $("#preview-a").attr("href", url); 
        // $("#preview_revisi").attr("src", url);
        // $("#preview-revisi").attr("href", url);            

        $.ajax({
            type: "post",
            url: "{{route('suratmasuk-detail')}}",
            data: {kode: kode, tipe: 1, _token: "{{ csrf_token() }}"},
            success: function (result) {            
                if(result.recidjabatans == 1){                
                    for (i = 0; i < result.disposisi.length; i++) {
                        if (result.disposisi[i].statussurat != "9") {                    
                            $(".abcd_" + result.disposisi[i].recidjabatan).iCheck('check');                    
                        }
                    }
                }else{
                    console.log(result);
                    for (i = 0; i < result.data_tujuan.length; i++) {
                        if (result.data_tujuan[i].statussurat != "9") {                    
                            $(".abcd_" + result.data_tujuan[i].recidjabatan).iCheck('check');                    
                        }
                    }
                }
                
            }
        });
    }
	
	function disposisi(kode) {
        $('.asal').text('');
        $("#form-disposisi").removeClass('hidden');    
        $('#disposisi_banyak').val(null).trigger('change');
        $("#catatan_1").empty();
        $("#catatan_2").empty();
        $("#catatan_3").empty();
        $("#disposisi").empty();
        $("#disposisi-catatan").empty();
		// var url = 'aa';
        $.ajax({
            type: "post",
            url: "{{route('suratmasuk-detail2')}}",
            data: {kode: kode, _token: "{{ csrf_token() }}"},
            success: function (result) {
                console.log(result);
                $('#nomor').text(result.surat.nosurat);            
                $('#pengirim').text(result.surat.pengirimsurat);
                $('#perihal').text(result.surat.perihal);  
                $('#recidsurat').val(result.surat.recidsurat);
                
                //Permohonan Jaringan
                $('#pengirim_pj').text(result.surat.pengirimsurat);
                $('#nosurat_pj').text(result.surat.nosurat);  
                $('#perihal_pj').text(result.surat.perihal);

                var notu = result.surat.notu;
                $('#noagenda_pj').text(notu.replace(/\s/g, ''));

                var tglsurat_pj = result.surat.tglsurat;                
                $('#tglsurat_pj').text(tglsurat_pj.substr(0,tglsurat_pj.indexOf(' ')));                

                var tglagenda_pj = result.surat.tgltu;                
                $('#tglagenda_pj').text(tglagenda_pj.substr(0,tglagenda_pj.indexOf(' ')));                

                var url = "{{URL::to('pdf').'/'}}" + result.surat.pathfile;				
                $("#preview").attr("src", url);
				$("#preview-a").attr("href", url); 
                $("#previewb").attr("src", url);
                $("#preview-b").attr("href", url); 
				
                $("#view_disposisi").click(function(){
                    var a = document.getElementById('view_disposisi');
                    a.href = "CetakLembarDisposisiBaru/" + $("#recidsurat").val();
                });

				if(result.surat.disposisi_jab == 1){
					$("#disposisi-catatan").append("<li>Dirut<ul><li>Disposisi: "+result.surat.disp_b+"</li><li>Catatan: "+result.surat.disposisi+"</li></ul></li>");
				}else{
					$("#disposisi-catatan").append("<li>SekPer<ul><li>Disposisi: "+result.surat.disp_b+"</li><li>Catatan: "+result.surat.disposisi+"</li></ul></li>");
				}
				var next = true;
				var login = "{{Session::get('loginaktif')}}";
				if(result.disposisi != null && next){ //child 1
					$("#disposisi-catatan").append("<li>"+result.disposisi.jabatan.namajabatan+"<ul><li>Disposisi: "+result.disposisi.disp_b+"</li><li>Catatan: "+result.disposisi.isitl+"</li></ul></li>");
					$('#status').text(result.disposisi.status.keterangan);
					if(result.disposisi.lead_jabatan != null){
						$('#lead').text(result.disposisi.lead_jabatan.namajabatan);
					}
					if(login == result.disposisi.recidjabatan){
						next = false;
					}
					
					if(result.disposisi.bawahan != null){ //child 2
						if(next){
							$("#disposisi-catatan").append("<li>"+result.disposisi.bawahan.jabatan.namajabatan+"<ul><li>Disposisi: "+result.disposisi.bawahan.disp_b+"</li><li>Catatan: "+result.disposisi.bawahan.isitl+"</li></ul></li>");
							$('#status').text(result.disposisi.bawahan.status.keterangan);
						}
						if(result.disposisi.bawahan.lead_jabatan != null){
							$('#lead').text(result.disposisi.bawahan.lead_jabatan.namajabatan);
						}
						if(login == result.disposisi.bawahan.recidjabatan){
							next = false;
						}

						if(result.disposisi.bawahan.bawahan != null){ //child 3
							if(next){
								$("#disposisi-catatan").append("<li>"+result.disposisi.bawahan.bawahan.jabatan.namajabatan+"<ul><li>Disposisi: "+result.disposisi.bawahan.bawahan.disp_b+"</li><li>Catatan: "+result.disposisi.bawahan.bawahan.isitl+"</li></ul></li>");
								$('#status').text(result.disposisi.bawahan.bawahan.status.keterangan);
							}
							if(result.disposisi.bawahan.bawahan.lead_jabatan != null){
								$('#lead').text(result.disposisi.bawahan.bawahan.lead_jabatan.namajabatan);
							}
							if(login == result.disposisi.bawahan.bawahan.recidjabatan){
								next = false;
							}

							if(result.disposisi.bawahan.bawahan.bawahan != null){ //child 4
								if(next){
									$("#disposisi-catatan").append("<li>"+result.disposisi.bawahan.bawahan.bawahan.jabatan.namajabatan+"<ul><li>Disposisi: "+result.disposisi.bawahan.bawahan.bawahan.disp_b+"</li><li>Catatan: "+result.disposisi.bawahan.bawahan.bawahan.isitl+"</li></ul></li>");
									$('#status').text(result.disposisi.bawahan.bawahan.bawahan.status.keterangan);
								}
								if(result.disposisi.bawahan.bawahan.bawahan.lead_jabatan != null){
									$('#lead').text(result.disposisi.bawahan.bawahan.bawahan.lead_jabatan.namajabatan);
								}
								if(login == result.disposisi.bawahan.bawahan.bawahan.recidjabatan){
									next = false;
								}
							}
						}
					}
				}
            }
        });
    }

    function inputNoAgendaSekper(id){
      $.ajax({
        url:"{{url('SuratMasukDetail')}}",
        data:{kode:id,_token:"{{csrf_token()}}"},
        method:"POST",
        success:function(res){
          $("#form-sekper input[name='no_agenda_sekper']").val(res.no_agenda_sekper);
          $("#form-sekper input[name='recidsurat']").val(id);
          $("#form-sekper input[name='tgl_mundur']").val(res.tgl_mundur);
          $("#modal-no-agenda")
          .on('hidden.bs.modal',function(){
            $("#form-sekper input").val('');
          })
          .modal('show');
        }
      })
    }

    $("#form-sekper").on('submit',function(e){
        e.preventDefault();
        var no_agenda_sekper = $("#form-sekper input[name='no_agenda_sekper']").val();
        var recidsurat = $("#form-sekper input[name='recidsurat']").val();
        var tgl_mundur = $("#form-sekper input[name='tgl_mundur']").val();
        $.ajax({
          url:"{{url('input-no-agenda-sekper')}}",
          method:"POST",
          data:{recidsurat:recidsurat,no_agenda_sekper:no_agenda_sekper,tgl_mundur:tgl_mundur},
          success:function(res){
            $("#modal-no-agenda").modal('hide');
          }
        })
    });

    function filterTable(){
      table.ajax.reload(null,false);
    }

    $("select[name='filter']").on('change',function(){
        filterTable();
    });

    $("input[name='tanggal_filter']").on('change',function(){
        filterTable();
    });

</script>
@endsection