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

@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"/>
@endpush

@push('head')
	<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, '');
				});

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

@section('ui-content')
	<div class="section-content">
		<h3 class="title">{{ strtoupper(Lang::get('agency.word.agency_list')) }}</h3>
		<div class="section-search" style="max-width:1200px">
			<form method="GET" class="form-search" action="{{ URL::route('agency.list') }}">
				<div class="row">
					<div class="col-xs-6 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('agency.word.agency') }}">{{ Lang::get('agency.word.agency.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<input type="text" class="form-control" name="keyword" value="{{ Request::get('keyword') }}" placeholder=""/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-lg-5">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('agency.word.business_registration_number') }}">{{ Lang::get('agency.word.business_registration_number.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<input type="tel" class="form-control business-registration-number" name="biz_reg_number" value="{{ Request::get('biz_reg_number') }}" placeholder=""/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-6 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('agency.word.phone_number') }}">{{ Lang::get('agency.word.phone_number.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<input type="tel" class="form-control" name="tel_number" value="{{ Request::get('tel_number') }}" placeholder=""/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-lg-5">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('agency.word.email') }}">{{ Lang::get('agency.word.email.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block">
									<input type="text" class="form-control" name="email" value="{{ Request::get('email') }}" placeholder=""/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-6 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('agency.word.registration_request_date') }}">{{ Lang::get('agency.word.registration_request_date.short') }}</label>
							<div class="el-group-cont pad-md">
								<div class="input-block date-between">
									<input type="text" class="form-control form-date" name="created_start_date" value="{{ Request::get('created_start_date') }}" placeholder=""/>
									<p class="form-control-static">~</p>
									<input type="text" class="form-control form-date" name="created_end_date" value="{{ Request::get('created_end_date') }}" placeholder=""/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-6 col-lg-7">
						<div class="row">
							<div class="col-xs-4">
								<div class="form-group el-group">
									<label class="el-group-title control-label" title="{{ Lang::get('agency.word.approval_status') }}">{{ Lang::get('agency.word.approval_status.short') }}</label>
									<div class="el-group-cont pad-md">
										<div class="input-block">
											<div class="selectbox">
												<select class="form-control" name="auth_check">
													<option value="">{{ Lang::get('agency.word.all') }}</option>
													<option value="Y" {{ Request::get('auth_check') == 'Y' ? 'selected' : '' }}>{{ Lang::get('agency.word.approved') }}</option>
													<option value="N" {{ Request::get('auth_check') == 'N' ? 'selected' : '' }}>{{ Lang::get('agency.word.unapproved') }}</option>
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-4">
								<div class="form-group el-group">
									<label class="el-group-title control-label" title="{{ Lang::get('agency.word.availability_status') }}">{{ Lang::get('agency.word.availability_status.short') }}</label>
									<div class="el-group-cont pad-md">
										<div class="input-block">
											<div class="selectbox">
												<select class="form-control" name="use_check">
													<option value="">{{ Lang::get('agency.word.all') }}</option>
													<option value="Y" {{ Request::get('use_check') == 'Y' ? 'selected' : '' }}>{{ Lang::get('agency.word.available') }}</option>
													<option value="N" {{ Request::get('use_check') == 'N' ? 'selected' : '' }}>{{ Lang::get('agency.word.unavailable') }}</option>
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-4">
								<div class="form-group el-group">
									<label class="el-group-title control-label" title="{{ Lang::get('agency.word.agreement_check') }}">{{ Lang::get('agency.word.agreement_check.short') }}</label>
									<div class="el-group-cont pad-md">
										<div class="input-block">
											<div class="selectbox">
												<select class="form-control" name="agreement_check">
													<option value="">{{ Lang::get('agency.word.all') }}</option>
													<option value="Y" {{ Request::get('agreement_check') == 'Y' ? 'selected' : '' }}>{{ Lang::get('agency.word.sign') }}</option>
													<option value="N" {{ Request::get('agreement_check') == 'N' ? 'selected' : '' }}>{{ Lang::get('agency.word.unsigned') }}</option>
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-lg-2 text-center">
						<button type="submit" class="btn btn-primary btn-submit" title="{{ Lang::get('agency.word.search') }}">{{ Lang::get('agency.word.search') }}</button>
					</div>
				</div>
			</form>
		</div>
		@include('template.agency.list.list', ['paginate_agency' => $paginate_agency])
	</div>
@endsection