@extends('layouts.app')

@section('content')
<?php usort($tableGrid, "SiteHelpers::_sort"); ?>
<div class="page-titles">
  <h2> {{ $pageTitle }} <small> {{ $pageNote }} </small></h2>
</div>


	<div id="pengecekanbbmView"></div>	
	<div id="pengecekanbbmGrid">
		<div class="row">
			<div class="col-md-4">
				<div class="card">
					<div class="card-body">
					<div class="form-ajax-box">
					{!! Form::open(array('url'=>'pengecekanbbm?return='.$return, 'class'=>'form-vertical  sximo-form validated','files' => true , 'parsley-validate'=>'','novalidate'=>' ','id'=> 'pengecekanbbmFormAjax')) !!}

						<div class="toolbar-nav">	
							<div class="row">	
								
								<div class="col-md-6">
									<a href="javascript://ajax" onclick="ajaxViewClose('#{{ $pageModule }}')" class="tips btn btn-sm btn-danger  " title="{{ __('core.btn_back') }}" ><i class="fa  fa-times"></i></a>
								</div>
								<div class="col-sm-6 text-right">	
									<div class="btn-group">
										<button type="submit" class="btn btn-sm btn-success" name="save">  {{ Lang::get('core.sb_save') }} </button>
									</div>	
								</div>	
										
							</div>
						</div>	
							<div class="row">

						
						<div class="col-md-12">
									<fieldset><legend> </legend>
							{!! Form::hidden('id', $row['id']) !!}					
												<div class="form-group  " >
													<label for="ipt" class=" control-label "> Tgl Pengecekan    </label>									
													<input  type='date' name='tgl_pengecekan' id='tgl_pengecekan' value='{{ $row['tgl_pengecekan'] }}' 
										class='form-control form-control-sm ' /> 						
												</div> 					
												<div class="form-group  " >
													<label for="ipt" class=" control-label "> Stasiun    </label>									
													<select name='stasiun' rows='5' id='stasiun' class='select2 '   ></select> 						
												</div> 					
												<div class="form-group  " >
													<label for="ipt" class=" control-label "> Jenis Bbm    </label>									
													<select name='jenis_bbm' rows='5' id='jenis_bbm' class='select2 '   ></select> 						
												</div> 					
												<div class="form-group  " >
													<label for="ipt" class=" control-label "> Tinggi    </label>									
													<input  type='text' name='tinggi' id='tinggi' value='{{ $row['tinggi'] }}' 
										class='form-control form-control-sm ' /> 						
												</div> 					
												<div class="form-group  " >
													<label for="ipt" class=" control-label "> Valume    </label>									
													<input  type='text' name='valume' id='valume' value='{{ $row['valume'] }}' 
										class='form-control form-control-sm ' /> 						
												</div> 					
												<div class="form-group  " >
													<label for="ipt" class=" control-label "> Shift    </label>									
													
								
								<input type='radio' name='shift' value ='PAGI'  @if($row['shift'] == 'PAGI') checked="checked" @endif class='filled-in' id='shift-0'> <label for='shift-0'>PAGI </label>
								
								<input type='radio' name='shift' value ='SORE'  @if($row['shift'] == 'SORE') checked="checked" @endif class='filled-in' id='shift-1'> <label for='shift-1'>SORE </label> 						
												</div> 					
												<div class="form-group  " >
													<label for="ipt" class=" control-label "> Foto    </label>									
													
									<div class="fileUpload btn " > 
										<span>  <i class="fa fa-camera"></i>  </span>
										<div class="title"> Browse File </div>
										<input type="file" name="foto" class="upload"   accept="image/x-png,image/gif,image/jpeg"     />
									</div>
									<div class="foto-preview preview-upload">
										{!! SiteHelpers::showUploadedFile( $row["foto"],"/uploads/foto_sto_bbm/") !!}
									</div>
														
												</div> 
												{!! Form::hidden('createdOn', $row['createdOn']) !!}{!! Form::hidden('updatedOn', $row['updatedOn']) !!}{!! Form::hidden('unit', $row['unit']) !!}</fieldset>
										</div>									
							
						<input type="hidden" name="action_task" value="save" />				
									


						

						
					{!! Form::close() !!}
					</div>
				</div>
					</div>
				</div>
			</div>
			<div class="col-md-8">
		<div class="card">
			<div class="card-body">
			@include( $pageModule.'/toolbar')
		
		
			<div class="table-responsive">			
				<table id="pengecekanbbmTable" class="display table  table-striped table-hover" cellspacing="0" width="100%">
			        <thead>
			            <tr>
			            	<th>ID</th>	
			            	
			            @if($setting['view-method'] =='expand')<th></th>@endif
			           

			            
		            <?php foreach ($tableGrid as $t) :
						if($t['view'] =='1'):
							$limited = isset($t['limited']) ? $t['limited'] :'';
							if(SiteHelpers::filterColumn($limited ))
							{
								echo '<th align="'.$t['align'].'" width="'.$t['width'].'">'.\SiteHelpers::activeLang($t['label'],(isset($t['language'])? $t['language'] : array())).'</th>';				
							} 
						endif;
					endforeach; ?>
							 <th width="30" class="text-right" > Action </th>
						</tr>

					</thead>	
			               
			    </table>
			</div>	 
		</div>			
	</div>
	</div>
	</div>	
	</div>
	
