@extends('layouts.cannavaro.master')

@section('header')
<!-- iCheck -->
<link href="{!! asset('gentella/vendors/iCheck/skins/flat/green.css') !!}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{!! asset('css/fileinput.css') !!}">
<link rel="stylesheet" href="{{ asset('adminLTE/plugins/timepicker/bootstrap-timepicker.min.css') }}">
<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\Permohonan\Controllers\PermohonanController@uploadfileindex', 'method'=>'get', 'class'=>'form-horizontal']) }}
                <div class="input-group">
	                <input name="datadesc" type="text" class="form-control" placeholder="carian nama fail" 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('proses.permohonan.uploadfile') }}"><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">Nama Fail</th>
							<th class="column-title text-center" width="10%">Tarikh Fail</th>
							<th class="column-title text-center" width="20%">Dimuatnaik Oleh</th>
							<th class="column-title text-center" width="10%">Tarikh Muatnaik</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>
								<a target="_blank" href="{{ asset($type->upload_path.$type->upload_filename) }}">
								{!! $type->upload_desc !!}
								</a>
							</td>
							<td class="text-center">{!! ($type->upload_file_date!='') ? date( 'd/m/Y', strtotime($type->upload_file_date)) : '-' !!}</td>
							<td class="text-center">{!! $type->createdby->name.(($type->createdby->detail) ? '<br>('.$type->updatedby->detail->users_detail_staffno.')' : '') !!}</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->upload_id !!}" data-desc="{!! $type->upload_model_id !!}" data-date="{!! ($type->upload_file_date!='') ? date( 'd/m/Y', strtotime($type->upload_file_date)) : '' !!}" data-keterangan="{!! $type->upload_desc !!}" class="btn btn-xs btn-info dom_infodata"><i class="fa fa-edit"></i></a>
								@if(Globe::getLastFileStatus($type->upload_model_id,$type->upload_model_runningno,substr($type->upload_file_date,0,4)))
								<a data-toggle="tooltip" title="Hapus" class="btn btn-xs btn-danger dom_deletedata" value="{{ route('proses.permohonan.deleteuploadfile',$type->upload_id) }}"><i class="fa fa-trash"></i></a>
								</div>
								@endif
							</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" style="width: 50%">
		<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\Permohonan\Controllers\PermohonanController@uploadfilestore', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
			<input type="hidden" name="upload_id" id="data_id" class="dom_modaldata" value="{{ old('upload_id') }}">
			<div class="modal-body">
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Mesyuarat</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input type="hidden" name="upload_desc2" id="data_desc2" class="dom_modaldata" value="{{ old('upload_desc2') }}">
						<select class="form-control dom_modaldata disabledata" name="upload_desc" id="data_desc">
							<option value="">Sila pilih jenis mesyuarat</option>
							@if(count($meetings)>0)
								@foreach($meetings as $meet)
								<option value="{{ $meet->meeting_type_id }}" {{ ($meet->meeting_type_id==old('upload_desc')) ? 'selected' : '' }}>{{ $meet->meeting_type_desc }}</option>
								@endforeach
							@endif
						</select>
					</div>					
				</div>
				<div class="form-group divnamafail">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Nama Fail</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input id="data_keterangan" type="text" class="form-control dom_modaldata" name="keterangan" maxlength="100" value="{{ old('keterangan') }}" readonly>
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Tarikh Fail</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="input-group">
							<input id="data_date" type="text" class="form-control datepicker dom_modaldata" name="upload_date" maxlength="100" value="{{ old('upload_date') }}" autocomplete="off">
							<span class="input-group-addon btn-success"><i class="fa fa-calendar"></i></span>
						</div>
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Fail</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input type="file" class="form-control" id="data_file" name="upload_file" accept=".doc, .docx, .pdf">
					</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> 

<script src="{!! asset('js/fileinput.js') !!}"></script>
<link rel="stylesheet" href="{{-- asset('assets/js/zurb-responsive-tables/responsive-tables.css') --}}">
<script src="{!! asset('adminLTE/plugins/timepicker/bootstrap-timepicker.min.js') !!}"></script>
<script src="{!! asset('adminLTE/plugins/datepicker/bootstrap-datepicker.js') !!}"></script>
<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

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


	function processbtn(mode){

		//$('.dom_modaldata').val('');
		$('#processbtn').empty();
		$('.disabledata').removeAttr('disabled');
		if(mode==1){
			$('.dom_modaltitle').empty();
			$('.dom_modaltitle').append('Tambah Data');
			$('.divnamafail').hide();
			$('#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');
			$('.divnamafail').show();
			$('#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_keterangan').val($(this).data('keterangan'));
		$('#data_id').val($(this).data('id'));
		$('#data_desc').val($(this).data('desc'));
		$('#data_desc2').val($(this).data('desc'));
		$('.disabledata').attr('disabled','disabled');
		$('#data_date').val($(this).data('date'));
		$('#modal-1').modal('show');
	});

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

		if($('#data_desc').val()=='' && $('#data_desc').val()==''){
			swal('{{ __("Admin::base.error") }}!', 'Sila isi butiran dengan lengkap.', 'error');
    		return false;
		}

		if($('#data_date').val()==''){
    		swal('{{ __("Admin::base.error") }}!', 'Sila isi butiran dengan lengkap.', 'error');
    		return false;
    	}

    	if($("#data_file")[0].files.length==0){
            swal('{{ __("Admin::base.error") }}!', 'Sila muat naik fail.', '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