@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/switchcheckbox.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">
			@if(Auth::user()->can('proses.permohonan.baru'))
			<div class="pull-right box-tools">
				@if($mode=='1' && Auth::user()->detail)
                <a href="{{ route('proses.permohonan.create') }}" class="btn btn-xs btn-primary text-white"><i class="fa fa-plus-circle"></i> Daftar Permohonan</a>
                @endif
                <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>
            @endif
            <h3 class="box-title"><i class="{{ $titleicon }}"></i> 
                <span>{{ $pagetitle }}</span>
            </h3>
		</div>
		<div class="box-body">
		 	<div id="searchbox" class="collapse in well">
		 	@if($mode == '1')
			{{ Form::open(['action'=>'\App\Modules\Permohonan\Controllers\PermohonanController@index', 'method'=>'get', 'class'=>'form-inline']) }}
			@elseif($mode == '2')
			{{ Form::open(['action'=>'\App\Modules\Permohonan\Controllers\PermohonanController@approvelist', 'method'=>'get', 'class'=>'form-inline']) }}
			@else
			{{ Form::open(['action'=>'\App\Modules\Permohonan\Controllers\PermohonanController@alldata', 'method'=>'get', 'class'=>'form-inline']) }}
			@endif
			<input class="form-control" name="permohonanno" placeholder="no permohonan" maxlength="20" value="{{ Input::get('permohonanno') }}">
			@if($mode != '1')
			<input class="form-control" name="staffno" placeholder="no staf" maxlength="5" value="{{ Input::get('staffno') }}">
		  	<input class="form-control" name="staffname" placeholder="nama staf" value="{{ Input::get('staffname') }}">
		  	@endif
		  	<button class="btn btn-success" type="submit"><i class="fa fa-search"></i> {{ __('Admin::base.search') }}</button>
		  	@if(Input::has('staffno') || Input::has('staffname'))
            @if($mode == '1')
            <a class="btn btn-default" href="{{ route('proses.permohonan') }}"><i class="fa fa-sync-alt"></i> {{ __('Admin::base.reset') }}</a>
            @elseif($mode == '2')
            <a class="btn btn-default" href="{{ route('proses.permohonan.lulus') }}"><i class="fa fa-sync-alt"></i> {{ __('Admin::base.reset') }}</a>
            @else
            <a class="btn btn-default" href="{{ route('proses.permohonan.belitiket') }}"><i class="fa fa-sync-alt"></i> {{ __('Admin::base.reset') }}</a>
            @endif
            @endif
			{{ 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">No Permohonan</th-->
							<th class="column-title text-center">Pelulus</th>
							@if(in_array($mode,[2,3]))
							<th class="column-title text-center">Pemohon</th>
							@endif
							<th class="column-title text-center" width="10%">Tarikh Mohon</th>
							<th class="column-title text-center" width="10%">Tarikh Penerbangan</th>
							<th class="column-title text-center" width="">Tujuan</th>
							<th class="column-title text-center" width="10%">Tempat Bertugas</th>
							<th class="column-title text-center" width="10%">Peruntukan</th>
							<th class="column-title text-center">Dipohon Oleh</th>
							<th class="column-title text-center" width="10%">Status</th>
							<th class="column-title text-center" width="12%">{{ __('Admin::base.action') }}</th>
						</tr>
					</thead>
					<tbody>
						@if(count($types) > 0)
						@foreach($types as $type)
						<tr>
							<!--td>{!! $type->permohonan_no !!}</td-->
							<td>@if($type->approver_id!='')
								{!! $type->approver->detail->users_detail_name !!}
								@else
								-
								@endif
							</td>
							@if(in_array($mode,[2,3]))
							<td>
								@if($type->is_warga!=1)
								{!! $type->permohonan_bw_nama.(($type->permohonan_bw_idno!='') ? '<br>('.$type->permohonan_bw_idno.')' : '').'<br>(Bukan Warga)' !!}
								@else
								{!! $type->pemohon->detail->users_detail_name.' ('.$type->pemohon->detail->users_detail_staffno.')' !!}
								@endif
							</td>
							@endif
							<td class="text-center">
								{!! date( 'd/m/Y H:i', strtotime($type->created_at)).'<br><b>('.$type->permohonan_no.')</b>' !!}
								{!! ($type->approved_date!='') ? '<br><font color="green">(Diluluskan Pada: '.date( 'd/m/Y H:i', strtotime($type->approved_date)).')</font>' : '' !!}
							</td>
							<td class="text-center">
								{!! (($type->permohonan_mula_tugas)!='') ? date( 'd/m/Y', strtotime($type->permohonan_mula_tugas)) : '' !!}
							</td>
							<td>{!! $type->permohonan_tujuan !!}</td>
							<td>{!! $type->permohonan_tempat_tugasan !!}</td>
							<td>{!! ($type->allocation_id!='') ? $type->allocation->allocation_desc : '' !!}</td>
							<!--td>{!! $type->createdby->detail->users_detail_name.' ('.$type->createdby->detail->users_detail_staffno.')'.(($type->created_by!=$type->pemohon_id && $mode==1) ? '<br><span class="text-green">Wakil kepada: '.$type->pemohon->detail->users_detail_name.' ('.$type->pemohon->detail->users_detail_staffno.')</span>' : '') !!}</td-->
							<td>
								{!! $type->createdby->detail->users_detail_name.' ('.$type->createdby->detail->users_detail_staffno.')' !!}
								@if($type->is_warga == 1)
									{!! (($type->created_by!=$type->pemohon_id && $mode==1) ? '<br><span class="text-green">Wakil kepada: '.$type->pemohon->detail->users_detail_name.' ('.$type->pemohon->detail->users_detail_staffno.')</span>' : '') !!}
								@else
									{!! (($mode==1) ? '<br><span class="text-green">Wakil kepada bukan warga: '.$type->permohonan_bw_nama.' ('.$type->permohonan_bw_idno.')</span>' : '') !!}
								@endif
							</td>
							<td class="text-center">{!! Globe::statusLabel($type->status) !!}</td>
							<td class="text-center">
								<div class="btn-group">
								@if(in_array($type->status,['A']) && $mode==3)
								<a data-toggle="tooltip" title="Tag Sebagai Dalam Proses Pembelian" data-status="I" class="btn btn-xs btn-default dom_deletedata" value="{{ route('proses.permohonan.delete',[Crypt::encrypt($type->permohonan_id),'I']) }}"><i class="fa fa-info-circle"></i></a>
								@endif
								@if(in_array($type->status,['I']) && $mode==3)
								<a data-toggle="tooltip" title="Batal Proses Pembelian" data-status="A" class="btn btn-xs btn-default dom_deletedata" value="{{ route('proses.permohonan.delete',[Crypt::encrypt($type->permohonan_id),'A']) }}"><i class="fa fa-strikethrough"></i></a>
								@endif
								@if((in_array($type->status,['A','C','I','T','O']) && $mode == 3) || (in_array($type->status,['C','I','T','O']) && in_array($mode,[1,2]) ))
								<a data-toggle="tooltip" title="{{ ($type->status=='A') ? 'Beli Tiket' : 'Perincian' }}" data-id="{!! $type->permohonan_id !!}" class="btn btn-xs btn-success dom_infodata"><i class="fa {{ ($type->status=='A') ? 'fa-dollar-sign' : 'fa-info-circle' }}"></i></a>
								@else
								<a data-toggle="tooltip" title="Perincian" class="btn btn-xs btn-info" href="{{ route('proses.permohonan.record', Crypt::encrypt($type->permohonan_id)) }}"><i class="fa fa-info-circle"></i></a>
								@endif
								<!--a data-toggle="tooltip" title="Kemaskini" data-id="{!! $type->allocation_id !!}" data-desc="{!! $type->allocation_desc !!}" class="btn btn-xs btn-info dom_infodata"><i class="fa fa-edit"></i></a-->
								{{-- @if($type->bomfile && in_array($mode,[3])) --}}
								@if(in_array($mode,[2,3]))
								<!--a data-toggle="tooltip" title="Borang" class="btn btn-xs btn-warning" target="_blank" href="{{-- asset($type->bomfile->upload_path.$type->bomfile->upload_filename) --}}"><i class="fa fa-file-pdf"></i></a-->
								<a data-toggle="tooltip" title="Borang" href="{{ route('proses.permohonan.printborang',Crypt::encrypt($type->permohonan_id)) }}" class="btn btn-xs btn-warning" target="_blank"><i class="fa fa-download"></i></a>
									@if($mode == 3)
										<a data-toggle="tooltip" title="Batal" data-status="B" class="btn btn-xs btn-danger dom_deletedata" value="{{ route('proses.permohonan.delete',[Crypt::encrypt($type->permohonan_id),'B']) }}"><i class="fa fa-strikethrough"></i></a>
									@endif
								@endif
								@if($type->status=='N' && $mode==3)
								<a data-toggle="tooltip" title="Peringatan" data-status="Z" class="btn btn-xs btn-warning dom_deletedata" value="{{ route('proses.permohonan.delete',[Crypt::encrypt($type->permohonan_id),'Z']) }}" {{ (Globe::baseconf('config_email_notification')!='1') ? 'disabled' : '' }}><i class="fa fa-envelope"></i></a>
								@endif
								@if($mode == 1 && $type->created_by==Auth::user()->id)
									{{-- @if(in_array($type->status,['D'])) --}}
									@if(in_array($type->status,['D','N']))
										<a data-toggle="tooltip" title="Hapus" data-status="D" class="btn btn-xs btn-danger dom_deletedata" value="{{ route('proses.permohonan.delete',[Crypt::encrypt($type->permohonan_id),'D']) }}"><i class="fa fa-trash"></i></a>
									@endif
									{{-- @if($type->status == 'A') --}}
									@if($type->status == 'N')
										<!--a data-toggle="tooltip" title="Batal" data-status="B" class="btn btn-xs btn-warning dom_deletedata" value="{{ route('proses.permohonan.delete',[Crypt::encrypt($type->permohonan_id),'B']) }}"><i class="fa fa-strikethrough"></i></a-->
									@endif
								@endif
								@if($type->ticket)
									@if(count($type->ticket)>0)
										@if(in_array($mode,[1,3]) && ($type->created_by==Auth::user()->id || Auth::user()->can('proses.permohonan.belitiket')))
										<a data-toggle="tooltip" title="Tiket" data-id="{!! $type->permohonan_id !!}" class="btn btn-xs btn-primary dom_openticket"><i class="fa fa-list"></i></a>
										@endif
									@endif
								@endif
								</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="10" 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::all())->links() }}
			</div>
		</div>
	</div>