</div>

<script type="text/javascript">

	$(document).ready(function() {
		$('.tips').tooltip();
		$('.dataselect').select2();
		var rows_selected = []; 			
	   	var table = $('#pengecekanbbmTable').DataTable( {
	        "processing": true,
	       
	        "serverSide": true,
	        // "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
	        "ajax": {
	            "url": "{!! url('pengecekanbbm')!!}",
	            "type": "POST"
	             
        	},
        	"columnDefs": [{ 
        		"targets": [0],
                "visible": false,
                orderable: false,
            	className: 'select-checkbox'
        	}],
        	"columns": [<?php echo $column;?>],
        	'order': [[1, 'asc']],
        	<?php if($access['is_excel'] ==1 ) { ?>
        	dom: 'Bfltip',
        	buttons: [
            	'copy', 'csv', 'excel', 'pdf', 'print'
        	]
        	<?php } ?>
        	
	    });

	   	<?php if($setting['view-method'] =='expand'): ?>
		$('#pengecekanbbmTable tbody').on('click', 'td.details-control', function () {
	        var tr = $(this).closest('tr');
	        var row = table.row( tr );
	        var id = row.data().rowId;

	        if ( row.child.isShown() ) {
	        	 row.child.hide();
            	tr.removeClass('shown');
	        }
	        else {
	            // Open this row
	            row.child.show();	            
	            row.child( expand_child(id) ).show();
	            tr.addClass('shown');
	            $.get('{{ url("pengecekanbbm/")}}/'+id , function(callback){
	            	$('#'+id).html(callback);
	            	$('#'+id).addClass('data');
	            })
		        
	            
	        }
    	});
    	<?php endif; ?>
		$('.dosearch').keyup(function( e ){
			if (e.keyCode === 13) {
				val = $(this).val();
				table.search(val ).draw();
			}
		})  

	    $('#pengecekanbbmTable').Sdtable({
	    	tableId : '#pengecekanbbm',
	    	table   : table,
	    	action  : '{{ url("pengecekanbbm")}}' 
	    });

	   
	});


    function expand_child( id )
    {
    	return '<div id="'+ id+'"><p class="text-center"> Loading Content .. Please wait</p></div>';	
    }

</script>
<script type="text/javascript">
$(document).ready(function() { 
	
		$("#stasiun").jCombo("{!! url('pengecekanbbm/comboselect?filter=m_stasiun_bbm:id:stasiun') !!}",
		{  selected_value : '{{ $row["stasiun"] }}' });
		
		$("#jenis_bbm").jCombo("{!! url('pengecekanbbm/comboselect?filter=m_jenis_bbm:id:jenis_bbm') !!}",
		{  selected_value : '{{ $row["jenis_bbm"] }}' });
		 
	
	 
				
	var form = $('#pengecekanbbmFormAjax'); 
	form.parsley();
	form.submit(function(){
		
		if(form.parsley().isValid()){			
			var options = { 
				dataType:      'json', 
				beforeSubmit :  function(){
				},
				success: function(data) {
					if(data.status == 'success')
					{
						ajaxViewClose('#{{ $pageModule }}');
						var table = $('#pengecekanbbmTable').DataTable();
						table.ajax.reload();
						notyMessage(data.message);	
						$('#sximo-modal').modal('hide');	
					} else {
						notyMessageError(data.message);	
						return false;
					}
				}  
			}  
			$(this).ajaxSubmit(options); 
			return false;
						
		} else {
			return false;
		}		
	
	});

});

</script>

@endsection