@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Global Payment Accounts
@stop
@section('content')
<div class="tableSearch clearfix">
	<input type="text" placeholder="Search" id='filing-list-search' class="inputSearch fright">
</div>
<div class="dashboardTable " id="PayList">
    <table class="table usermanagement" id ="searchtable" style="margin-top:0">
        <thead class="theader theaderTab">
            <tr>
                <th><span>Firm Name</span></th>
				<th><span>Is Configured</span></th>
                <th><span>Global Payment</span></th>  
				<th><span>Invoice Preference</span></th>
            </tr>
        </thead>
		@foreach($firms as $firm)
		<tr>
			@if(empty($firm->firmname) || $firm->firmname =='Individual')
			<td>{{'Individual- '.$firm->firstname.'  '.$firm->lastname}}</td>
			@else
            <td>{{$firm->firmname}}</td>
			@endif
			@if(!empty($firm->payment_account_id))
			<td>Yes</td>
			@else
			<td>No</td>
			@endif

			<td><a class="configure" href="#" data-fid="{{$firm->fid}}" >configure</a></td>
			<td><a class="invoice_pref" href="#" data-fid="{{$firm->fid}}" >Change Invoice Preference</a></td>

		</tr>
		@endforeach
	</table>
</div>

<div class="popupWrapper customPopWidth popup_response" id='mfr_message_box'>
    <div class="popupContent">
        <img src="/images/modal_close.png"  class="closePopup" alt="close">
        <div class="popupBody">
            <div class="centerstyle" style="text-align:center">
				<p id="popup_response_text" class="mb35"></p>
				<p class="c-align">
					<a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
				</p>
            </div>
        </div>
    </div>
</div>
<div class="popupWrapper customPopWidth popup_response" id='invoice_pref_popup'>
    <div class="popupContent">
        <img src="/images/modal_close.png"  class="closePopup" alt="close">
        <div class="popupBody">
			<p id="popup_response_text2" class="mb35 c-align popup_response_text">Configure Invoice Preferences</p>
            <div class="centerstyle" style="text-align:center">
				<p id="popup_response_text_inv" class="mb35"></p>
<!--				<p class="c-align">
					<a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
				</p>-->
            </div>
        </div>
    </div>
</div>
<div class="popupWrapper customPopWidth" id="responsePopup">
    <div class="popupContent">
        <img src="/images/modal_close.png"  class="closePopup" alt="close">
		<div class="popupBody">
			<p id="popup_response_text2" class="mb35 c-align popup_response_text">Configure payment account</p>
			<form id="configure_form" method="post">
				<div id="configure_content"></div>
				<p class="c-align">
					<a id="save_payment" href="#" class="btn btn-padding btn-medium btn-bluebg">Save</a>
				</p>
			</form>
		</div>
    </div>
</div>
@stop

@section('scripts_bottom')
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/js/jquery.quicksearch.js"></script>
<script type="text/javascript">
	$(function() {
		var dataTbale = $("#searchtable").dataTable({
			"sDom": "rtip",
			"iDisplayLength": 10,
			"aoColumns": [
				{"bSearchable": true, "bSortable": true},
				{"bSearchable": true, "bSortable": true},
				null,
				null

			],
			"fnDrawCallback": function() {
				if (Math.ceil((this.fnSettings().fnRecordsDisplay()) / 10) <= 1) {

					$('#searchtable_next').css({"display": "none"});
					$('#searchtable_previous').css({"display": "none"});
				}
			}
		});
		$('input#filing-list-search').keyup(function() {
			dataTbale.fnFilter($(this).val());
		});
		$('#PayList').on('click', "a.configure", function(event) {
			event.preventDefault();
			getPaymentdata($(this).data('fid'));
		});
		$('#PayList').on('click', "a.invoice_pref", function(event) {
			event.preventDefault();
			MFR.showLoader()
			var fid = $(this).data('fid')
			$.get("/superadmin/firm-preferences/" + fid, function(data) {
				$("p#popup_response_text_inv").html(data);
				$('#invoice_pref_popup').show();
				//MFR.hideLoader();
			});
		});
		$('#configure_form').on('click', "a#save_payment", function(event) {
			event.preventDefault();
			saveData();
		});		
	});
	function getPaymentdata(fid) {
		$.ajax({
			url: '/superadmin/global-payment-acoount/' + fid,
			type: 'get',
			beforeSend: function(request) {
				MFR.showLoader();
				return request.setRequestHeader("X-CSRF-Token", $("meta[name='token']").attr('content'));
			},
			success: function(data) {
				if (data.error === false) {
					var html = '<input type="hidden" name="firm_id" value="' + fid + '" /><ul class="configPayment">';
					var accounts;
					for (accounts in data.result) {
                                            if(data.result[accounts].Active){
						if (data.result[accounts].is_configured === true)
							html += '<li>' + '<input type="checkbox" value="' + data.result[accounts].PaymentAccountID + '" name="payment_id[]" checked />' + data.result[accounts].AccountName + '  ';
						else
							html += '<li>' + '<input type="checkbox" value="' + data.result[accounts].PaymentAccountID + '" name="payment_id[]"  />' + data.result[accounts].AccountName + '  ';
                                                }
					}
					html += '</ul>';
					$('#configure_content').html(html);
					$('#responsePopup').show();
				} else {
					MFR.messageBox('We encountred an  error');
				}
			}
		});


	}

	function saveData() {
		$.ajax({
			url: '/superadmin/payment-data',
			type: 'POST',
			data: $('#configure_form').serialize(),
			dataType: 'json',
			beforeSend: function(request) {
				MFR.showLoader();
				return request.setRequestHeader("X-CSRF-Token", $("meta[name='token']").attr('content'));
			},
			success: function(data) {
				if (data.error === false) {
					MFR.hideLoader();
					$('#configure_content').html('');
					$('#responsePopup').hide();
					MFR.messageBox("Successfully configured payment account settings.", function() {
						window.location.reload(true);
					});
				} else {
					MFR.messageBox(data.message);
				}

			}
		});
	}
</script>
@stop