@php
	// 유학국가
	$country_name = ConfigCode::getCode('COUNTRY', $info_process->code_country)->name;
	// 유학종류
	$uhaktype = ConfigCode::getCode('UHAKTYPE', $info_process->code_uhaktype);
	$uhaktype_name = $uhaktype ? $uhaktype->name : '';
	// 유학과정
	$uhakcourse = ConfigCode::getCode('UHAKCOURSE', $info_process->code_uhakcourse, $uhaktype->code_id);
	$uhakcourse_name = $uhakcourse ? $uhakcourse->name : '';

	// 상대경로로 URL Get
	$url_invoice_create = URL::route('invoices.tuition.create', [], false);
	// ed:m 대만 법인의 경우
	$lang = getLanguageOfAgency($info_process->agency_id);
	// URL에 Language를 설정함 (ex. /tw/invoices/tuition/create)
	$url_invoice_create = setLanguageAtUrl($lang, $url_invoice_create);

@endphp

@extends('process.view.view', [
	'selected' => 'finance',
	'process_id' => $info_process->process_id,
])

@include('html.header.input')
@include('html.header.select2')
@include('html.header.validator')
@include('html.header.edm-ajax')

@push('css')
<link rel="stylesheet" type="text/css" href="/css/list.css"/>
<link rel="stylesheet" type="text/css" href="/css/register.css"/>
<link rel="stylesheet" type="text/css" href="/css/invoice.css?ver=20190214"/>
@endpush

@push('head')
<style type="text/css">
	.table.list tbody tr.empty-result{height:126px;}
</style>
<script type="text/javascript">
{{-- 관리자권한 --}}
@if (isLogin('staff'))
	// 정산서 상태 변경 후, 갱신
	var setInvoiceStatus = function(url, data, confirm_message) {

		if (!confirm(confirm_message)) return;

		var defaultData = {
			_token:'{{ csrf_token() }}',
			json:true
		};

		var ajax = $.edm_ajax({
			url:url,
			data:$.extend(defaultData, data),
			closeDelay:1000,
			debug:true,
			success:function(el, data) {
				// sync reload list
				$.edm_ajax({
					type:'GET',
					async:false,
					display:false,
					url:'{{ URL::route('process.finance.invoice.list', $info_process->process_id) }}',
					data:{json:true},
					success:function(e, d) {
						setTimeout(function() {
							$('.invoice.list .article-result').html(d.view);
							bindPaginate();
							bindInvoiceClick();
						}, el.data('edm_ajax_setting').closeDelay);
					},
					error:function() {
						console.log('a');
					}
				});
			}
		});
	};

	// 정산서 작성완료
	var invoiceSubmit = function(e, invoice_id) {
		if (!invoice_id) return;

		var url = $(e.target).data('url');
		var data = {code_status:'INVOICE'};
		setInvoiceStatus(url, data, 'Would you like to make this invoice available to the agency?');
	};

	// 정산서 취소
	var invoiceCancel = function(e, invoice_id) {
		if (!invoice_id) return;

		var url = $(e.target).data('url');
		var data = {code_status:'PROCESS'};
		setInvoiceStatus(url, data, 'Are you sure you want to cancel this invoice?');
	};

	// 정산서 삭제
	var invoiceDelete = function(e, invoice_id) {
		if (!invoice_id) return;

		var url = $(e.target).data('url');
		var data = {_method:'DELETE'};
		setInvoiceStatus(url, data, 'Are you sure you want to delete this invoice?');
	};
@endif

	// 페이지 클릭 이벤트 바인딩
	var bindPaginate = function() {
		$('.invoice.list .article-result .pagination a').click(function() {
			var page = getUrlParameter($(this).attr('href'), 'page');
			invoiceLoad(page);
			return false;
		});
	}

	// 정산서 클릭 이벤트
	var bindInvoiceClick = function() {
		$('.invoice.list .article-result table.list td>a').click(function() {
			var url = $(this).attr('href');
			invoiceOpen(url);
			return false;
		});
	};

	// 정산서 로드
	var invoiceLoad = function(page) {
		var url = '{{ URL::route('process.finance.invoice.list', $info_process->process_id) }}';
		if (page) {
			url = url + '?page=' + page;
		}

		$.edm_ajax({
			type:'GET',
			url:url,
			data:{json:true},
			closeDelay:0,
			success:function(el, data) {
				$('.invoice.list .article-result').html(data.view);
				bindPaginate();
				bindInvoiceClick();
			}
		});
	};

	// 정산서 열기
	var invoiceOpen = function(url) {
		openWindow(url, '', 800, '70%', '10%', 'center', {resizable:'no'});
	};

	$(document).ready(function() {

		bindPaginate();
		bindInvoiceClick();

		@if (isLogin('staff'))
			$('form[name=form_view]').validate({
				submitHandler:function(form) {
					var url = $(form).attr('action') + '?' + $(form).serialize();
					invoiceOpen(url);
		        }
			});
		@endif
	});

	$(document).bind('invoiceUpdate', function() {
		invoiceLoad();
	});
</script>
@endpush

@section('ui-content')
	<div class="section-content">
	@if (isLogin('staff'))
		<article class="invoice write">
			<h4 class="title">{{ Lang::get('process.word.filling_out_tuition_invoice') }}</h4>
			<div class="section-register-cont" style="margin-left:auto;margin-right:auto;">
				<form method="GET" name="form_view" action="{{ $url_invoice_create }}">
					<div class="form-group el-group">
						<label class="el-group-title control-label">{{ Lang::get('process.word.country') }}</label>
						<div class="el-group-cont">
							<div class="input-block">
								<p class="form-control-static">{{ $info_process->code_country }}</p>
							</div>
						</div>
					</div>
					<div class="form-group el-group">
						<label class="el-group-title control-label">{{ Lang::get('process.word.study_type') }}</label>
						<div class="el-group-cont">
							<div class="input-block">
								<p class="form-control-static">{{ $uhaktype_name.($uhakcourse_name ? ' / '.$uhakcourse_name : '') }}</p>
							</div>
						</div>
					</div>
					<div class="form-group el-group">
						<label class="el-group-title control-label">{{ Lang::get('process.word.school_name') }}</label>
						<div class="el-group-cont">
							<div class="input-block">
								@if (count($info_process_school) > 1)
									<div class="selectbox">
										<select name="process_school_id" class="required" data-placeholder="Please select a school.">
											<option></option>
											@foreach ($info_process_school as $school)
												<option value="{{ $school->process_school_id }}">{{ $school->school_name }}</option>
											@endforeach
										</select>
									</div>
								@else
									@foreach ($info_process_school as $school)
										<input type="hidden" name="process_school_id" value="{{ $school->process_school_id }}"/>
										<p class="form-control-static">{{ $school->school_name }}</p>
									@endforeach
								@endif
							</div>
						</div>
					</div>
					<div class="text-center" style="padding-top:15px">
						<button type="submit" class="btn btn-action btn-success" {{ count($info_process_school) < 1 ? 'disabled' : '' }}>{{ Lang::get('process.word.filling_out_tuition_invoice') }}</button>
					</div>
				</form>
			</div>
		</article>
	@endif
		<article class="invoice list relative">
			<h4 class="title">{{ Lang::get('process.word.invoice_list' )}} <button type="button" class="btn btn-success btn-refresh" onclick="invoiceLoad()" title="{{ Lang::get('process.word.refresh' )}}"><img src="/images/common/ic-refresh-white-18dp.png"/></button></h4>
			<div class="article-result">
				{!! $template_invoice !!}
			</div>
		</article>
	</div>
@endsection