@extends("LaravelVueAdmin.layouts.app")

@section("contentheader_title", "Detail Pekerjaan")
@section("contentheader_description", "".$task->task_code."")
@section("section", "Lembar Kerja Harian")
@section("section_url", url(config('LaravelVueAdmin.adminRoute') . '/task_items/detail/' .$task->id))
@section("sub_section", "Detail Pekerjaan")
@section("htmlheader_title", "Detail Pekerjaan")

@section("headerElems")
@endsection

@section("main-content")

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="panel panel-flat">

		<table id="example1" class="table datatable-responsive-control-right table-xxs">
			<thead>
			<tr class="">
				@foreach( $listing_cols as $col )
				<th>{{ $module->fields[$col]['label'] or ucfirst($col) }}</th>
				@endforeach
				@if($show_actions)
				<th>Waktu</th>
				<th>Aksi</th>
				@endif
			</tr>
			</thead>
			<tbody>
				
			</tbody>
		</table>
	</div>

@lv_access("Task_item_ds", "create")
<div class="modal fade" id="AddModal" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Update Detail Lembar Kerja</h4>
			</div>
			{!! Form::open(['action' => 'LaravelVueAdmin\Task_item_dsController@store', 'id' => 'task_item_d-add-form']) !!}
			<div class="modal-body">
				<div class="box-body">
                    @lv_form($detail)
					{{--
					--}}
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endlv_access

@lv_access("Task_item_ds", "edit")
<div class="modal fade" id="EditModal" role="dialog" aria-labelledby="myModalEditLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalEditLabel">Update Detail Lembar Kerja</h4>
			</div>
			{!! Form::model($detail, ['route' => [config('LaravelVueAdmin.adminRoute') . '.task_item_ds.update', 0], 'method'=>'PUT', 'id' => 'task_item_d-edit-form']) !!}
				<div class="modal-body">
				<div class="box-body">
					<div class="form-group"><label for="daily_task_id">Lembar Pekerjaan :</label><p class="form-control" id="daily_task_id" disabled></p></div>
					<div class="form-group"><label for="detail_task_id">Detail Pekerjaan :</label><p class="form-control" id="detail_task_id" disabled></p></div>
					<div class="form-group"><label for="pic">Penanggung Jawab :</label><p id="pic" class="form-control" disabled></p></div>
					@lv_input($detail, 'note')
					@lv_input($detail, 'status')
					@lv_input($detail, 'created_by')
					{{--
					@lv_form($detail)
					--}}
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Update', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endlv_access

@endsection

@push('scripts')
<script type="text/javascript" src="{{ asset('/LaravelVueAdmin/assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>
<script src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
<script src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/extensions/responsive.min.js') }}"></script>
<script>
$(function () {
	var doms="";
	var $rows = "";
	$.ajax({
			url:"{{ url(config('LaravelVueAdmin.adminRoute') . '/task_item_d_ajax/' . $task->id) }}",
			type:"GET",
			success:function(res){
				rows = res.recordsTotal;
			}
	});

	if($rows > 50){
		doms =  '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>';
	} else {
		doms =  '<"datatable-header"f><"datatable-scroll"t><"datatable-footer">';
	}
	$.extend( $.fn.dataTable.defaults, {
		autoWidth: false,
		responsive: true,
		columnDefs: [{
			className: 'control',
			orderable: false,
			targets:   [-1]
		}],
		dom: doms,
		lengthMenu: [[50, 100, 150, -1], [50, 100, 150, "Semua"]],
		iDisplayLength: 50,
		language: {
			"url": "{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/Indonesian.json') }}"
		},
		drawCallback: function () {
			$(this).find('tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
		},
		preDrawCallback: function() {
			$(this).find('tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
		}
	});

	var tabel = $("#example1").DataTable({
		responsive: {
			details: {
				type: 'column',
				target: [-1]
			}
		},
		processing: true,
		serverSide: true,
		ajax: "{{ url(config('LaravelVueAdmin.adminRoute') . '/task_item_d_ajax/' . $task->id) }}",
		createdRow: function( row, data, dataIndex ) {
			$(row).addClass( 'row-'+data[0] );
			$(row).addClass('Rowtooltip');
			$(row).attr('title',data[1]);
			$(row).attr('data-toggle','tooltip');
	},
		@if($show_actions)
		columnDefs: [ { orderable: false, targets: [-1], width: "5%" },
		{ visible: false, targets: [0] },
		{ title: "Item Pekerjaan", targets: [1], width: "30%",render: function ( data, type, full, meta ) {var  render='';
		if(full[1].length > 40) render = full[1].substring(0,40)+'...';
		else
			 render += full[1];
			 return render;} },
		{ visible: false, targets: [2] },
		{ visible: false, targets: [3] },
		{ targets: [4], title: "Catatan",  width: "30%",render: function ( data, type, full, meta ) {return full[5];} },
		{ targets: [5], title: "Jam Mulai", width: "15%",render: function ( data, type, full, meta ) {return full[6];} },
		{ targets: [6], title: "Status", width: "20%" ,render: function ( data, type, full, meta ) {return full[4];}  },
		],
        order: [[1, 'asc']],
		@endif
	});
	$.fn.dataTable.ext.errMode = 'none';
	$('#example1').on('error.dt', function(e, settings, techNote, message) {
		(function($) {
				$.jGrowl('Terjadi kesalahan saat <strong>memuat data</strong>, Silahkan <a class="alert-link" onclick="window.location.reload(true);"><u><i class="icon-reload-alt"></i>MUAT ULANG</u></a> halaman!', {
					position: 'center',
					theme: 'bg-danger alert-styled-left',
					sticky: true,
					header: 'PROSES DIHENTIKAN'
				});
		})(window.jQuery);
	});
	$(document).on("click", ".quickEdit", function () {
		$(".modal-body #daily_task_id").html($(this).data('tid'));
		$(".modal-body #detail_task_id").html($(this).data('detail'));
		$(".modal-body #pic").html($(this).data('pic'));
		$(".modal-content #task_item_d-edit-form").attr('action','{{ url(config('LaravelVueAdmin.adminRoute') . '/task_item_ds') }}/'+$(this).data('id'));
	});
	$("#task_item_d-add-form").validate({
		
	});
	
	$('.modal').on('shown.bs.modal', function() {
		$(this).find('[autofocus]').focus();
	});
	$("textarea[name='note']").attr('autofocus','autofocus');
});
</script>
@endpush