@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')
	@push('custom-css')
	@endpush

	@php
	$error = session('error');
	$success = session('success');
	@endphp

	@isset ($success)
	<div class="alert alert-success pb-1">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>

		<p><i class="fa fa-exclamation-triangle"></i>
			{{ $success }}
		</p>
	</div>
	@endisset

	@isset ($error)
	<div class="alert alert-danger pb-1">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>

		<p><i class="fa fa-exclamation-triangle"></i>
			{{ $error }}
		</p>
	</div>
	@endisset

	<!-- begin panel -->
	<div class="panel panel-inverse " data-sortable-id="ui-widget-6">
		<div class="panel-heading">
			<h4 class="panel-title">
				{{ $title }}
			</h4>
		</div>

		<div class="panel-body panel-form">
			<form class="form-horizontal form-bordered" enctype="multipart/form-data" action="{{url('admin/payments/xero')}}" method="post" data-parsley-validate="true">
				<div class="form-group row m-b-15">
					<label class="col-sm-4 col-form-label" for="gateway_active">Xero {{__('payments.gateway_active')}}:
						<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Xero {{__('payments.gateway_active')}}"></i>
					</label>

					<div class="col-sm-4">
						<div class="form-check checkbox-slider--b-flat" style="padding-top:0">
							<label>
								@php
								$xero_active = setting('payments_xero_active') ? 'checked' : '';
								@endphp
								<input class="checkBoxx" type="checkbox" name="payments_xero_active" data-u="update_setting" {{$xero_active}}><span></span>
							</label>
						</div>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-sm-4 col-form-label" for="fullname">Client id:</label>

					<div class="col-sm-4">
						<a href="javascript:;" class="x-edit" data-name="payments_xero_client_id" data-type="text" data-placeholder="Client id" data-pk="1" data-u="update_setting" data-title="Client id" data-required="true">{{setting("payments_xero_client_id")}} </a>
					</div>

					<div class="col-sm-4 pb-0">
						<div class="alert alert-info">
							<p><i class="fa fa-info-circle"></i> Visit <a href="https://developer.xero.com/myapps" target="_blank">developer.xero.com/myapps</a> to get your OAuth 2.0 credentials.</p>
						</div>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-sm-4 col-form-label" for="fullname">Client secret:</label>
					<div class="col-sm-4">
						<a href="javascript:;" class="x-edit" data-name="payments_xero_client_secret" data-type="text" data-placeholder="Client secret" data-pk="1" data-u="update_setting" data-title="Client secret" data-required="true">{{setting("payments_xero_client_secret")}} </a>
					</div>
				</div>
			</form>
		</div>

		<div class="row">
			<div class="col-sm-4 mx-3 pt-2">
				<strong>Xero Account</strong>
			</div>

			<div class="col-sm-4 pt-2 pl-0">
				@isset($user)
				<p><i class="fa fa-info-circle"></i> {{ $user['email'] }}</p>
				@endisset
			</div>

			<div class="col pb-2 mx-1 text-right">
				@if (empty(setting('payments_xero_token')))
				<a href="{{url('admin/payments/xero_connect') }}">
					<img src="{{url('assets/core/payments/assets/img/xero/connect-white.svg') }}" alt="Connect to Xero">
				</a>
				@else
				<a href="{{url('admin/payments/xero_disconnect') }}">
					<img src="{{url('assets/core/payments/assets/img/xero/disconnect-white.svg') }}" alt="Disconnect from Xero">
				</a>
				@endif
			</div>
		</div>

		@isset($organisation)
		<div class="row">
			<div class="col-sm-4 mx-3 pt-2">
				<strong>Xero Organisation</strong>
			</div>

			<div class="col-sm-4 pt-2 pl-0">
				<p><i class="fa fa-info-circle"></i> {{ $organisation }}</p>
			</div>
		</div>
		@endisset
	</div>
	<!-- end panel -->
	@push('custom-js')
		<script>
			handleXeditable();
			checkboxHandler();
		</script>
	@endpush
@endsection