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

@include('html.header.select2')
@include('html.header.datepicker', ['language' => 'tw'])
@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();

			$('.form-search .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">
		<h3 class="title">{{ strtoupper(Lang::get('invoice.word.post_commission_management')) }}</h3>
		<div class="section-search" style="max-width:900px">
			<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') }}</label>
							<div class="el-group-cont">
								<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>
			@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.student_name') }}">{{ Lang::get('invoice.word.student_name.short') }}</label>
							<div class="el-group-cont">
								<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.post_commission_status') }}">{{ Lang::get('invoice.word.post_commission_status.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<div class="selectbox">
										<select class="form-control" name="after_code_status">
											<option value="">{{ Lang::get('invoice.word.all') }}</option>
										@foreach (ConfigCode::getCodes('INVOICE_AFTER_COMMISSION_STATUS') as $code)
											<option value="{{ $code->code }}" {{ Request::get('after_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="school_remit" {{ Request::get('type_date') === 'school_remit' ? 'selected' : '' }}>{{ Lang::get('invoice.word.invoice_date.short') }}</option>
										<option value="take" {{ Request::get('type_date') === 'take' ? 'selected' : '' }}>{{ Lang::get('invoice.word.retrieved_date.short') }}</option>
										<option value="complete" {{ Request::get('type_date') === 'complete' ? 'selected' : '' }}>{{ Lang::get('invoice.word.post_commission_completed_date.short') }}</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>
		@if (isUALRequest())
			@include('template.invoice.afterCommission.list-ual', ['paginate_invoice' => $paginate_invoice])
		@else
			@include('template.invoice.afterCommission.list', ['paginate_invoice' => $paginate_invoice])
		@endif
	</div>
@endsection