@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>{{ $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@flightindex', 'method'=>'get', 'class'=>'form-horizontal']) }}
			  	<div class="input-group">
                    <input name="datadesc" type="text" class="form-control" placeholder="carian syarikat penerbangan" 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.flightcompany.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" width="">Nama Pesawat</th>
							<th class="column-title" width="">URL Laman Sesawang</th>
							<th class="column-title text-center" width="15%">Kuota Bagasi (KG)</th>
							<th class="column-title text-center" width="15%">Dikemaskini Oleh</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>{!! $type->flight_company_desc !!}</td>
							<td>{!! '<a target="_blank" href="'.$type->flight_company_url.'">'.$type->flight_company_url.'</a>' !!}</td>
							<td class="text-right">{!! $type->flight_company_luggage_quota !!}</td>
							<td class="text-center">{!! $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->flight_company_id !!}" data-desc="{!! $type->flight_company_desc !!}" data-desc2="{!! $type->flight_company_url !!}" data-desc3="{!! $type->flight_company_luggage_quota !!}" class="btn btn-xs btn-info dom_infodata"><i class="fa fa-edit"></i></a>
								@if(count($type->flight) == 0)
								<a data-toggle="tooltip" title="Hapus" class="btn btn-xs btn-danger dom_deletedata" value="{{ route('data.flightcompany.delete',$type->flight_company_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">
		<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@flightstore', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
			<input type="hidden" name="flight_company_id" id="data_id" class="dom_modaldata" value="{{ old('flight_company_id') }}">
			<div class="modal-body">
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Nama Syarikat</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('flight_company_desc') }}" name="flight_company_desc" id="data_desc" placeholder="Keterangan" autocomplete="off" />
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">URL Laman Sesawang</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<input class="form-control dom_modaldata" type="text" value="{{ old('flight_company_url') }}" name="flight_company_url" id="data_desc2" placeholder="contoh: https://www.flight.com" autocomplete="off" />
					</div>					
				</div>
				<div class="form-group">
					<label class="control-label col-md-3 col-sm-3 col-xs-12">Kuota Bagasi</label>
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="input-group">
                            <input id="data_luggage" type="text" class="form-control numericinput dom_modaldata" value="{{ old('flight_company_luggage_quota') }}" name="flight_company_luggage_quota" placeholder="3.00" autocomplete="off">
                            <span class="input-group-addon">KG</span>
                        </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('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_desc2').val($(this).data('desc2'));
		$('#data_luggage').val($(this).data('desc3'));
		$('#modal-1').modal('show');
	});

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

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

  	});

  	$(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('');
            }
        }
    });

</script>
@stop