@extends('layouts.cannavaro.master')

@section('header')
<!-- iCheck -->
<link href="{!! asset('gentella/vendors/iCheck/skins/flat/green.css') !!}" rel="stylesheet">
<link rel="stylesheet" href="{!! asset('adminLTE/plugins/datepicker/datepicker3.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 }}</span>
            </h3>
		</div>
		<div class="box-body">
		 	<div id="searchbox" class="collapse in well">
			{{ Form::open(['action'=>'\App\Modules\Admin\Controllers\DataManagementController@announcementindex', 'method'=>'get', 'class'=>'form-horizontal']) }}
			  	<div class="input-group">
                    <input name="datadesc" type="text" class="form-control" placeholder="carian alasan" 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'))
                        <a class="btn btn-default" href="{{ route('data.alasan.index') }}"><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">Makluman</th>
							<th class="column-title text-center" width="10%">Tarikh Mula</th>
							<th class="column-title text-center" width="10%">Tarikh Tamat</th>
							<!--th class="column-title text-center" width="10%">Dicipta Oleh</th>
							<th class="column-title text-center" width="10%">{{ __('Admin::base.createddate') }}</th-->
							<th class="column-title text-center" width="10%">Dikemaskini Oleh</th>
							<th class="column-title text-center" width="10%">{{ __('Admin::base.updateddate') }}</th>
							<th class="column-title text-center" width="8%">{{ __('Admin::base.action') }}</th>
						</tr>
					</thead>
					<tbody>
						@if(count($types) > 0)
						@foreach($types as $type)
							@if($type->announcement_label == '2')
															@elseif($type->announcement_label == '3')
															@else
															@endif
						<tr>
							<td>{!! '<b>Subjek: <font color="'.$color.'">'.$type->announcement_subject.'</font></b><br>'.$type->announcement_desc !!}</td>
							<td class="text-center">{!! date( 'd/m/Y', strtotime($type->announcement_startdate)) !!}</td>
							<td class="text-center">{!! date( 'd/m/Y', strtotime($type->announcement_enddate)) !!}</td>
							<!--td>{!! $type->createdby->name !!}</td>
							<td class="text-center">{!! date( 'd/m/Y, h:i:s', strtotime($type->created_at)) !!}</td-->
							<td>{!! $type->updatedby->name !!}</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->announcement_id !!}" data-desc="{!! $type->alasan_desc !!}" 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.announcement.delete',$type->announcement_id) }}"><i class="fa fa-trash"></i></a>
								</div>
							</td>
						</tr>
						@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@announcementstore', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
			<input type="hidden" name="announcement_id" id="data_id" class="dom_modaldata" value="{{ old('announcement_id') }}">
			<div class="modal-body">
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Subjek</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input type="text" class="form-control dom_modaldata" name="announcement_subject" id="data_subject" placeholder="Subjek" autocomplete="off" rows="10" value="{{ old('announcement_subject') }}"/>
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Pengumuman</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<textarea class="form-control dom_modaldata" name="announcement_desc" id="data_desc" placeholder="Keterangan" autocomplete="off" rows="10"/>{{ old('announcement_desc') }}</textarea>
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Tarikh Mula</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata datepicker" type="text" value="{{ old('announcement_startdate') }}" name="announcement_startdate" id="data_startdate" placeholder="Tarikh Mula Aktif" autocomplete="off"/>
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Tarikh Tamat</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata datepicker" type="text" value="{{ old('announcement_enddate') }}" name="announcement_enddate" id="data_enddate" placeholder="Tarikh Tamat Aktif" autocomplete="off"/>
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Label</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<select class="form-control dom_modaldata" name="announcement_label" id="data_label">
							<option value="1" {{ (old('announcement_label') == '1') ? 'selected' : ''  }}>NORMAL</option>
							<option value="2" {{ (old('announcement_label') == '2') ? 'selected' : ''  }}>RENDAH</option>
							<option value="3" {{ (old('announcement_label') == '3') ? 'selected' : ''  }}>TINGGI</option>
						</select>
					</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 src="{!! asset('adminLTE/plugins/datepicker/bootstrap-datepicker.js') !!}"></script>
<script type="text/javascript">

	$(document).ready(function() {

		$('.datepicker').datepicker({
	    	format: 'dd/mm/yyyy',
	      	autoclose: true
	    });

	});

	@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');
			$('#data_label').val(1);
		}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');
			$('#data_label').val(1);
		}
		//$('#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'));
		getdata($(this).data('id'));
		$('#modal-1').modal('show');
	});

	function getdata(id){

		$.ajax({
            url: '{{ URL::to("data/announcement/getannoucementdata") }}/'+id,
            type: 'get',
            dataType: 'json',
            success:function(data) {
                console.log(data);
                $('#data_subject').val(data.announcement_subject);
                $('#data_desc').val(data.announcement_desc);
                $('#data_startdate').val(data.announcement_startdate);
                $('#data_enddate').val(data.announcement_enddate); 
                $('#data_label').val(data.announcement_label);
            }
        });

	}

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

		if($('#data_desc').val()=='' || $('#data_startdate').val()=='' || $('#data_enddate').val()=='' || $('#data_subject').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'
		  	)
		});

  	});

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

	  	swal({
		  	title: askmsg,
		  	//text: "{{ __('Admin::base.norevert') }}",
		  	type: 'warning',
		  	showCancelButton: true,
		  	cancelButtonText: '{{ __("Admin::base.cancel") }}',
		  	confirmButtonColor: '#367fa9',
		  	cancelButtonColor: '#b7b7b7',
		  	confirmButtonText: '{{ __("Admin::base.yes") }}',
		  
		  	preConfirm: function() {
     			return new Promise(function(resolve) {

     			 window.location.href = url;

     			});
      		},

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

  	});

</script>
@stop