@extends('process.view.view', [
	'selected' => 'communication',
	'process_id' => $info_process->process_id,
])

@include('html.header.validator')
@include('html.header.edm-ajax')
@include('html.header.input')

@push('css')
<link rel="stylesheet" type="text/css" href="/css/comment.css?var=22.01.17"/>
@endpush

@push('head')
<style type="text/css">
	.section-content.comment-register{position:fixed;bottom:0;left:0;right:0;background-color:#fafafa;}
	.section-content .article-result{margin-bottom:174px;}
	.text-block{position:relative;margin:0;padding-right:115px;}
	.text-block textarea{height:550px;resize:vertical;}
	.text-block button.btn-submit{position:absolute;bottom:0;right:0;width:100px;height:100px;}
</style>
<script type="text/javascript">

	var commentDelete = function(process_comment_id) {
		if (!process_comment_id) {
			alert('Invalid Request.');
		} else if (confirm("Do you want to delete it?")) {
			$.edm_ajax({
				type:'GET',
				url:'{{ URL::route('process.comment.delete', $info_process->process_id) }}/' + process_comment_id,
				data:{'json':true},
				success:function(el, data) {
					var row = $('.comment-result .comment-group .comment-' + data['process_comment_id']);
					if (row.length > 0) row.remove();
				}
			});
		}
	};

	$(document).ready(function() {

		$('form[name=form_regiser]').validate({
			submitHandler:function(form) {
	        	var form_data = $(form).serializeObject();
	        	form_data.json = true;
	        	form_data.template = 'template.process.comment.view';

	        	$.edm_ajax({
	        		ssl:true,
					url:$(form).attr('action'),
					data:form_data,
					closeDelay:0,
					el_proc_msg:'Registration is in progress.',
					el_success_msg:'Registration is complete.',
					el_fail_msg:'Registration is unsuccessful..',
					success:function(el, data) {
						$('.text-block textarea').val('');
						$(form).find('input[name=send_email]').prop('checked', true);
						if (data['view']) {
							$('.section-content.comment-result .article-result').html(data['view']);
							$('.section-content.comment-result')[0].scrollIntoView(false);
						}
					}
				});
	        }
	    });

		$('.text-block .btn-submit').click(function() {
			$('form[name=form_regiser]').submit();
		});

		$('.text-block textarea').focus();

		$('.section-content.comment-result')[0].scrollIntoView(false);
	});
</script>
@endpush

@section('ui-content')
	<div class="section-content comment-result yt-comment-result">
		<div class="article-result">
			@include('template.process.comment.view', [
				'process_id' => $info_process->process_id,
				'info_comment' => $info_process->comment
			])
		</div>
	</div>
	<div class="section-content comment-register yt-comment-register" onmousemove="formGroup()">
		<div class="section-register">
			<form method="POST" name="form_regiser" action="{{ URL::route('process.comment.save', $info_process->process_id) }}">
				<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
			@php
				$email_enabled = true;
				$input_enabled = true;

				// 에이전시 & 에이전트 이메일이 등록되어있지 않을 경우
				$agency = App\Model\Agency::find($info_process->agency_id);
				$agency_staff = App\Model\AgencyStaff::withTrashed()->find($info_process->agency_staff_id);
				if ((!$agency || !$agency->email) && (!$agency_staff || !$agency_staff->email)) $email_enabled = false;
				if (!isLogin('agent') && !Auth::isAccessAllowed(['master', 'admission'])) {
					$email_enabled = false;
					$input_enabled = false;
				}
			@endphp
			@if ($email_enabled)
				<div class="checkboxradio has-success">
					<input type="checkbox" id="send_email" name="send_email" value="Y" checked/><label for="send_email" class="text-muted">{{ Lang::get('process.desc.send_to_representative_email') }}</label>
				</div>
			@else
				<div class="checkboxradio has-success disabled">
					<input type="checkbox" id="send_email" name="send_email" value="N" checked/><label for="send_email" class="text-muted">{{ Lang::get('process.desc.no_email_information') }}</label>
				</div>
			@endif
				<div class="text-block form-group">
					<textarea class="textarea form-control required yt-form-content" name="comment" placeholder="Please enter your details." @isEqual($input_enabled, false, 'disabled')>{{ $memo or '' }}</textarea>
					<button type="button" class="btn btn-submit btn-success" @isEqual($input_enabled, false, 'disabled')>{{ Lang::get('process.word.enter') }}</button>
				</div>
			</form>
		</div>
	</div>

	<script>
		$(".section-content.comment-result").parent(".ui-content").addClass("yt-ui-content");
		$('.yt-comment-result .article-result').scrollTop($('.yt-comment-result .article-result')[0].scrollHeight);
		function formGroup() {
			let YtcommenRegisterHeight = $(".yt-comment-register").height();
			let YtCommentResult = $(".yt-comment-result")
			let YtCommentResult2 = $(".yt-comment-result .article-result")
			YtCommentResult.css("max-height", YtcommenRegisterHeight + 40);
			YtCommentResult2.css("max-height", YtcommenRegisterHeight + 40);
		}
	</script>
@endsection