@extends('layouts.cannavaro.master')

@section('header')
<script src="{!! asset('adminLTE/plugins/timepicker/bootstrap-timepicker.min.js') !!}"></script>
<!-- iCheck -->
<link href="{!! asset('gentella/vendors/iCheck/skins/flat/green.css') !!}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{!! asset('css/minusinputplus.css') !!}">
@stop

@section('breadcrumb')
<span class="header-icon"><i class="fa fa-home"></i></span>
<ol class="breadcrumb newcrumb ng-scope">
    <li>
        <a href="#"><span></span>{{ $pagedesc }}</a>
    </li>
    <li>{{ $pagetitle }}</li>
</ol>
@stop

@section('content')

	<div class="box">
		<div class="box-header with-border">

			<div class="pull-right box-tools">

                <a class="btn btn-xs btn-primary text-white dom_adddata"><i class="fa fa-plus-circle"></i> Tambah Data</a>
                <!--a data-toggle="collapse" data-target="#searchbox" class="searchbox btn btn-xs btn-primary text-white" href="javascript:;" role="button"><i class="fa fa-search"></i></a-->

            </div>

            <h3 class="box-title"><i class="{{ $titleicon }}"></i> 
                <span>{{ $pagetitle }} (Normal)</span>
            </h3>
		</div>
		<div class="box-body">
		 	<!--div id="searchbox" class="collapse {{ Input::has('search') ? 'in' : '' }} well">
			{{ Form::open(['action'=>'\App\Modules\Admin\Controllers\DataManagementController@waktuanjalindex', 'method'=>'get', 'class'=>'form-horizontal']) }}
			  	<div class="form-group">
			  		<label class="form-label col-sm-12 col-md-1">{{ __('Admin::user.searchby') }}</label>
			  		<div class="col-sm-12 col-md-2">
					  	<select class="form-control input-sm" name="search">
					  		<option value="waktuanjal_desc">Nama waktuanjal</option>
					  	</select>
				  	</div>
				  	<div class="col-sm-12 col-md-6"><input type="text" class="input-sm form-control" value="{{ Input::get('keyword') }}" placeholder="{{ __('Admin::base.keyword') }}" name="keyword"></div>
				  	<div class="col-sm-12 col-md-3 text-center">
				  		<button class="btn btn-xs btn-success"><i class="fa fa-search"></i> {{ __('Admin::base.search') }}</button>
				  		<a href="{{ route('data.waktuanjal.index') }}" class="btn btn-xs btn-default"><i class="fa fa-sync"></i> {{ __('Admin::base.reset') }}</a>
				  	</div>
			  	</div>
			{{ Form::close() }}
			</div-->
		 	{{-- csrf_field() --}}

			<div class="table-responsive">
				<table class="table table-striped jambo_table bulk_action table-bordered">
					<thead>
						<tr class="headings bg-info">
							<th class="column-title" width="20%">Kod</th>
							<th class="column-title text-center" width="20%">Masa Mula</th>
							<th class="column-title text-center" width="20%">Masa Tamat</th>
							<th class="column-title text-center" width="15%">{{ __('Admin::base.createddate') }}</th>
							<th class="column-title text-center" width="15%">{{ __('Admin::base.updateddate') }}</th>
							<th class="column-title text-center" width="10%">{{ __('Admin::base.action') }}</th>
						</tr>
					</thead>
					<tbody>
						@if(count($types) > 0)
						@foreach($types as $type)
						@if($type->waktuanjal_is_special==0)
						<tr>
							<td>{!! $type->waktuanjal_kod !!}</td>
							<td class="text-center">{!! date( 'h:i A', strtotime($type->waktuanjal_starttime)) !!}</td>
							<td class="text-center">{!! date( 'h:i A', strtotime($type->waktuanjal_endtime)) !!}</td>
							<td class="text-center">{!! date( 'd/m/Y, h:i:s', strtotime($type->created_at)) !!}</td>
							<td class="text-center">{!! date( 'd/m/Y, h:i:s', strtotime($type->updated_at)) !!}</td>
							<td class="text-center">
								<div class="btn-group">
								@if(!in_array($type->waktuanjal_id,[1,2,3,7]))
								<a data-toggle="tooltip" title="Kemaskini" data-id="{!! $type->waktuanjal_id !!}" data-kod="{!! $type->waktuanjal_kod !!}" data-starttime="{!! $type->waktuanjal_starttime !!}" data-endtime="{!! $type->waktuanjal_endtime !!}" data-special="{!! $type->waktuanjal_is_special !!}" data-desc="{!! $type->waktuanjal_desc !!}" data-minit="{!! $type->waktuanjal_minit !!}" class="btn btn-xs btn-info dom_infodata"><i class="fa fa-edit"></i></a>
								<a data-toggle="tooltip" title="Hapus" class="btn btn-xs btn-danger dom_deletedata" value="{{ route('data.waktuanjal.delete',$type->waktuanjal_id) }}"><i class="fa fa-trash"></i></a>
								@else
									<span class="label label-success text-white">Data Tetap</span>
								@endif
								</div>
							</td>
						</tr>
						@endif
						@endforeach
						@else
						<tr><td colspan="8">Tiada Rekod Ditemui.</td></tr>
						@endif
					</tbody>
				</table>
				{{ $types->appends(Request::only('search'))->appends(Request::only('keyword'))->links() }}
			</div>

		</div>
	</div>

	<div class="box">
		<div class="box-header with-border">

			<div class="pull-right box-tools"></div>

            <h3 class="box-title"><i class="{{ $titleicon }}"></i> 
                <span>Waktu Anjal (Istimewa)</span>
            </h3>
		</div>
		<div class="box-body">
			<div class="table-responsive">
				<table class="table table-striped jambo_table bulk_action table-bordered">
					<thead>
						<tr class="headings bg-info">
							<th class="column-title">Keterangan</th>
							<th class="column-title" width="20%">Perubahan Masa (Minit)</th>
							<th class="column-title text-center" width="15%">{{ __('Admin::base.createddate') }}</th>
							<th class="column-title text-center" width="15%">{{ __('Admin::base.updateddate') }}</th>
							<th class="column-title text-center" width="10%">{{ __('Admin::base.action') }}</th>
						</tr>
					</thead>
					<tbody>
						@if(count($types) > 0)
						@foreach($types as $type)
						@if($type->waktuanjal_is_special==1)
						<tr>
							<td>{!! $type->waktuanjal_desc !!}</td>
							<td>{!! $type->waktuanjal_minit !!}</td>
							<td class="text-center">{!! date( 'd/m/Y, h:i:s', strtotime($type->created_at)) !!}</td>
							<td class="text-center">{!! date( 'd/m/Y, h:i:s', strtotime($type->updated_at)) !!}</td>
							<td class="text-center">
								<div class="btn-group">
								<a data-toggle="tooltip" title="Kemaskini" data-id="{!! $type->waktuanjal_id !!}" data-kod="{!! $type->waktuanjal_kod !!}" data-starttime="{!! $type->waktuanjal_starttime !!}" data-endtime="{!! $type->waktuanjal_endtime !!}" data-special="{!! $type->waktuanjal_is_special !!}" data-desc="{!! $type->waktuanjal_desc !!}" data-minit="{!! $type->waktuanjal_minit !!}" class="btn btn-xs btn-info dom_infodata"><i class="fa fa-edit"></i></a>
								@if(!in_array($type->waktuanjal_id,[5]))
								<a data-toggle="tooltip" title="Hapus" class="btn btn-xs btn-danger dom_deletedata" value="{{ route('data.waktuanjal.delete',$type->waktuanjal_id) }}"><i class="fa fa-trash"></i></a>
								@endif
								</div>
							</td>
						</tr>
						@endif
						@endforeach
						@else
						<tr><td colspan="8">Tiada Rekod Ditemui.</td></tr>
						@endif
					</tbody>
				</table>
				{{ $types->appends(Request::only('search'))->appends(Request::only('keyword'))->links() }}
			</div>
		</div>
	</div>

