@extends("LaravelVueAdmin.layouts.app")

@section("contentheader_title", "Lembar Kerja Harian")
@section("section", "Lembar Kerja")
@section("sub_section", "Lembar Kerja Harian")
@section("section_url", url(config('LaravelVueAdmin.adminRoute') . '/task_items'))
@section("htmlheader_title", "Lembar Kerja Harian")

@section("headerElems")
<ul class="fab-menu fab-menu-absolute fab-menu-top-right affix-top" data-fab-toggle="click" id="fab-menu-affixed-right">
	<li>
		<a class="fab-menu-btn btn bg-primary-300 btn-float btn-rounded btn-icon legitRipple">
			<i class="fab-icon-open icon-grid3"></i>
			<i class="fab-icon-close icon-cross2"></i>
		</a>
		<ul class="fab-menu-inner">
			<li>
				<div data-fab-label="Tambah Lembar Kerja Harian">
					<a href="#" class="btn btn-default btn-rounded btn-icon btn-float legitRipple quickReply" data-toggle="modal" data-title="Tambah Lembar Kerja Harian"   data-target="#AddModal" >
						<i class="icon-plus2"></i>
					</a>
				</div>
			</li>
		</ul>
	</li>
</ul>
@endsection
@section("mini")
@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="row ">
  <div class="col-md-12">
  <div class="col-md-4">
    <div class="panel panel-flat">
        <div class="panel-heading">
          <div class="heading-elements">
            <ul class="icons-list">
              <li><a data-action="collapse"></a></li>
            </ul>
          </div>
        </div>
        <div class="table-responsive">
        <table id="example1" class="table table-xxs datatable-ajax">
          <thead>
            <tr>
              <th></th>
              <th>Jam Mulai</th>
              <th>Detail Pekerjaan</th>
            </tr>
          </thead>
        </table>
      </div>
    </div>
  </div>
    <div class="col-md-8">
<!-- Ajax sourced data -->
    <div class="panel panel-flat">
		<div class="panel-heading">
			<h5 class="panel-title text-center" id="title">

      </h5>
			<div class="heading-elements">
				<ul class="icons-list">
					<!-- <li><a data-action="reload"></a></li> -->
					<li><a data-action="collapse"></a></li>
				</ul>
			</div>
      <div id="btn-tambah">

      </div>
		</div>
    <div class="table-responsive">
      <table id="myTable" class="table datatable-responsive-control-right table-xxs">
        <thead id="headers">
          <tr id="row">
            <th></th>
            <th></th>
            <th>ID Lembar Kerja</th>
            <th>Catatan</th>
            <th>Dikerjakan Oleh</th>
            <th>Tanggal</th>
						<th>Status</th>
						<th>Aksi</th>
          </tr>
        </thead>
      </table>
    </div>

		@hasSection('description')
		<div class="panel-body">
			@yield('description')
		</div>
		@endif
  </div>
</div>
</div>
</div>

@endsection
@section("main-content")

@lv_access("Task_items", "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">Tambah Lembar Kerja</h4>
			</div>
			{!! Form::open(['action' => 'LaravelVueAdmin\Task_itemsController@store', 'id' => 'task_item-add-form']) !!}
			<div class="modal-body">
				<div class="box-body">
				@php $values = collect(\DB::select( \DB::raw("SELECT `AUTO_INCREMENT` FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_NAME = 'task_items';")))->first();
				$values = LvConfigs::getBySection('tasks') . date("y") . date("m") . (intval(LvConfigs::getByKey('tasks')+$values->AUTO_INCREMENT));
				@endphp
				@if (Auth::user()->hasRole('SUPER_ADMIN')) 
					@lv_input($detail, 'task_id')
					@lv_input($detail, 'task_code', $values)
					@lv_input($detail, 'status')
					{{-- @lv_input($detail, 'updated_by') --}}
				@else
				<div class="form-group"><label for="task_id">Detail Pekerjaan :</label><input class="form-control" placeholder="Enter ID" data-rule-maxlength="256" name="task_id" type="hidden" value="{{$id}}"></div>
				<div class="form-group"><label for="task_code">Code : {{$values}}</label><input class="form-control" placeholder="Enter Code" data-rule-maxlength="256" name="task_code" type="hidden" value="{{$values}}"><input name="status" type="hidden" value="27"></div>
				@endif
				@lv_input($detail, 'pic')
				{!!\App\Helpers\CEOFormMaker::input($detail, 'date')!!}
				@lv_input($detail, 'note')
				</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

@endsection

@push('scripts')
<script src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
<script src="{{ asset('LaravelVueAdmin/assets/js/pages/components_popups.js') }}"></script>
<script type="text/javascript" src="{{ asset('LaravelVueAdmin/assets/js/core/libraries/jquery_ui/core.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('/LaravelVueAdmin/assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>

<script>
$(function () {
  if (! $.fn.dataTable.isDataTable( '#example1' ) )
  {

    var doms="";
    var $rows = "";
    $.ajax({
        url:"{{ url(config('LaravelVueAdmin.adminRoute') . '/task_list_dt_ajax/'. $id) }}",
        type:"GET",
        success:function(res){
          rows = res.recordsTotal;
        }
    });

    if($rows > 50){
      doms =  '<"datatable-scroll"t><"datatable-footer"ip>';
    } else {
      doms = '<"datatable-scroll"t><"datatable-footer">';
    }


	var tabel = $("#example1").DataTable({
    processing: true,
    serverSide: true,
    autoWidth: false,
    responsive: true,
    ordering: false,
    ajax: "{{ url(config('LaravelVueAdmin.adminRoute') . '/task_list_dt_ajax/' . $id) }}",
		dom:   doms,
    lengthMenu: [[50, 100, 150, -1], [50, 100, 150, "Semua"]],
    iDisplayLength: 50,
		language: {
			"url": "{{ asset('LaravelVueAdmin/assets/plugins/datatables/Indonesian.json') }}"
		},
    order: [[1, 'asc']],
    createdRow: function( row, data, dataIndex ) {
				$(row).addClass( 'row-'+data[0] );
				$(row).addClass('Rowtooltip');
				$(row).attr('title',data[1]+' - '+'Jam Mulai : '+ data[2]);
				$(row).attr('data-toggle','tooltip');
		},
				columnDefs: [
						{
								"targets": [ 0 ],
								"visible": false,
								"searchable": false
						},
            {
                 "targets": [1],
								 "searchable": false,
								 render: function ( data, type, full, meta ) {
                       return full[2];
                }
            },
            {
                 "targets": [2],
                 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;
                }
            }

    ]
	});

}


});

