@extends('invoice.tuition.step', [
	'selected' => 'tuition-remit',
])

@push('css')
<link rel="stylesheet" type="text/css" href="/css/invoice.css?ver=20190214"/>
@endpush
@push('script')
<script type="text/javascript" src="/js/invoice.{{ strtolower($info_invoice->exchange_currency) }}.js?ver=20190214"></script>
@endpush
@push('head')
<style type="text/css">
    .table.simple_info{width:100%;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		$('form[name=form_register]').submit(function() {
			$.edm_ajax({
				url:'{{ URL::route('invoices.tuition.data.set', [$info_invoice->process_invoice_id, 'code_status']) }}',
				data:{
					_token:'{{ csrf_token() }}',
					json:true,
					code_status:'TUITION_REMIT_COMPLETED'
				},
				success:function(el, data) {
					setTimeout(function() {
						try{
							$('body').trigger('invoiceUpdate');
							if (window.opener) {
								window.opener.$('body').trigger('invoiceUpdate');
							}
						} catch(e) {
						}

						window.location.href = "{{ URL::route('invoices.tuition.show', $info_invoice->process_invoice_id) }}";
					}, el.data('edm_ajax_setting').closeDelay);
				}
			});

			return false;
		});

		$('form[name=form_register] .btn-cancel').click(function() {

			if (!confirm('Are you sure you want to cancel?')) return;

			$.edm_ajax({
				url:'{{ URL::route('invoices.tuition.data.set', [$info_invoice->process_invoice_id, 'code_status']) }}',
				data:{
					_token:'{{ csrf_token() }}',
					json:true,
					code_status:'INVOICE'
				},
				success:function(el, data) {
					setTimeout(function() {
						try{
							$('body').trigger('invoiceUpdate');
							if (window.opener) {
								window.opener.$('body').trigger('invoiceUpdate');
							}
						} catch(e) {
						}

						window.location.href = "{{ URL::route('invoices.tuition.show', $info_invoice->process_invoice_id) }}";
					}, el.data('edm_ajax_setting').closeDelay);
				}
			});
		});
	});
</script>
@endpush

@section('invoice-content')
	<form name="form_register">
		<div class="section-register relative">
			<h4 class="title">{{ strtoupper(Lang::get('invoice.word.tuition_payment')) }}</h4>
			<div class="title-right-buttons">
				<a class="btn btn-sm btn-info" href="{{ URL::route('process.view.finance', $info_invoice->process_id) }}">
					{{ Lang::get('invoice.word.admission_management') }}
				</a>
			</div>

			<ul class="text-muted register-notice caution">
				<li>{!! nl2br(Lang::get('invoice.desc.click_payment_complete_button')) !!}</li>
				<li>{!! nl2br(Lang::get('invoice.desc.click_cancel_button')) !!}</li>
				<li>{!! nl2br(Lang::get('invoice.desc.possible_before_3pm')) !!}</li>
			</ul>
			<table class="table simple_info">
				<colgroup>
					<col width="20%"/>
					<col width="30%"/>
					<col width="20%"/>
					<col width="30%"/>
				</colgroup>
				<tbody>
					<tr>
						<th><p class="text-right form-control-static">{{ Lang::get('invoice.word.bank') }}</p></th>
						<td><p class="text-left form-control-static">{{ Lang::get('invoice.word.bank_ibk') }}</p></td>
						<th><p class="text-right form-control-static">{{ Lang::get('invoice.word.account_holder') }}</p></th>
						<td>
							@if ($info_invoice->process_code_admission_type === 'UAL')
								<p class="text-left form-control-static">{{ Lang::get('invoice.word.corp_hana_education') }}</p>
							@else
								<p class="text-left form-control-static">{{ Lang::get('invoice.word.corp_edm_education') }}</p>
							@endif
						</td>
					</tr>
					<tr>
						<th><p class="text-right form-control-static">{{ Lang::get('invoice.word.account_number') }}</p></th>
						<td>
							@if ($info_invoice->process_code_admission_type === 'UAL')
								<p class="text-left form-control-static">{{ Lang::get('invoice.desc.account_number_string.hana') }}</p>
							@else
								<p class="text-left form-control-static">{{ Lang::get('invoice.desc.account_number_string') }}</p>
							@endif
						</td>
						<th><p class="text-right form-control-static">{{ Lang::get('invoice.word.payment_amount') }}</p></th>
						<td>
							<p class="text-right form-control-static clearfix" style="padding-right:22px">
								<span class="pull-left">{{ $info_invoice->exchange_currency_name or ''}}</span>{{ number_format($info_invoice->payment_amount_exchange) }}
							</p>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="section-register text-center">
			<button type="button" class="btn btn-action btn-inverse btn-cancel">{{ Lang::get('invoice.word.cancel.short') }}</button>
			<button type="submit" class="btn btn-action btn-success">{{ Lang::get('invoice.word.payment_completed.short') }}</button>
		</div>
    </form>
    <div class="section-register relative" style="margin-top:80px">
        <h4 class="title">{{ strtoupper(Lang::get('invoice.word.invoice_details')) }}</h4>
        
        {!! $template_invoice !!}
    </div>    
@endsection