@stop

@section('footer')

<div class="modal modal-info fade" id="modal-1">
	<div class="modal-dialog">
		<div class="modal-content">

			<div class="modal-header bg-primary">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title dom_modaltitle"></h4>
			</div>

			@if (session('flash_error'))
			    <!--div class="alert alert-block alert-error fade in"-->
			    <div class="alert alert-danger modalalert">
			        <strong>{{ __('Admin::base.error') }}!</strong>
			        {!! session('flash_error') !!}
			        <!--span class="close" data-dismiss="alert">×</span-->
			    </div>
			@endif

			{!! Form::open(['action'=>'\App\Modules\Admin\Controllers\DataManagementController@waktuanjalstore', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
			<input type="hidden" name="waktuanjal_id" id="data_id" class="dom_modaldata" value="{{ old('waktuanjal_id') }}">
			<div class="modal-body">
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Jenis</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<select name="waktuanjal_is_special" id="data_is_special" class="form-control dom_modaldata" required>
                            <option value="0">Normal</option>
                            <option value="1">Istimewa</option>
                        </select>
					</div>					
				</div>
				<div class="form-group normaldiv">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Kod</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" maxlength="3" type="text" value="{{ old('waktuanjal_kod') }}" name="waktuanjal_kod" id="data_kod" placeholder="Kod" autocomplete="off" />
					</div>					
				</div>
				<div class="form-group normaldiv">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Masa Mula</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="input-group bootstrap-timepicker timepicker">
							<div class="input-group-addon"><i class="fa fa-clock"></i></div>
							<input class="form-control timepicker1 dom_modaldata" type="text" value="{{ old('waktuanjal_starttime') }}" name="waktuanjal_starttime" id="data_starttime" readonly />
						</div>
					</div>					
				</div>
				<div class="form-group normaldiv">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Masa Tamat</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="input-group bootstrap-timepicker timepicker">
							<div class="input-group-addon"><i class="fa fa-clock"></i></div>
							<input class="form-control timepicker1 dom_modaldata" type="text" value="{{ old('waktuanjal_endtime') }}" name="waktuanjal_endtime" id="data_endtime" readonly />
						</div>
					</div>					
				</div>
				<div class="form-group specialdiv">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Keterangan</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('waktuanjal_desc') }}" name="waktuanjal_desc" id="data_desc" placeholder="Keterangan" autocomplete="off" />
					</div>					
				</div>
				<div class="form-group specialdiv">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Perubahan Masa</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="count-input space-bottom">
		                    <a class="incr-btn10" data-action="decrease" href="#">–</a>
		                    <input class="form-control quantity" type="text" name="waktuanjal_minit" id="data_minit" value="{{ (old('waktuanjal_minit')) ? old('waktuanjal_minit'):10 }}" autocomplete="off" readonly/>
		                    <a class="incr-btn10" data-action="increase" href="#">&plus;</a>
		                </div>
					</div>					
				</div>
			</div>
			
			<div class="modal-footer">
				<a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal">{{ __('Admin::base.close') }}</a>
				<button type="button" id="processbtn" class="btn btn-sm btn-success dom_processdata" value=""><i class="fa fa-check-circle"></i> </button>
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div> 

<link rel="stylesheet" href="{{ asset('adminLTE/plugins/timepicker/bootstrap-timepicker.min.css') }}">
<script src="{!! asset('js/minusinputplus.js') !!}"></script>
<link rel="stylesheet" href="{{-- asset('assets/js/zurb-responsive-tables/responsive-tables.css') --}}">

<script type="text/javascript">

	$(document).ready(function() {
		$('.timepicker1').timepicker({ showInputs: false });

		//$('#data_is_special').val(0);
		//inputshowhide(0);
		@if( Session::get('modal') )
			if($('#data_id').val() != ''){
				processbtn(2);
			}else{
				processbtn(1);
			}
			$('#data_is_special').val("{{ old('waktuanjal_is_special') }}");
			inputshowhide("{{ old('waktuanjal_is_special') }}");
			$('#modal-1').modal( {backdrop: 'static', keyboard: false} ); 
		@else
			inputshowhide(0);
		@endif
	});

	

	function processbtn(mode){

		//$('.dom_modaldata').val('');
		$('#processbtn').empty();
		if(mode==1){
			$('.dom_modaltitle').empty();
			$('.dom_modaltitle').append('Tambah Data');
			$('#processbtn').val(1);
			$('#processbtn').attr('class','btn btn-sm btn-success dom_processdata');
			$('#processbtn').append('<i class="fa fa-check-circle"></i> Simpan');
		}else{
			$('.dom_modaltitle').empty();
			$('.dom_modaltitle').append('Kemaskini Data');
			$('#processbtn').val(2);
			$('#processbtn').attr('class','btn btn-sm btn-info dom_processdata');
			$('#processbtn').append('<i class="fa fa-check-circle"></i> Kemaskini');
		}
		//$('#modal-1').modal('show');
	}

	function inputshowhide(id){
		//alert(id);
		if(id=='1'){
			$('.specialdiv').show();
			$('.normaldiv').hide();
		}else{
			$('.specialdiv').hide();
			$('.normaldiv').show();
		}
	}

	$('#data_is_special').on('change', function(){
		inputshowhide($(this).val());
	});

	$('.dom_adddata').on('click', function(){
		$('.modalalert').hide();
		$('.dom_modaldata').val('');
		$('#data_is_special').val(0);
		inputshowhide(0);
		processbtn(1);
		$('#data_desc').removeAttr('readonly');
		$('#modal-1').modal('show');
	});

	$('.dom_infodata').on('click', function(){
		$('.modalalert').hide();
		$('.dom_modaldata').val('');
		$('#data_is_special').val($(this).data('special'));
		inputshowhide($(this).data('special'));
		processbtn(2);
		$('#data_id').val($(this).data('id'));
		$('#data_kod').val($(this).data('kod'));
		$('#data_starttime').val($(this).data('starttime'));
		$('#data_endtime').val($(this).data('endtime'));
		$('#data_desc').val($(this).data('desc'));
		if($(this).data('id') == 5){
			$('#data_desc').attr('readonly','readonly');
		}else{
			$('#data_desc').removeAttr('readonly');
		}
		$('#data_minit').val($(this).data('minit'));
		$('#modal-1').modal('show');
	});

	$(document).on('click', '.dom_processdata', function() {

		if($('#data_is_special').val()=='0'){
			if($('#data_kod').val()=='' || $('#data_starttime').val()=='' || $('#data_endtime').val()==''){
	    		swal('{{ __("Admin::base.error") }}!', 'Sila isi butiran dengan lengkap.', 'error');
	    		return false;
	    	}
		}else{
			if($('#data_desc').val()=='' || $('#data_minit').val()==''){
	    		swal('{{ __("Admin::base.error") }}!', 'Sila isi butiran dengan lengkap.', 'error');
	    		return false;
	    	}
		}

    	if($('.dom_processdata').val() == 1){
    		var action = 'simpan?';
    	}else{
    		var action = 'kemaskini?';
    	}

      	swal({
	        title: 'Anda pasti untuk '+action,
	        //text: "{{ __('Admin::base.inadjustable') }}",
	        type: 'warning',
	        showCancelButton: true,
	        cancelButtonText: '{{ __("Admin::base.cancel") }}',
	        confirmButtonColor: '#3085d6',
	        cancelButtonColor: '#d33',
	        confirmButtonText: '{{ __("Admin::base.yes") }}',
	      
	        preConfirm: function() {
	            return new Promise(function(resolve) {

	                $("#data_form").submit();

	            });
	        },

        }).then(function () {
            swal(
              '{{ __("Admin::base.success") }}!',
              '',
              'success'
            )
        });

    });

  	$('.dom_deletedata').on('click', function() {
  	
  		var url = $(this).attr('value');

	  	swal({
		  	title: '{{ __("Admin::base.areyousure") }}',
		  	text: "{{ __('Admin::base.norevert') }}",
		  	type: 'warning',
		  	showCancelButton: true,
		  	cancelButtonText: '{{ __("Admin::base.cancel") }}',
		  	confirmButtonColor: '#3085d6',
		  	cancelButtonColor: '#d33',
		  	confirmButtonText: '{{ __("Admin::base.yesdeleteit") }}',
		  
		  	preConfirm: function() {
     			return new Promise(function(resolve) {

     			 window.location.href = url;

     			});
      		},

		}).then(function () {
		  	swal(
			    '{{ __("Admin::base.deleted") }}!',
			    '{{ __("Admin::base.deletedtext") }}.',
			    'success'
		  	)
		});

  	});

</script>
@stop