$('[data-toggle="tooltip"]').tooltip();
$(document).on("click", ".hapus", function () {
	id=$(this).data('id');
	swal({
		title: "Apakah anda yakin?",
		text: "Data yang dihapus tidak dapat dikembalikan",
		type: "warning",
		showCancelButton: true,
		confirmButtonColor: "#EF5350",
		confirmButtonText: "Hapus",
		cancelButtonText: "Batal",
		closeOnConfirm: false,
		closeOnCancel: false
	},
	function(isConfirm){
		if (isConfirm) {
			$.ajax({
				url: $("#formHapus-"+id).attr('action'),
				data: $("#formHapus-"+id).serialize(),
				type: 'POST',
				dataType: 'json',
				beforeSend: function(){
						swal('Loading', 'Sedang menghapus data . . .', 'info');
				},
				success: function(res){
						if (res.result == 'success') {
								swal({
								  title: "Sukses!",
								  text: res.msg,
								  type: 'success',
								  confirmButtonColor: '#27ae60',
								  allowOutsideClick: false,
								},
								function(result){
									tabel.ajax.reload( null, false );
								});
						} else {
								swal('Error!', res.msg, 'error');
						}
				},
				error: function(errors){
						swal("Oops", errors.statusText, "error");
				}
		});
		}
		else {
			swal({
				title: "Batal",
				text: "Proses dibatalkan",
				confirmButtonColor: "#2196F3",
				type: "error"
			});
		}
	});
});
</script>

<script type="text/javascript">
$(function(){
    if (! $.fn.dataTable.isDataTable( '#myTable' ) )
    {
      var doms="";
      var $rows = "";
      $.ajax({
          url:"{{ url(config('LaravelVueAdmin.adminRoute') . '/dtask_dt_ajax/'.$id) }}",
          type:"GET",
          success:function(res){
            rows = res.recordsTotal;
          }
      });

      if($rows > 50){
        doms =  '<"datatable-scroll"ft><"datatable-footer"ip>';
      } else {
        doms=  '<"datatable-scroll"ft><"datatable-footer">';
      }

    		var table_1;

       table_1 =   $('#myTable').DataTable({
        processing: true,
 				serverSide: true,
    		autoWidth: false,
        ajax: "{{ url(config('LaravelVueAdmin.adminRoute') . '/dtask_dt_ajax/'.$id) }}",
        dom: doms,
    		language: {
    			"url": "{{ asset('LaravelVueAdmin/assets/plugins/datatables/Indonesian.json') }}"
    		},
        createdRow: function( row, data, dataIndex ) {
			    	$(row).addClass( 'rows-tr ');
				},
				columnDefs: [
						{
								"targets": [ 0 ],
								"visible": false,
								"searchable": false
						},
            {
                 "targets": [1],
								 "visible": false,
								 "searchable": false
            },],
      });
      $.fn.dataTable.ext.errMode = 'none';
    }

		$(".modal").removeAttr('tabindex');

  $(document).on("click", ".hapus", function () {
  	id=$(this).data('id');
  	swal({
  		title: "Apakah anda yakin?",
  		text: "Data yang dihapus tidak dapat dikembalikan",
  		type: "warning",
  		showCancelButton: true,
  		confirmButtonColor: "#EF5350",
  		confirmButtonText: "Hapus",
  		cancelButtonText: "Batal",
  		closeOnConfirm: false,
  		closeOnCancel: false
  	},
  	function(isConfirm){
  		if (isConfirm) {
  			$.ajax({
  				url: $("#formHapus-"+id).attr('action'),
  				data: $("#formHapus-"+id).serialize(),
  				type: 'POST',
  				dataType: 'json',
  				beforeSend: function(){
  					swal('Loading', 'Sedang menghapus data . . .', 'info');
  				},
  				success: function(res){
  					if (res.result == 'success') {
  						swal({
  							title: "Sukses!",
  							text: res.msg,
  							type: 'success',
  							confirmButtonColor: '#27ae60',
  							allowOutsideClick: false,
  						},
  						function(result){
  							table_1.ajax.reload( null, false );
  						});
  					} else {
  						swal('Error!', res.msg, 'error');
  					}
  				},
  				error: function(errors){
  					swal("Oops", errors.statusText, "error");
  				}
  			});
  		}
  		else {
  			swal({
  				title: "Batal",
  				text: "Proses dibatalkan",
  				confirmButtonColor: "#2196F3",
  				type: "error"
  			});
  		}
  	});
	});
	$('.modal').on('shown.bs.modal', function() {
		$(this).find('[autofocus]').focus();
	});
	$("select[name='pic']").attr('autofocus','autofocus');
});
</script>
@endpush