@extends('layouts.template')

@section('title')
View | Detail Pengajuan
@endsection

@section('pagetitle')
View  Approval
@endsection

@section('breadcumb')
<nav aria-label="breadcrumb" role="navigation" class="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Beranda</a></li>
        <li class="breadcrumb-item"><a href="#">Data</a></li>
        <li class="breadcrumb-item active" aria-current="page">Update </li>
    </ol>
</nav>
@endsection

@section('content')
<div class="container-fluid">
    
    <div class="row">

        @if($data->status_approval=='0')
        <div class="col-md-12" style="margin-top : -10px;">
            <div class="card">
                
                    <div class="card-content">
                    <b>    </b>
                        <form onsubmit="return confirm('Apakah Anda Yakin ?');" action="{{route('approvalpayment.approving')}}"
                        method="POST" enctype="multipart/form-data" class="form-horizontal">
                        @csrf
                        <input name="id" value="{{$data->id}}" type="hidden">
                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">No Dokumen</label>    
                            <div class="col-md-5">
                            {{$data->rencana->doc_no}}
                            </div>

                        </div>
                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">Tanggal Dokumen</label>    
                            <div class="col-md-3">
                            {{$data->rencana->doc_date}}
                            </div>

                        </div>
                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">Pajak %</label>    
                            <div class="col-md-2">
                            {{$data->rencana->pajak_persen}}
                            </div>

                        </div>

                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">Total</label>    
                            <div class="col-md-4">
                            Rp.{{number_format($data->rencana->permintaan)}}
                            </div>

                        </div>
                        <div class="form-group">
                            <label class="col-md-2 " for="approval_tipe">Persetujuan</label>    
                            <div class="col-md-3">
                                <select class="select2 form-control" data-width="100%" id="approval_tipe" name="approval_tipe" required >
                                        <option value="1">SETUJU</option>
                                        <option value="2">REVISI</option>
                                        <option value="3">TOLAK</option>
                                </select>
                                
                            </div>

                        </div>
                        <div class="form-group">
                            <label class="col-md-2" for="kode">Catatan </label>
                            
                            <div class="col-md-5">
                            <input type="text" class="form-control" name="catatan"  >
                            </div>
                           
                        </div>
                        
                        <div>
                            @if($data->jabatan=='KADIV PENGADAAN/SAPRAS')
                                @if($data->status_verifikasi=='1')
                                <button type="submit" class="btn btn-fill btn-success">Kirim</button>
                                @else
                                <b>Menunggu diverifikasi</b>
                                @endif
                            @else
                                <button type="submit" class="btn btn-fill btn-success">Kirim</button>
                            @endif
                        </div>
                        </form>
                    </div>

                
            </div> <!-- end card -->
        </div> <!--  end col-md-12  -->
        @else 
        <div class="col-md-12" style="margin-top : -10px;">
            <div class="card">
                
                    <div class="card-content">
                    <b>    </b>
                        <form onsubmit="return confirm('Apakah Anda Yakin ?');" action="{{route('approval.approving')}}"
                        method="POST" enctype="multipart/form-data" class="form-horizontal">
                        @csrf
                        <input name="id" value="{{$data->id}}" type="hidden">
                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">No Dokumen</label>    
                            <div class="col-md-5">
                            {{$data->rencana->doc_no}}
                            </div>

                        </div>
                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">Tanggal Dokumen</label>    
                            <div class="col-md-3">
                            {{$data->rencana->doc_date}}
                            </div>

                        </div>
                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">Pajak %</label>    
                            <div class="col-md-2">
                            {{$data->rencana->pajak_persen}}
                            </div>

                        </div>

                        <div class="form-group">
                        <label class="col-md-2" for="tanggal_dokumen">Total</label>    
                            <div class="col-md-4">
                            Rp.{{number_format($data->rencana->permintaan)}}
                            </div>

                        </div>
                        </form>
                    </div>

                
            </div> <!-- end card -->
        </div> <!--  end col-md-12  -->
        @endif
        <div class="col-md-12">
        @if($data->jabatan=='KADIV PENGADAAN/SAPRAS' AND $data->status_verifikasi==0)
            @include('approvalpayment.child_po_check')
        @else @include('approvalpayment.child_po')
        @endif
        </div>
    

</div>
<div class="modal fade" id="ajaxModel2" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modelHeading">Komentar</h4>
            </div>
            <div class="modal-body">
            <form action="{{route('approvalpayment.simpankomentar')}}" method="POST"  class="form-horizontal">
                @csrf
                   <input type="hidden" name="id" id="id" value="{{$data->id}}">
                   <input type="hidden" name="id_item" id="id_item">
                   <div class="form-group">
                        <label for="name" class="col-sm-3 control-label">Nama Barang</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" id="nama" name="nama" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="name" class="col-sm-3 control-label">Catatan</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" id="komentar" name="komentar" required="">
                        </div>
                    </div> 
                    
                    <div style="display: flex; justify-content: flex-end">
                        <button type="submit" class="btn btn-fill btn-success">Simpan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>      
<script>
   // $('.dropify').dropify();
</script>


@endsection
@section('script')
<script type="text/javascript">
$('body').on('click', '.addkomentar', function () {
        var product_id = $(this).data('id');
        var nama = $(this).data('nama');
        $('#ajaxModel2').modal('show');
         $('#id_item').val(product_id);
         $('#nama').val(nama);
});

  
       
    

function convertToRupiah(angka){
		var rev     = parseInt(angka, 10).toString().split('').reverse().join('');
		var rev2    = '';
		for(var i = 0; i < rev.length; i++){
			rev2  += rev[i];
			if((i + 1) % 3 === 0 && i !== (rev.length - 1)){
				rev2 += '.';
			}
		}
		return rev2.split('').reverse().join('');
}

    $("#telah_diminta").keyup(function(){
		
		var jumlah_bayar = $("#telah_diminta").val();
		jumlah_bayar = jumlah_bayar.replace(/\./g, "");
		
		
		if(jumlah_bayar){			
			$("#telah_diminta").val(convertToRupiah(jumlah_bayar));						
			//$("#btnSimpanPayment").prop('disabled',false);
		}
	});

    $("#rkap").keyup(function(){
		
		var jumlah_bayar = $("#rkap").val();
		jumlah_bayar = jumlah_bayar.replace(/\./g, "");
		
		
		if(jumlah_bayar){			
			$("#rkap").val(convertToRupiah(jumlah_bayar));						
			//$("#btnSimpanPayment").prop('disabled',false);
		}
	});

    // CHECK ALL CHECKBOXS
$(function () {
    $('#btnVerifikasi').prop('disabled', false);
  // CALCULATE TOTAL CHECKED
$('input:checkbox').change(function ()
{
    var total_verifikasi = 0;
    $('.checkall:checked').each(function(){ 
        
        total_verifikasi += 1;
        
    }); 

    
    if(total_verifikasi > 5){
        $('#btnVerifikasi').prop('disabled', false);
    }
    else{
        $('#btnVerifikasi').prop('disabled', true);
    }
});

});
</script>


@endsection