@extends('layouts.empty',['paceTop' => true])

@section('title', Lang::get('enquiry.word.enquiry_input'))

@push('css')
@endpush

@section('content')

	<!--본문영역-->
	<div class='bg-white p-b-10'>

	<!-- begin page-header -->

	<h1 class="page-header p-10">{{ Lang::get('enquiry.word.enquiry_input') }}</h1>

	<!-- end page-header -->
	<form action="{{ route('enquiry.store') }}" method="POST">
		<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
		<input type="hidden" name="host" value="{{ env('APP_URL') }}"/>

		<h5 class="bg-grey-transparent-5 p-10 m-b-0">{{ Lang::get('enquiry.word.personal_information') }}</h5>
		<div class='row p-10'>
			<div class='col-md-4 {{ $errors->has('name') ? 'has-error' : '' }}'>
				<label class="width-full col-form-label">{{ Lang::get('enquiry.word.client_name') }}<span class="text-danger">*</span></label>
				<input type="input" name="name" class="form-control" value="{{ old('name') }}">
				{!! $errors->first('name', '<span class="form-error">:message</span>') !!}
			</div>
			<div class='col-md-4 {{ $errors->has('telephone') ? 'has-error' : '' }}'>
				<label class="width-full col-form-label">{{ Lang::get('enquiry.word.contact') }}</label>
				<input type="input" name="telephone" class="form-control" value="{{ old('telephone') }}">
				{!! $errors->first('telephone', '<span class="form-error">:message</span>') !!}
			</div>
			<div class='col-md-4'>
				<label class="width-full col-form-label">{{ Lang::get('enquiry.word.email') }}</label>
				<input type="input" name="email" class="form-control" value="{{ old('email') }}">
			</div>
		</div>
		<div class='row p-b-20 p-l-10 p-r-10'>
			<div class='col-md-4'>
				<label class="width-full col-form-label">{{ Lang::get('enquiry.word.sns_id') }}</label>
				<input type="input" name="sns" class="form-control" value="{{ old('sns') }}">
			</div>
			<div class='col-md-8'>
				<label class="width-full col-form-label">{{ Lang::get('enquiry.word.address') }}</label>
				<input type="input" name="address" class="form-control" value="{{ old('address') }}">
			</div>
			{{-- <div class='col-md-4'>
				<label class="width-full col-form-label {{ $errors->has('birth_date') ? 'has-error' : '' }}">{{ Lang::get('enquiry.word.birth_date') }}</label>
				<input type="input" name="birth_date" class="form-control datepicker">
			</div>
			<div class='col-md-4'>
				<label class="width-full col-form-label">{{ Lang::get('enquiry.word.country') }}</label>
				<select class="selectpicker width-full" name="">
					@foreach (Country::domain() as $code)
						<option value="{{ $code->code_domain }}" @selected($code->code_domain, request('country'))>{{ $code->name }}</option>
					@endforeach
				</select>
			</div> --}}
		</div>

		<h5 class="bg-grey-transparent-5 p-10 m-b-0">{{ Lang::get('enquiry.word.more_information') }}</h5>
		<div class="p-10">
			<label class="width-full col-form-label">{{ Lang::get('enquiry.word.country') }}</label>
			@foreach (Country::domain() as $code)
				<div class="checkbox checkbox-css form-check-inline">
					<input type="checkbox" name="country[]" value="{{ $code->code_domain }}" id="checkbox-country-{{ $code->country_uid }}" class="form-check-input" @if(is_array(old('country')) && in_array($code->code_domain, old('country'))) checked @endif>
					<label class="form-check-label" for="checkbox-country-{{ $code->country_uid }}">{{ $code->name }}</label>
				</div>
			@endforeach
		</div>

		<div class="row p-10">
			<div class="col-md-12">
				<label class="col-form-label width-full">{{ Lang::get('enquiry.word.study_type') }}</label>
			</div>
			<div class="col-md-12">
			@foreach (CodeClient::uhakType() as $code)
				@if(!$code->cdci_parent_code)
				<div class="row p-l-10">
					<div class="checkbox checkbox-css form-check-inline">
						<input type="checkbox" name="uhak_type[]" value="{{ $code->cdci_code }}" id="checkbox-type-{{ $code->cdci_uid }}" class="form-check-input" data-toggle="collapse"  aria-expanded="false" data-target="#collapse-{{ $code->cdci_code }}" @if(is_array(old('uhak_type')) && in_array($code->cdci_code, old('uhak_type'))) checked @endif>
						<label class="form-check-label" for="checkbox-type-{{ $code->cdci_uid }}">{{ $code->label }}</label>
					</div>
					<div id="collapse-{{ $code->cdci_code }}" class="collapse">
				@endif
				@foreach (CodeClient::uhakType() as $code_s)
					@if($code->cdci_code==$code_s->cdci_parent_code)
						<div class="checkbox checkbox-css form-check-inline">
							<input type="checkbox" name="uhak_type_sub[]" value="{{ $code_s->cdci_code }}" id="checkbox-type-{{ $code_s->cdci_uid }}" class="form-check-input" @if(is_array(old('uhak_type_sub')) && in_array($code_s->cdci_code, old('uhak_type_sub'))) checked @endif>
							<label class="form-check-label" for="checkbox-type-{{ $code_s->cdci_uid }}">{{ $code_s->label }}</label>
						</div>
					@endif
				@endforeach
				@if(!$code->cdci_parent_code)
					</div>
				</div>
				@endif
			@endforeach
			</div>
		</div>

		<div class="row p-10">
			<div class="col-md-4">
				<label class="col-form-label width-full">{{ Lang::get('enquiry.word.study_schedule') }}</label>
				<div class="input-group m-b-10">
					<input class="form-control datepicker month" type="text" name="uhak_expected" value="{{ old('uhak_expected') }}">
					<div class="input-group-append"><span class="input-group-text"><i class="fa fa-calendar"></i></span></div>
				</div>
			</div>
		</div>

		<h5 class="bg-grey-transparent-5 p-10 m-b-0">{{ Lang::get('enquiry.word.consulting_info') }}</h5>
		<div class="row p-10">
			<div class="col-md-4">
				<label class="col-form-label width-full">{{ Lang::get('enquiry.word.application_route') }}</label>
				<select class="selectpicker width-full" name="counsel_register_root">
					@foreach (CodeClient::counselRegisterRoot() as $code)
						<option value="{{ $code->cdci_code }}" @if(old("counsel_register_root") == $code->cdci_code) selected @endif>{{ $code->label }}</option>
					@endforeach
				</select>				
			</div>
			{{-- <div class="col-md-4">
				<label class="col-form-label width-full">{{ Lang::get('enquiry.word.consultation_date') }}</label>
				<div class="input-group m-b-10">
					<input class="form-control datepicker" type="text">
					<div class="input-group-append"><span class="input-group-text"><i class="fa fa-calendar"></i></span></div>
				</div>
			</div> --}}
			{{-- <div class="col-md-4">
				<label class="col-form-label width-full">{{ Lang::get('enquiry.word.consultation_time') }}</label>
				<div class="input-group date" >
					<input type="text" class="form-control datetimepicker"/>
					<div class="input-group-append"><span class="input-group-text"><i class="fa fa-clock"></i></span></div>
				</div>
			</div> --}}
		</div>
		<div class='p-10'>
			<label class="col-form-label width-full">{{ Lang::get('enquiry.word.questions') }}</label>
			<textarea class="form-control width-full" name="memo">{{ old('memo') }}</textarea>
		</div>
		<div class="text-center m-t-20">
			<a href="javascript:cancelAndClose();" class="btn btn-grey btn-reset">{{ Lang::get('enquiry.word.cancel') }}</a>
			<button type="submit" class="btn btn-success">{{ Lang::get('enquiry.word.save') }}</button>
		</div>
	</form>

@endsection

@push('scripts')
	<script>
		$(document).ready(function (){
			if("{{session()->has('flash_message')}}"){
				alert("{{session('flash_message')}}");
				opener.parent.location.reload();
				window.close();
			}

			// 유학타입 체크박스 세팅
			$('input:checkbox[name="uhak_type[]"]').each(function() {
				if(this.checked){
					$('#collapse-'+this.value).addClass('show');
				}
			});
		});

		// 유학타입 체크해제시 서브유학타입 체크해제
		$('input:checkbox[name="uhak_type[]"]').on('click', function() {
			if(!$(this).prop('checked')){
				var parentId = $(this).attr('data-target');
				var child = $(parentId).find($('input:checkbox[name="uhak_type_sub[]"]'));
				if(child.length != 0){
					child.prop('checked', false);
				}
			}
		});

		function cancelAndClose() {
			alert("{{ Lang::get('enquiry.msg.canceled') }}");
			window.close();
		}
	</script>
@endpush