@extends('layouts.page', [
	'panel_display' => true,
	'panel_menu_active' => [$panel_menu_active]
])

@include('html.header.select2')
@include('html.header.datepicker', ['language' => 'en'])
@include('html.header.edm-ajax')
@include('html.header.input')

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

@push('head')
<style type="text/css">
	.section-search .el-group-title.form-select{left:-12px;padding:0;}
	.section-search .el-group-title.form-select .select2-selection{border:0 !important;background:transparent;box-shadow:none;}
	.section-search .el-group-title.form-select .select2-selection__rendered{font-weight:700;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		$('.form-search .date-between input.form-date').datepickerBetween();

		$('.form-search').submit(function() {
			var url = $(this).attr('action');
			var data = $(this).serializeObject();

			$(this).find('.date-between input.form-date').each(function() {
				data[$(this).attr('name')] = $(this).val().replace(/[^0-9]/g, '');
			});
			if ($(this).find('input.form-date[name="start_date"]').val() === '' && $(this).find('input.form-date[name="end_date"]').val() === '') {
				delete data['type_date'];
			}
			for (var i in data) {
				if (data[i] === '') delete data[i];
			}

			if (Object.keys(data).length) {
				url = url + ((url.indexOf('?') > -1) ? '&' : '?') + $.param(data);
			}
			window.location.href = url;
			return false;
		});
	});
</script>
@endpush

@section('ui-content')
	<div class="section-content ib">
		<h3 class="title">{{ strtoupper(Lang::get('invoice.word.tuition_invoice_management')) }}</h3>
		<div class="section-search" style="max-width:1200px">
			<form method="GET" class="form-search" action="{{ URL::route($route_search) }}">
				<input type="hidden" name="admission_type" value="{{ request()->input('admission_type') }}"/>
			@if (isLogin('staff'))
				<div class="row">
					<div class="col-sm-12 col-md-6 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang:: get('invoice.word.agency') }}">{{ Lang:: get('invoice.word.agency.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<div class="selectbox display-searchbox">
										<select class="form-control" name="agency_id">
											<option value="">{{ Lang:: get('invoice.word.all') }}</option>
										@foreach (App\Model\Agency::orderBy('name')->cursor() as $agency)
											<option value="{{ $agency->agency_id }}" {{ Request::get('agency_id') == $agency->agency_id ? 'selected' : '' }}>{{ $agency->name }}</option>
										@endforeach
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('invoice.word.payment_confirmation') }}">{{ Lang::get('invoice.word.payment_confirmation.short') }}</label>
							<div class="el-group-cont pad-xl">
								<div class="input-block selectbox">
									<select class="form-control" name="tuition_remit_check">
										<option value="">{{ Lang:: get('invoice.word.all') }}</option>
										<option value="Y" {{ Request::get('tuition_remit_check') === 'Y' ? 'selected' : '' }}>{{ Lang::get('invoice.word.confirm') }}</option>
										<option value="N" {{ Request::get('tuition_remit_check') === 'N' ? 'selected' : '' }}>{{ Lang::get('invoice.word.unconfirm') }}</option>
									</select>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('invoice.word.transfer_confirmation') }}">{{ Lang::get('invoice.word.transfer_confirmation.short') }}</label>
							<div class="el-group-cont pad-xl">
								<div class="input-block selectbox">
									<select class="form-control" name="school_remit_check">
										<option value="">{{ Lang:: get('invoice.word.all') }}</option>
										<option value="Y" {{ Request::get('school_remit_check') === 'Y' ? 'selected' : '' }}>{{ Lang::get('invoice.word.confirm') }}</option>
										<option value="N" {{ Request::get('school_remit_check') === 'N' ? 'selected' : '' }}>{{ Lang::get('invoice.word.unconfirm') }}</option>
									</select>
								</div>
							</div>
						</div>
					</div>
				</div>
			@endif
				<div class="row">
					<div class="col-sm-6 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('invoice.word.commission_type') }}">{{ Lang::get('invoice.word.commission_type.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block selectbox">
									<select class="form-control" name="commission_type">
										<option value="">{{ Lang:: get('invoice.word.all') }}</option>
										<option value="before" {{ Request::get('commission_type') === 'before' ? 'selected' : '' }}>{{ Lang::get('invoice.word.pre_commission') }}</option>
										<option value="after" {{ Request::get('commission_type') === 'after' ? 'selected' : '' }}>{{ Lang::get('invoice.word.post_commission') }}</option>
									</select>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('invoice.word.transfer_methods') }}">{{ Lang::get('invoice.word.transfer_methods.short') }}</label>
							<div class="el-group-cont pad-xl">
								<div class="input-block selectbox">
									<select class="form-control" name="remit_type">
										<option value="">{{ Lang:: get('invoice.word.all') }}</option>
										<option value="edm" {{ Request::get('remit_type') === 'edm' ? 'selected' : '' }}>{{ Lang::get('invoice.word.instead_transfer') }}</option>
										<option value="school" {{ Request::get('remit_type') === 'school' ? 'selected' : '' }}>{{ Lang::get('invoice.word.direct_transfer') }}</option>
									</select>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-6 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('invoice.word.student_name') }}">{{ Lang::get('invoice.word.student_name.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<input type="text" class="form-control" name="name" value="{{ Request::get('name') }}"/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-lg-6">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('invoice.word.school_name') }}">{{ Lang::get('invoice.word.school_name.short') }}</label>
							<div class="el-group-cont pad-xl">
								<div class="input-block">
									<input type="text" class="form-control" name="school_name" value="{{ Request::get('school_name') }}"/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-6 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('invoice.word.invoice_status') }}">{{ Lang::get('invoice.word.invoice_status.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<div class="selectbox">
										<select class="form-control" name="code_status">
											<option value="">{{ Lang:: get('invoice.word.all') }}</option>
										@foreach (ConfigCode::getCodes('INVOICE_STATUS') as $code)
											@continue (in_array($code->code, ['PROCESS', 'AGENCY_REMIT', 'AGENCY_REMIT_COMPLETED']))
											<option value="{{ $code->code }}" {{ Request::get('code_status') === $code->code ? 'selected' : '' }}>{{ $code->name }}</option>
										@endforeach
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-lg-6">
						<div class="form-group el-group">
							<div class="el-group-title form-select">
								<div class="selectbox align-center">
									<select name="type_date">
										<option value="invoice" {{ Request::get('type_date') === 'invoice' ? 'selected' : '' }}>{{ Lang:: get('invoice.word.registered_date') }}</option>
										<option value="school_remit" {{ Request::get('type_date') === 'school_remit' ? 'selected' : '' }}>{{ Lang:: get('invoice.word.invoice_date') }}</option>
									</select>
								</div>
							</div>
							<div class="el-group-cont pad-xl">
								<div class="input-block date-between">
									<input type="text" class="form-control form-date" name="start_date" value="{{ Request::get('start_date') }}" placeholder="{{ date('Y.m.d') }}"/>
									<p class="form-control-static">~</p>
									<input type="text" class="form-control form-date" name="end_date" value="{{ Request::get('end_date') }}" placeholder="{{ date('Y.m.d') }}"/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-lg-2">
						<div class="form-group el-group">
							<button type="submit" class="btn btn-primary btn-submit" title="{{ Lang:: get('invoice.word.search') }}">{{ Lang:: get('invoice.word.search') }}</button>
						</div>
					</div>
				</div>
			</form>
		</div>
		@include('template.invoice.tuition.list', ['paginate_invoice' => $paginate_invoice])
	</div>
@endsection