@extends('layouts.page', [
	'panel_display' => false
])

@include('html.header.input')
@include('html.header.validator')

@push('css')
<link rel="stylesheet" type="text/css" href="/css/login.css"/>
@endpush

@push('head')
<script type="text/javascript">
	$(document).ready(function() {

		$('.form-login form').validate({
			rules:{
				loginid:'required',
	            password:'required'
	        }
	    });

	    $('.form-login input[name=loginid]').focus();

		@if(session('contractShowModal'))
		$('#contractModal').modal('show'); // 모달 자동 실행
		$('.request-button').one('click', function () {

			$.ajax({
				type: 'POST',
				url: '{{ URL::route('agency.contract.sendAgency') }}',
				data: JSON.stringify({
					json: true,
					id : '{{session('agency_id')}}',
					_token: '{{ csrf_token() }}'
				}),
				contentType: 'application/json', // 데이터 타입 설정
				dataType: 'json',
				success: function (response) {
					//$('.request-button').remove();
					// 버튼 클래스 변경
					$('.request-button').removeClass('request-button').addClass('completed-button');
					// 버튼 텍스트 변경
					$('.completed-button').text('계약서 발송이 완료되었습니다.');

				},
				error: function (xhr, status, error) {
					console.error('Error: ' + error);
				}
			});

		});
		@endif
	});

</script>
@endpush

@section('ui-header')
@endsection

@section('ui-content')
	<div class="section-content section-login">
		<div class="title">
			<p class="corp text-center"><img src="/images/common/logo.png?ver=20200203"/></p>
		</div>
		<div class="form-login">
			<form method="POST" action="{{ URL::route('login') }}">
				<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
				<div class="comment">Welcome!</div>
				<div class="area-input">
					<div class="form-group">
						<label class="control-label" for="form-login-loginid">{{ Lang::get('auth.word.loginid') }}</label>
						<input type="text" class="form-control" name="loginid" id="form-login-loginid" value="" placeholder="Please enter your ID."/>
					</div>
					<div class="form-group">
						<label class="control-label" for="form-login-password">{{ Lang::get('auth.word.password') }}</label>
						<input type="password" class="form-control" name="password" id="form-login-password" value="" placeholder="Please enter your password." autocomplete="off"/>
					</div>
					<div class="text-right clearfix">
						<a class="btn btn-info pull-left" href="{{ URL::route('auth.register') }}">{{ strtoupper(Lang::get('auth.word.signup')) }}</a>
						<button type="submit" class="btn btn-success">{{ strtoupper(Lang::get('auth.word.login')) }}</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	@if(session('contractShowModal'))
	<div class="modal fade" id="contractModal" tabindex="-1" aria-labelledby="contractModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg"> <!-- 크기를 크게 조정 -->
			<div class="modal-content">
				<div class="modal-body">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h1>수속 업무 제휴 계약서 전자 서명 안내</h1>
					<p>안녕하세요, <span class="highlight">{{session('agency_name')}}</span> 님.</p>
					<p>항상 협력해 주시는 수속 업무 제휴사 여러분께 감사의 말씀을 드립니다.<br>
						원활한 업무 진행과 수속 절차와 관련하여 협력 업무에 필요한 제반 권리 및 의무를 규정하기 위해
						제휴 계약서 작성 및 전자 서명 방식으로 진행하게 되었음을 안내드립니다.</p>

					<h2>1. 대상:</h2>
					<p><a href="https://agentportalservice.com">에이전트포털서비스</a>를 통해 수속 업무를 진행 중인 제휴사</p>

					<h2>2. 주요 사항:</h2>
					<ul>
						<li>제휴 계약서 전자 서명 진행</li>
						<li>회원가입 시 등록한 대표 이메일로 수속 업무 제휴 계약서 발송 – <strong>[수속 업무 제휴 계약서 요청]</strong></li>
					</ul>

					<h2>3. 진행 및 승인 절차:</h2>
					<ol>
						<li>수속 업무 제휴 계약서 열람 후 내용 검토</li>
						<li>대표자 서명 및 도장(사인) 날인 후 회신 (제휴 계약서 이메일로 자동 송부)</li>
						<li>제휴 계약서 승인 후 <a href="https://agentportalservice.com">에이전트포털서비스</a> 이용 가능</li>
						<li>제출 기한 내에 제출하지 않은 경우 포털 서비스 이용 불가</li>
					</ol>

					<h2>4. 문의처:</h2>
					<p>이메일: <a href="mailto:partner@edmedu.com">partner@edmedu.com</a></p>

					<p>제휴 계약서 전자 서명 작성과 관련하여 궁금한 사항이 있으시면 언제든지 문의해 주시기 바랍니다.<br>
						앞으로도 상호 발전적인 협력 관계를 이어갈 수 있기를 기대합니다. 감사합니다.</p>

					<p class="signature">㈜이디엠에듀케이션 수속팀</p>

					<button class="request-button">수속 업무 제휴 계약서 요청</button>
					<p class="note">버튼 클릭 시 회원가입 시 등록한 대표 이메일로 전자 계약서가 발송됩니다.</p>
				</div>
			</div>
		</div>
	</div>
	@endif
@endsection