@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Edit Payment Account
@stop
@section('content')
<div class="paymentForm fleft">

	{{ Form::open(array('class'=>'form addFormWrap paymentform','id'=>'createpaymentaccount', 'route' => array('paymentaccount.update', $acc->payacid), 'method' => 'PUT')) }}
	<span class="notification" id="notification"></span>
    @if($errors->has('cardLast4'))<p class="error">{{$errors->first('cardLast4')}}</p>@endif
    @if($errors->has('expiryMonth')) <p class="error">{{$errors->first('expiryMonth')}}</p>@endif
    @if($errors->has('cardType')) <p class="error">{{$errors->first('cardType')}}</p>@endif
    @if($errors->has('accountToken')) <p class="error">{{$errors->first('accountToken')}}</p>@endif
	<p>
        <span class="mandatory">*</span>
		{{ Form::label('accountName', 'Payment Account Name') }}
		{{ Form::text('accountName', $acc->accountname,array('class'=>'inputStyle')) }}
		@if($errors->has('accountName')) <p class="error">{{$errors->first('accountName')}}</p>@endif
</p>
<p style='display: none;'>
	{{ Form::label('paymentAccountTypeCode', 'Payment Account Type') }}
	{{ Form::select('paymentAccountTypeCode', array('CC'=>'Credit Card', 'WV' => 'Waiver'), $acc->typecode,array('class'=>'inputStyle expireSelect')) }}
	@if($errors->has('paymentAccountTypeCode')) <p class="error">{{$errors->first('paymentAccountTypeCode')}}</p>@endif
</p>
<p style='display: none;'>
	{{ Form::label('accountToken', 'Payment Account Token') }}
	{{ Form::hidden('accountToken', $acc->accounttoken) }}
</p>
<p style='display: none;'>
	{{ Form::label('cardType', 'Card Type') }}
	{{ Form::hidden('cardType', $acc->cardtype) }}
</p>
<p style='display: none;'>
	{{ Form::label('cardLast4', 'Card Number(last 4)') }}
	{{ Form::hidden('cardLast4', $acc->cardlast4) }}
</p>
<p style='display: none;'>
	{{ Form::label('expiryMonth', 'Expiry Date') }}
	{{ Form::hidden('cardMonth', $acc->cardmonth) }}
	{{ Form::hidden('cardYear', $acc->cardyear) }}
</p>
<p style='display: none;'>
	{{ Form::label('CardHolderName', 'CardHolder Name') }}
	{{ Form::hidden('CardHolderName',$acc->cardholdername) }}        
</p>
<p class="submitBtnWrap">
	<span class="mandatory">&nbsp;&nbsp;</span>
	<label></label>
	{{ Form::submit('Save Payment Account', array('class'=>'btn btn-padding btn-bluebg', 'id' => 'payAcSubmit')) }}
</p>
{{ Form::close() }}
</div>

<div class="popupWrapper customPopWidth" id="responsePopup">
    <div class="popupContent">
        <img src="/images/modal_close.png"  class="closePopup" alt="close">
        <div class="popupHd">
            <h1>Card details</h1>
        </div>
		<div class="popupBody">
			<p>Please fill the form first.</p>
		</div>
    </div>
</div>
@stop
@section('scripts_bottom')
<script src="/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/js/dashboard.js?@assetsVersion()"></script>
<script>
	$(function() {
		var payAcForm = $("#createpaymentaccount");
		window.MFR = window.MFR || {};
		var showInvalidPopup = function() {
			$("#responsePopup").show();
			$('.loader').hide();
			$('.overlay').hide();
		};
		$(".closePopup").click(function() {
			$("#cardDetailsPopup").hide();
			$(".overlay").hide();
			$("#responsePopup").hide();
		});
		var waiverAcCheck = function() {
			return $("#paymentAccountTypeCode").val() === 'CC';
		};
		payAcForm.validate({
			rules: {
				accountName: {
					required: true
				}
			},
			messages: {
				accountName: "Payment Account Name is required"
			},
			onfocusout: function(element, event) {
				this.element(element);
			},
			ignore: '',
			submitHandler: function(form) {
				$(form).find(':input').removeAttr('disabled');
				var sdata = $(form).serialize();
				var $inputs = $(form).find("input, select, button, textarea");
				$inputs.prop("disabled", true);
				request = $.ajax({
					url: "{{route('paymentaccount.update', $acc->payacid)}}",
					type: "PUT",
					beforeSend: function(request) {
						$('.loader').show();
						$('.overlay').show();
					},
					data: sdata
				});
				request.done(function(msg) {
					if (msg.error) {
						$("#notification").html(msg.errors);
					} else {
						window.location = "{{route('paymentaccount.index')}}";
					}
				});
				request.always(function() {
					$inputs.prop("disabled", false);
					$('.loader').hide();
					$('.overlay').hide();
				});
				return false;
			}
		});

	});

</script>
@stop