@stop

@section('footer')

<div class="modal modal-info fade" id="modal-1">
	<div class="modal-dialog" style="width:90%;">
		<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"><i class="fa fa-plane-departure"></i> Maklumat Permohonan</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@complete', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
			<input type="hidden" name="permohonan_id" id="permohonan_id" class="dom_modaldata" value="">
			<input type="hidden" name="action_id" id="action_id" class="dom_modaldata" value="">
			<div class="modal-body bodytiket">
				
			</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/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

	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();
		$('.bodytiket').empty();
		var id = $(this).data('id');
		$('#permohonan_id').val(id);
		$.ajax({
            url: '{{ URL::to("permohonan/getPermohonanInfo") }}/'+id,
            type: 'get',
            dataType: 'json',
            success:function(data) {

            	$('#processbtn').empty();
            	$('.bodytiket').append(data.html);
            	$('#processbtn').hide();
            	if(data.btn == 1){
            		$('#processbtn').attr('class','btn btn-sm btn-info dom_processdata');
					$('#processbtn').append('<i class="fa fa-check-circle"></i> Selesai');
					$('#processbtn').show();
					$('#action_id').val(1);
            	}else if(data.btn == 2){
            		$('#processbtn').attr('class','btn btn-sm btn-info dom_processdata_open');
					$('#processbtn').append('<i class="fa fa-check-circle"></i> Mohon Open Ticket');
					$('#processbtn').show();
					$('#action_id').val(2);
            	}else if(data.btn == 3){
            		$('#processbtn').attr('class','btn btn-sm btn-info dom_processdata_open_approve');
					$('#processbtn').append('<i class="fa fa-check-circle"></i> Lulus Open Ticket');
					$('#processbtn').show();
					$('#action_id').val(3);
            	}

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

        		$('.timepicker1').timepicker({ showInputs: false, minuteStep: 5, });

            }
        });

		$('#modal-1').modal('show');
	});

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

		// if($('#data_desc').val()==''){
  //   		swal('{{ __("Admin::base.error") }}!', 'Sila isi butiran dengan lengkap.', 'error');
  //   		return false;
  //   	}
  		if(parseFloat($('#totalfinalamountinput').val()) == 0){
  			swal('{{ __("Admin::base.error") }}!', 'Jumlah harga tiket mestilah melebihi daripada RM 0.00.', 'error');
            return false;
  		}

  		if($(".ticket")[0].files.length==0){
            swal('{{ __("Admin::base.error") }}!', 'Sila muat naik fail tiket.', 'error');
            return false;
        }

      	swal({
	        title: 'Anda pasti untuk hantar?',
	        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'
            )
        });

    });

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

		if($('#permohonan_alasan_tangguh').val()==''){
    		swal('{{ __("Admin::base.error") }}!', 'Sila isi alasan mohon open ticket.', 'error');
    		return false;
    	}

      	swal({
	        title: 'Anda pasti untuk mohon open ticket?',
	        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'
            )
        });

    });

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

		if($('#permohonan_alasan_tangguh_approver').val()==''){
    		swal('{{ __("Admin::base.error") }}!', 'Sila isi catatan kelulusan open ticket.', 'error');
    		return false;
    	}

      	swal({
	        title: 'Anda pasti untuk luluskan permohonan open ticket?',
	        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');
  		var status = $(this).data('status');
  		var titlemsg = '';
  		var textmsg = '';
  		var confirmbtntext = '';
  		if(status == 'D'){ //delete
  			titlemsg = 'Anda pasti untuk hapuskan permohonan ini?';
  			textmsg = "{{ __('Admin::base.norevert') }}";
  			confirmbtntext = 'Ya, hapuskan!';
  		}else if(status == 'B'){ //cancel
  			titlemsg = 'Anda pasti untuk batalkan permohonan ini?';
  			textmsg = 'Permohonan tidak boleh diproses lagi selepas pembatalan.';
  			confirmbtntext = 'Ya, batalkan!';
  		}else if(status == 'A'){ //batal proses
  			titlemsg = 'Batalkan tag permohonan sebagai dalam proses pembelian tiket?';
  			textmsg = '';
  			confirmbtntext = 'Ya, batalkan!';
  		}else if(status == 'Z'){ //hantar email reminder
  			titlemsg = 'Hantar email peringatan?';
  			textmsg = '';
  			confirmbtntext = 'Ya, hantar!';
  		}else{ // in progress
  			titlemsg = 'Tag permohonan sebagai dalam proses pembelian tiket?';
  			textmsg = '';
  			confirmbtntext = 'Ya!';
  		}

	  	swal({
		  	title: titlemsg,
		  	text: textmsg,
		  	type: 'warning',
		  	showCancelButton: true,
		  	cancelButtonText: 'Tidak',
		  	confirmButtonColor: '#3085d6',
		  	cancelButtonColor: '#d33',
		  	confirmButtonText: confirmbtntext,
		  
		  	preConfirm: function() {
     			return new Promise(function(resolve) {

     			 window.location.href = url;

     			});
      		},

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

  	}); 

  	$(document).on('focusout', '.ticketharga', function() {
        if($(this).val()==''){
            swal('{{ __("Admin::base.error") }}!', 'Sila isi harga tiket!', 'error');
            $(this).val('0.00');
        }
    });

  	$(document).on('focusout', '.numericinput', function() {
        if($(this).val()!=''){
            if($.isNumeric( $(this).val() ) ){
                return true;
            }else{
                swal('{{ __("Admin::base.error") }}!', '{{ __("Admin::base.numericonly") }}', 'error');
                $(this).val('0.00');
                calculateticket();
            }
        }
    });

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

    	$('.tbodytiket').append('<tr><td><input type="file" class="form-control ticket" name="tiket[]" accept=".doc, .docx, .pdf" multiple></td><td width="15%" class="text-right"><a class="btn btn-xs btn-danger removetr"><i class="fa fa-times-circle"></i></a></td></tr>');

    });

    $(document).on('click', '.removetr', function() {
        $(this).parent().parent().remove();
    });

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

    	var id = $(this).data('id');

    	$.ajax({
            url: '{{ URL::to("permohonan/getTicketList") }}/'+id,
            type: 'get',
            dataType: 'json',
            success:function(data) {

            	if(data == 0){
            		swal('{{ __("Admin::base.error") }}!', 'Tiada tiket dilampirkan. Sila hubungi Pentadbir Sistem.', 'error');
            	}else{
            		$.each(data, function(key, value) {
					    console.log(value);
					    window.open(value,'_blank');
					});
            	}

            }
        });

    });

    $(document).on('keyup', '.calculate', function() {
    	calculateticket();
    });


    function calculateticket(){

    	var countflight = parseInt($('#countflight').val());
    	var i = 0;
    	var totalfinalamountinput = 0;
    	$('#totalfinalamount').empty();

    	for(i=1; i<=countflight;i++){
    		var finalamountinput = ($('#finalamountinput'+i).val()!='') ? parseFloat($('#finalamountinput'+i).val()) : 0;

    		totalfinalamountinput += finalamountinput;
    	}

    	$('#totalfinalamountinput').val(totalfinalamountinput.toFixed(2));
    	$('#totalfinalamount').append(totalfinalamountinput.toFixed(2));
    }

</script>
@stop