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

@include('html.header.select2')
@include('html.header.datepicker', ['language' => 'kr'])
@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{min-width:1100px;max-width:1100px;}
	.section-search .code_uhaktype .line+.line{border-top:1px solid #e7e7e7;}
	.article-result{min-width:1100px;}
	.article-result .table td .checkboxradio label{padding-left:20px;}
	.bg-school-rank-S{background-color:#fdf0c3 !important;}
	.bg-school-rank-A{background-color:#f4dad9 !important;}
	.bg-school-rank-B{background-color:#cae9fd !important;}
	.bg-school-rank-C{background-color:#b4f7e6 !important;}
	.bg-school-rank-F{background-color:#d3dae0 !important;}
	.bg-school-rank-K{background-color:#ddd4ef !important;}
	.bg-school-rank-N{background-color:#ffffff !important;}

    .section-search .el-group-title.form-select{left:-12px;padding:0; width: 100px}
	.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;}
    .left-info {margin-left: 84px !important;}
</style>

<script type="text/javascript">

	var maxMonthCheck = function (start_date, end_date) {
		let strtDate = start_date;
		let endDate = end_date;

		let strtYear = parseInt(strtDate.substring(0,4));
		let strtMonth = parseInt(strtDate.substring(5,7));

		let endYear = parseInt(endDate.substring(0,4));
		let endMonth = parseInt(endDate.substring(5,7));

		let term_month = (endYear - strtYear)* 12 + (endMonth - strtMonth);

		if (term_month > 11) {
			alert ("max term 12 month");
			return false;
		} else {
			return true;
		}
	}

	$(document).ready(function() {

		$('.form-search .date-between input.form-date').datepickerBetweenMonth();

		console.log($(this).find('input.form-date[name="start_date"]').val());
		let first_month = "{{date('Y', time())}}";
		first_month +="-01";
		let now_month = "{{date('Y-m', time())}}";

		if ($(this).find('input.form-date[name="start_date"]').val()==='') {
			$(this).find('input.form-date[name="start_date"]').val(first_month);
		}
		if ($(this).find('input.form-date[name="end_date"]').val()==='') {
			$(this).find('input.form-date[name="end_date"]').val(now_month);
		}



		$('.form-search').submit(function() {

			var url = $(this).attr('action');
			var data = $(this).serializeObject();

			let submit_chkeck=true;

			submit_chkeck = maxMonthCheck(data.start_date, data.end_date);

			if (submit_chkeck !== true) {
				return false;
			}
		});
	});

</script>
@endpush

@php
#진행단계
$invoice_status = ConfigCode::getCodes('INVOICE_STATUS', ['code'=>['INVOICE', 'TUITION_REMIT', 'TUITION_REMIT_COMPLETED', 'SCHOOL_REMIT', 'SCHOOL_REMIT_COMPLETED']]);
@endphp

@section('ui-content')
    <div class="section-content">
        <h3 class="title">{{ Lang::get('stats.word.title') }}</h3>
        <div class="section-search">
			<form method="POST" class="form-search" action="{{URL::route('stats.list')}}" {{--onsubmit="return false"--}}>
				<input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="row">

                    <div class="col-xs-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label">{{ Lang::get('stats.word.payment') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<div class="selectbox align-center">
										<select class="form-control" name="tuition_remit_check">
											<option value="">{{ Lang::get('stats.input.all') }}</option>
											<option value="Y" {{ Request::get('tuition_remit_check') === 'Y' ? 'selected' : '' }}>{{ Lang::get('stats.input.confirm') }}</option>
											<option value="N" {{ Request::get('tuition_remit_check') === 'N' ? 'selected' : '' }}>{{ Lang::get('stats.input.unconfirm') }}</option>
										</select>
									</div>
								</div>
							</div>
						</div>
                    </div>

					<div class="col-xs-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label">{{ Lang::get('stats.word.status')}}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<div class="selectbox align-center">
										<select class="form-control" name="code_status">
											<option value="">{{ Lang::get('stats.input.all') }}</option>
										@foreach ($invoice_status as $code)
											<option value="{{ $code->code }}" {{ Request::get('code_status') === $code->code ? 'selected' : '' }}>{{ $code->name }}</option>
										@endforeach
										</select>
									</div>
								</div>
							</div>
						</div>
                    </div>

                    <div class="col-xs-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang:: get('stats.word.agency') }}">{{ Lang:: get('stats.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('stats.input.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-xs-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('stats.word.school_name') }}">{{ Lang::get('stats.word.school_name') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<input type="text" class="form-control" name="school_name" value="{{ Request::get('school_name') }}"/>
								</div>
							</div>
						</div>
                    </div> --}}

                    <div class="col-xs-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label">{{ Lang::get('stats.word.period') }} ({{ Lang::get('stats.msg.period_info') }})</label>
							<div class="el-group-cont pad-md left-info">
								<div class="input-block">
									<div class="selectbox align-center">
										<select class="form-control" name="stats_period">
											<option value="invoice_date" {{ Request::get('stats_period') === 'invoice_date' ? 'selected' : '' }}>{{ Lang::get('stats.input.completed_date') }}</option>
											<option value="school_remit_date" {{ Request::get('stats_period') === 'school_remit_date' ? 'selected' : '' }}>{{ Lang::get('stats.input.transfer_school_date') }}</option>
										</select>
									</div>
								</div>
							</div>
						</div>
                    </div>

                    <div class="col-sm-4 col-lg-4">
						<div class="form-group el-group">
							<div class="el-group-cont" style='padding:0px'>
								<div class="input-block date-between">
									<input type="text" autocomplete="off" class="form-control form-date" name="start_date" value="{{ Request::get('start_date') }}" placeholder="{{ date('Y-m') }}"/>
									<p class="form-control-static">~</p>
									<input type="text" autocomplete="off" class="form-control form-date" name="end_date" value="{{ Request::get('end_date') }}" placeholder="{{ date('Y-m') }}"/>
								</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" >{{ Lang:: get('stats.input.search') }}</button>
						</div>
					</div>

                </div>

            </form>
		</div>
		@include("stats.list.listTable")
    </div>
@endsection