@extends('layouts.cannavaro.master')

@section('header')
<!-- iCheck -->
<link href="{!! asset('gentella/vendors/iCheck/skins/flat/green.css') !!}" rel="stylesheet">
@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>
        <a href="{{ route('data.cutiumum.index') }}"><span></span>Cuti Umum</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 href="{{ route('data.cutiumum.index') }}" class="btn btn-xs btn-default btn-icon"><i class="fa fa-calendar"></i> Kalendar</a>
                <a class="btn btn-xs btn-primary text-white dom_adddata"><i class="fa fa-calendar-plus"></i> Tambah Cuti</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 }}</span>
            </h3>
		</div>
		<div class="box-body">
		 	<div id="searchbox" class="collapse in well">
			{{ Form::open(['action'=>'\App\Modules\Admin\Controllers\DataManagementController@cutiumumlist', 'method'=>'get', 'class'=>'form-inline']) }}
				<select name="year" class="form-control" required>
                	<option value="">pilih tahun</option>
                	@if(count($years)>0)
                		@foreach($years as $year)
                			<option value="{{ $year->year }}" {{ (Input::get('year')==$year->year) ? 'selected' : '' }}>{{ $year->year }}</option>
                		@endforeach
                	@endif
                </select>
                <input name="datadesc" type="text" class="form-control" placeholder="carian keterangan cuti" value="{{ Input::get('datadesc') }}" autofocus>
                <button class="btn btn-success" type="submit"><i class="fa fa-search"></i> {{ __('Admin::base.search') }}</button>
                @if(Input::has('datadesc') || Input::has('year'))
                <a class="btn btn-default" href="{{ route('data.cutiumum.list') }}"><i class="fa fa-sync-alt"></i> {{ __('Admin::base.reset') }}</a>
                @endif
				<!--div class="form-group">
					<div class="col-sm-12 col-md-3">
						<select name="year" class="form-control">
	                    	<option value="">pilih tahun</option>
	                    	@if(count($years)>0)
	                    		@foreach($years as $year)
	                    			<option value="{{ $year->year }}" {{ (Input::get('year')==$year->year) ? 'selected' : '' }}>{{ $year->year }}</option>
	                    		@endforeach
	                    	@endif
	                    </select>
                	</div>
                </div>
				<div class="input-group">
                    <input name="datadesc" type="text" class="form-control" placeholder="carian keterangan cuti" value="{{ Input::get('datadesc') }}" autofocus>
                    <span class="input-group-btn">
                        <button class="btn btn-success" type="submit"><i class="fa fa-search"></i> {{ __('Admin::base.search') }}</button>
                        @if(Input::has('datadesc') || Input::has('year'))
                        <a class="btn btn-default" href="{{ route('data.cutiumum.list') }}"><i class="fa fa-sync-alt"></i> {{ __('Admin::base.reset') }}</a>
                        @endif
                    </span>
                </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 text-center" width="15%">Bulan</th>
							<th class="column-title text-center" width="10%">Tarikh</th>
							<th class="column-title" width="">Keterangan</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)
						<tr>
							<td class="text-center">{!! date( 'F Y', strtotime($type->cutiumum_date)) !!}</td>
							<td class="text-center">{!! date( 'd/m/Y', strtotime($type->cutiumum_date)) !!}</td>
							<td>{!! $type->cutiumum_desc !!}</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->cutiumum_id !!}" data-desc="{!! $type->cutiumum_desc !!}" data-date="{!! $type->cutiumum_date !!}" data-actualdate="{!! $type->cutiumum_date !!}" 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.cutiumum.delete',$type->cutiumum_id) }}"><i class="fa fa-trash"></i></a>
								</div>
							</td>
						</tr>
						@endforeach
						@else
						<tr><td colspan="8">Tiada Rekod Ditemui.</td></tr>
						@endif
					</tbody>
					@if(count($types) > 0)
					<tfoot>
						<tr class="bg-info">
							<td colspan="6" class="text-left">
								{{ $types->firstItem() }} - {{ $types->lastItem() }} daripada {{ $types->total() }} (Mukasurat {{ $types->currentPage() }})
							</td>
						</tr>
					</tfoot>
					@endif
				</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@cutiumumstore', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
			<input type="hidden" name="cutiumum_id" id="data_id" class="dom_modaldata" value="{{ old('cutiumum_id') }}">
			<input type="hidden" name="cutiumum_actualdate" id="data_actualdate" class="dom_modaldata" value="{{ old('cutiumum_actualdate') }}">
			<div class="modal-body">
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Tarikh</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="input-group">
						<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
						<input class="form-control dom_modaldata" type="date" value="{{ old('cutiumum_date') }}" name="cutiumum_date" id="data_date"/>
						</div>
					</div>					
				</div>
				<div class="form-group">
					<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('cutiumum_desc') }}" name="cutiumum_desc" id="data_desc" placeholder="Keterangan" autocomplete="off" />
					</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('assets/js/zurb-responsive-tables/responsive-tables.css') --}}">

<script type="text/javascript">

	@if( Session::get('modal') )
		if($('#data_id').val() != ''){
			processbtn(2);
		}else{
			processbtn(1);
		}
		$('#modal-1').modal( {backdrop: 'static', keyboard: false} ); 
	@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');
	}

	$('.dom_adddata').on('click', function(){
		$('.modalalert').hide();
		$('.dom_modaldata').val('');
		processbtn(1);
		$('#modal-1').modal('show');
	});

	$('.dom_infodata').on('click', function(){
		$('.modalalert').hide();
		$('.dom_modaldata').val('');
		processbtn(2);
		$('#data_id').val($(this).data('id'));
		$('#data_desc').val($(this).data('desc'));
		$('#data_date').val($(this).data('date')); 
		$('#data_actualdate').val($(this).data('actualdate'));
		$('#modal-1').modal('show');
	});

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

		if($('#data_desc').val()=='' || $('#data_date').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