@extends('layouts.default', [
    'activatedNavItem' => 'SCHOOLPICK',
])

@push('head')
	<link rel="stylesheet" type="text/css" href="/css/programs/programs.css?ver=20200715"/>
	<link rel="stylesheet" type="text/css" href="/css/estimated-quote-client.css?ver=20200715"/>
@endpush

@section('content')
	<div class="container estimated">
		@csrf

		<input type="hidden" id="exchangeRate" value="{{floor($exchangeRate)}}" />
		<input type="hidden" id="currencyMarker" value="{{$currencyMarker}}" />
		<input type="hidden" id="countryidx" value="{{$school['country']}}" />
		<input type="hidden" id="memberIdx" value="{{$member['mm_uid']}}" />
		<input type="hidden" id="memberName" value="{{$member['mm_name']}}" />
		<input type="hidden" id="memberMobile" value="{{$member['mm_mobile']}}" />
		<input type="hidden" id="schoolName" value="{{$school['school_name']}}" />
		<input type="hidden" id="schoolUid" value="{{$school['school_uid']}}" />


		<input type="hidden" id="tutionContents" value="" />
		<input type="hidden" id="tutionValue" value="" />
		<input type="hidden" id="homestayContents" value="" />
		<input type="hidden" id="homestayValue" value="" />
		<input type="hidden" id="otherContents" value="" />
		<input type="hidden" id="otherValue" value="" />
		<input type="hidden" id="sumValue" value="" />



		<!-- 컨텐츠 wrap-->
		<div class="estimated-wrap  flex-wrap">
			<div class="estimated-con">


				<!-- Customer Head Start -->
				<section id="section01">
					<h2>예상견적</h2>
					<p class="page-title" tags="pageTitle">{{$school['school_name']}}</p>
				</section>
				<!-- Customer Head End -->




				<!-- 필터 영역 -->
				<div class="area-programs-condition">



					<div class="apc-filter">
						<div class="apc-title-wrap">
							<div class="col">



								<div class="item">
									<h3>학비 (Tuition)</h3>
									<p name="courseDiv">
										<label for="">수강과정</label>
										<select class="choose" id="course">
											<option value="" selected>코스를 선택하세요</option>
										</select>
									</p>
									<p name="courseDiv">
										<label for="">수강기간</label>
										<select class="choose" id="courseCost">
											<option value="" selected>기간을 선택하세요</option>
										</select>
									</p>
									<div class="bot-sum">
										<p id="tuitionSum"></p>
									</div>
								</div>



								<div class="item">
									<h3>숙박비 (Accomodation)</h3>
									<p name="homestayDiv">
										<label for="">숙박종류</label>
										<select class="choose" id="homestay">
											<option value="" selected>숙소를 선택하세요</option>
										</select>
									</p>
									<p name="homestayDiv">
										<label for="">숙박기간</label>
										<select class="choose" id="homestayCost">
											<option value="" selected>기간을 선택하세요</option>
										</select>
									</p>
									<div class="bot-sum">
										<p id="homestaySum"></p>
									</div>
								</div>



								<div class="item">
									<h3>기타비용 (Others)</h3>
									<p name="othersDiv1">
										<label for="" class="">카테고리</label>
										<select class="choose" id="others">
											<option value="1" selected>카테고리를 선택하세요</option>
										</select>
									</p>
									<p name="othersDiv2" style="display: none;">
										<label for="" class="">옵션</label>
										<select class="choose" id="othersCost">
											<option value="1" selected>옵션을 선택하세요</option>
										</select>
									</p>
									<div class="bot-sum others-sum"></div>
								</div>



							</div>
						</div>
					</div>





					<section id="section03" style="display: none">
						<div class="section-title">
							<h3>학비 (Tuition)</h3>
						</div>
						<table class="tbl-estimated">
							<colgroup>
								<col width="*" /><col width="15%" /><col width="15%" /><col width="15%" />
							</colgroup>
							<thead>
							<tr><th>신청내역</th><th>기간</th><th>비용(현지)</th><th>비용(원화)</th></tr>
							</thead>
							<tbody id="tuitionTbodyPc">
							</tbody>
							<tfoot>
							<tr>
								<td>합계</td>
								<td></td>
								<td class="ta-right"><span class="color-red" name="tuitionMoney_1"></span></td>
								<td class="ta-right"><span class="color-red" name="tuitionMoney_2" alt="requestTotal"></span></td>
							</tr>
							</tfoot>
						</table>

					</section>



					<section id="section04" style="display: none">
						<div class="section-title">
							<h3>숙박비 (Accomodation)</h3>
						</div>
						<table class="tbl-estimated">
							<colgroup>
								<col width="*" /><col width="15%" /><col width="15%" /><col width="15%" />
							</colgroup>
							<thead>
							<tr><th>신청내역</th><th>기간</th><th>비용(현지)</th><th>비용(원화)</th></tr>
							</thead>
							<tbody id="homestayTbodyPc">
							</tbody>
							<tfoot>
							<tr>
								<td>합계</td>
								<td></td>
								<td class="ta-right"><span class="color-red" name="homestayMoney_1"></span></td>
								<td class="ta-right"><span class="color-red" name="homestayMoney_2" alt="requestTotal"></span></td>
							</tr>
							</tfoot>
						</table>
					</section>



					<section id="section05" style="display: none">
						<div class="section-title">
							<h3>기타비용 (Others)</h3>
						</div>
						<table class="tbl-estimated" id="othersContentsTable">
							<colgroup>
								<col width="*" /><col width="15%" /><col width="15%" />
							</colgroup>
							<thead>
							<tr>
								<th>신청내역</th><th>비용(현지)</th><th>비용(원화)</th>
							</tr>
							</thead>
							<tbody id="othersTbodyPc">
							</tbody>
							<tfoot>
							<tr>
								<td>합계</td>
								<td class="ta-right"><span class="color-red" name="othersMoney_1"id="otherName"></span></td>
								<td class="ta-right"><span class="color-red" name="othersMoney_2" alt="requestTotal" id="otherMoneySum"></span></td>
							</tr>
							</tfoot>
						</table>
					</section>


					<!-- Customer Foot Start -->
					<section id="section07">
						<ul class="sum-box">
							<li class="w100"><span class="title">최종예상비용</span><span class="color-red" id="totalMoney" name="totalMoney"></span></li>
						</ul>
						<p class="ex-rate" tags="estimateDate">환율 : {{$exchangeRate}}원 (1{{$currency}} 기준) / 견적일 : {{$estimateDate}}</p>
						<p>ㆍ위 비용은 견적일 환율을 기준으로 책정되었으며, 환율 및 학교 입학 신청 시 사정에 의해 실제 입금하실 금액 차이가 날 수 있습니다.<br />
							ㆍ어학원에 따라 여름 성수기 비용, 크리스마스 휴일의 경우 추가 비용이 발생할 수 있습니다.</p>
						<div class="sum-btn-area">
							<p class="info">셀프 견적에는 제휴학교 프로모션 및 edm혜택이 적용되지 않았습니다.<br />
								자세한 비용이 궁금하시면 담당컨설턴트에게 연락해주세요.</p>
							<div class="btn-area-center">
								<button type="button" id="setKakaoBtn" class="button kakao" >카톡으로 견적받기</button>
								<button type="button" class="button color" onclick="location.href='{{ route('inquiry.quote.create') }}'">시크릿 할인가 문의</button>
							</div>
						</div>

					</section>
					<!-- Customer Foot Start -->



				</div>



			</div>

            <!-- 팝업 -->
            <div class="estimated-pop-wrap" id="kakaoResult" style="display: none;">
                <div class="estimated-pop">
                    <h2>견적발송 완료</h2>
                    <p>견적이 발송되었습니다. 본 견적에는 제휴학교 프로모션 및 edm혜택이 적용되지 않았습니다. <br>
                        자세한 비용이 궁금하시면 시크릿 할인가 문의를 해주세요.
                    </p>
                    <div class="estimated-pop-link">
                        <button class="button" onclick="$('.estimated-pop-wrap').hide()">닫기</button>
                        <button type="button" class="button color" onclick="location.href='{{ route('inquiry.quote.create') }}'">시크릿 할인가 문의</button>
                    </div>
                </div>
            </div>
		</div>
		<!--// 컨텐츠 wrap-->
	</div>





	<script type="text/javascript">




		var exchangeRate;
		var othersObj;
		var applyYear;
		var othId = 0;

		function _ajax(u, p, c) {
			$.ajax({
				url: u,
				data:  p,
				method: 'POST',
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				success : function(data) {
					c(data);
				},
				error : function(request, status, error) {
					console.log(request, status, error);
				}
			});
		}

		// 숫자 타입에서 쓸 수 있도록 format() 함수 추가
		Number.prototype.number_format = function(){
			if(this==0) return 0;

			var reg = /(^[+-]?\d+)(\d{3})/;
			var n = (this + '');

			while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2');

			return n;
		};

		// 문자열 타입에서 쓸 수 있도록 format() 함수 추가
		String.prototype.number_format = function(){
			var num = parseFloat(this);
			if( isNaN(num) ) return "0";

			return num.number_format();
		};

		String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,""); }


		var jsonCourses = {!!$jsonCourse!!};
		var jsonHomestay = {!!$jsonHomestay!!};

		function getCourse() {

			$("#course").html('');
			var html = '<option value="" selected>코스를 선택하세요</option>';
			for(var i = 0; i < jsonCourses.length; i++) {
				html += '<option value="' + jsonCourses[i].course_uid +'" course_entrance_fee="' + jsonCourses[i].course_entrance_fee + '">' + jsonCourses[i].course_title + '</option>';
			}
			$('#course').html(html);

		};

		function getCourseCost() {

			var url = '{{ route('estimated-quote.getCourseCost') }}';

			var param = { courseid : $('#course option:selected').val() }

			_ajax(url, param, function(data) {
				var courseCost = data['courseCost'];
				$("#courseCost").html('');
				var html = '<option value="" selected>기간을 선택하세요</option>';
				for(var i = 0; i < courseCost.length; i++) {
					html += '<option value="' + courseCost[i].cost_uid +'" week="'+ courseCost[i].week + '" fee_per_week="'+ courseCost[i].fee_per_week + '" fee="'+ courseCost[i].fee + '">' + courseCost[i].week + '주</option>';
				}
				$('#courseCost').html(html);
			});

		};


		function getHomestay() {

			$("#homestay").html('');
			var html = '<option value="" selected>숙소를 선택하세요</option>';
			for(var i = 0; i < jsonHomestay.length; i++) {
				if(jsonHomestay[i].homestay_title != '') {
					html += '<option value="' + jsonHomestay[i].homestay_uid +'" homestay_registration="'+ jsonHomestay[i].homestay_registration + '" homestay_pickup1="'+ jsonHomestay[i].homestay_pickup1 + '" homestay_pickup2="'+ jsonHomestay[i].homestay_pickup2 + '" homestay_currency="'+ jsonHomestay[i].homestay_currency + '" homestay_cost="'+ jsonHomestay[i].homestay_cost + '">' + jsonHomestay[i].homestay_title + '</option>';
				}
			}
			$('#homestay').html(html);

		};

		function getHomestayCost() {
			$("#homestayCost").html('');
			var html = '<option value="" selected>기간을 선택하세요</option>';
			for(var i = 1; i <= 48; i++) {
				html += '<option value="' + i +'" period="'+ i + '" cost="'+ (i * parseInt($('#homestay option:selected').attr('homestay_cost'))) + '">' + i + '주</option>';
			}
			$("#homestayCost").html(html);

		};

		function getOthers() {

			var url = '{{ route('estimated-quote.getOthers') }}';

			var param = {
				schooluid : '{{ $schooluid }}',
				countryidx : $("#countryidx").val(),
				applyYear : applyYear
			}

			_ajax(url, param, function(data) {
				var others = data['others'];
				$("#others").html('');
				var html = '<option value="" selected>카테고리를 선택하세요</option>';
				for(key in others) {
					if(key != "성수기" && key != "항공료" && key != "보험료" && key != "교재비"){
						html += '<option value="' + key +'">' + key + '</option>';
						othersObj[key] = others[key];
					}
				}
				$('#others').html(html);
			});

		};

		function getOthersCost() {
			$("#othersCost").html('');
			var others = othersObj[$('#others option:selected').val()];
			var html = '<option value="" selected>옵션을 선택하세요</option>';
			for(var i = 0; i < others.length; i++) {
				html += '<option value="' + others[i]['opt_uid'] +'" cost="'+ others[i]['cost'] + '" cost_won="'+ others[i]['cost_won'] + '" country="'+ others[i]['country'] + '" parent_opt="'+ others[i]['parent_opt'] + '">' + others[i]['title'] + '</option>';
			}
			$("#othersCost").html(html);
		};


		// 소수점까지 허용 체크
		function numberOnly(){
			if ((event.keyCode < 48) || (event.keyCode > 57)){
				if(event.keyCode == 46){
					// 마침표 까지 가능하게
				}else{
					event.returnValue = false;
				}
			}
		}

		// 정수만 허용 체크
		function numberOnlyInt(){
			if ((event.keyCode < 48) || (event.keyCode > 57)){
				event.returnValue = false;
			}
		}


		function requestTotal() {

			var requestTotal = 0;
			var scholarshipTotal = 0;

			$('span[alt=requestTotal]').each(function(){
				var value = $(this).text() == '' ? 0 : $(this).text().replace(/,/g, '').replace('{{$currencyMarker}}', '').replace('￦', '');
				requestTotal += parseInt(value);
			});

			$('span[alt=scholarshipTotal]').each(function(){
				var value = $(this).text() == '' ? 0 : $(this).text().replace(/,/g, '').replace('{{$currencyMarker}}', '').replace('￦', '');
				//value = value.replace(',', '').replace('{{$currencyMarker}}', '').replace('￦', '');
				scholarshipTotal += parseInt(value);
			});

			$("span[name=requestMoney]").text(requestTotal.number_format() + "원");
			$("span[name=scholarshipMoney]").text(scholarshipTotal.number_format() + "원");
			$("span[name=totalMoney]").text((parseInt(requestTotal) - parseInt(scholarshipTotal)).number_format() + "원");
		}


		function estimated_init() {
			exchangeRate = {{floor($exchangeRate)}};
			othersObj = {};

			$('#tuitionSum').text('');
			$('#homestaySum').text('');
			$('#othersSum').text('');

			$('span[name=tuitionMoney_1]').text('');
			$('span[name=tuitionMoney_2]').text('');
			$('span[name=homestayMoney_1]').text('');
			$('span[name=homestayMoney_2]').text('');
			$('span[name=othersMoney_1]').text('');
			$('span[name=othersMoney_2]').text('');

			$('#tuitionTbodyPc').html('');
			$('#homestayTbodyPc').html('');
			$('#othersTbodyPc').html('');

			$("#othersCost").html('');
			var html = '<option value="" selected>옵션을 선택하세요</option>';
			$("#othersCost").html(html);

			$('span[name=requestMoney]').text('');
			$('span[name=totalMoney]').text('');

			getCourse();
			getHomestay();
			getOthers();

		}

		function applyYears(th, year) {
			applyYear = year;
			$('a[name=applyYears]').attr('class','button border-green btn-md');
			$(th).attr('class','button color btn-md');
			estimated_init();
		}


		function tuitionSumMoney() {
			var tuitionSumMoney_1 = 0;
			var tuitionSumMoney_2 = 0;

			$('#tuitionTbodyPc tr').each(function(){
				tuitionSumMoney_1 += $(this).children().eq(2).text() == '' ? 0 : parseFloat($(this).children().eq(2).text().replace(/[^0-9\.]/g, ''));
				tuitionSumMoney_2 += $(this).children().eq(3).text() == '' ? 0 : parseFloat($(this).children().eq(3).text().replace(/[^0-9\.]/g, ''));
			});

			if(tuitionSumMoney_1 == 0) {
				$('span[name=tuitionMoney_1').text('');
				//$("#tutionValue").val('');
			} else {
				$('span[name=tuitionMoney_1').text('{{$currencyMarker}}'+ tuitionSumMoney_1.toFixed(3).number_format());
				//$("#tutionValue").val('{{$currencyMarker}}'+ tuitionSumMoney_1.toFixed(3).number_format());
			}

			if(tuitionSumMoney_2 == 0) {
				$('span[name=tuitionMoney_2').text('');
			} else {
				$('span[name=tuitionMoney_2').text('￦'+tuitionSumMoney_2.number_format());
			}
		}

		function homestaySumMoney() {
			var homestaySumMoney_1 = 0;
			var homestaySumMoney_2 = 0;

			$('#homestayTbodyPc tr').each(function(){
				homestaySumMoney_1 += $(this).children().eq(2).text() == '' ? 0 : parseFloat($(this).children().eq(2).text().replace(/[^0-9\.]/g, ''));
				homestaySumMoney_2 += $(this).children().eq(3).text() == '' ? 0 : parseFloat($(this).children().eq(3).text().replace(/[^0-9\.]/g, ''));
			});

			if(homestaySumMoney_1 == 0) {
				$('span[name=homestayMoney_1').text('');
				//$("#homestayValue").val('');
			} else {
				$('span[name=homestayMoney_1').text('{{$currencyMarker}}'+ homestaySumMoney_1.toFixed(3).number_format());
				//$("#homestayValue").val('{{$currencyMarker}}'+ homestaySumMoney_1.toFixed(3).number_format());
			}

			if(homestaySumMoney_2 == 0) {
				$('span[name=homestayMoney_2').text('');
			} else {
				$('span[name=homestayMoney_2').text('￦'+homestaySumMoney_2.number_format());
			}
		}

		function othersSumMoney() {
			var othersSumMoney_1 = 0;
			var othersSumMoney_2 = 0;

			$('#othersTbodyPc tr').each(function(){
				othersSumMoney_1 += $(this).children().eq(1).text() == '' ? 0 : parseFloat($(this).children().eq(1).text().replace(/[^0-9\.]/g, ''));
				othersSumMoney_2 += $(this).children().eq(2).text() == '' ? 0 : parseFloat($(this).children().eq(2).text().replace(/[^0-9\.]/g, ''));
			});

			if(othersSumMoney_1 == 0) {
				$('span[name=othersMoney_1').text('');
			} else {
				$('span[name=othersMoney_1').text('{{$currencyMarker}}'+ othersSumMoney_1.toFixed(3).number_format());
			}

			if(othersSumMoney_2 == 0) {
				$('span[name=othersMoney_2').text('');
			} else {
				$('span[name=othersMoney_2').text('￦'+othersSumMoney_2.toFixed(3).number_format());
			}
		}


		$(function() {

			_ajax('{{ route('estimated-quote.getLastTwoYears') }}', { schooluid : '{{ $schooluid }}' }, function(data) {

				$("td[name=twoYears]").html('');

				_html = "";
				var j = 0;

				for(var i = data.twoYears.length - 1 ; i >= 0  ; i--) {
					if(j == data.twoYears.length - 1) { // 적용된 연도
						applyYear = data.twoYears[i]['course_req_year'];
						_html += '<a href="#" class="button color btn-md" name="applyYears" onclick="javascript:applyYears(this, '+ data.twoYears[i]['course_req_year'] +')">'+ data.twoYears[i]['course_req_year'] +'</a>';
					} else {
						_html += '<a href="#" class="button border-green btn-md" name="applyYears" onclick="javascript:applyYears(this, '+ data.twoYears[i]['course_req_year'] +')">'+ data.twoYears[i]['course_req_year'] +'</a>';
					}
					j++;
				}
				$("td[name=twoYears]").html(_html);

				estimated_init();

			});


			$("input:text[numberOnly]").on("keydown", function() {
				$(this).val($(this).val().replace(/[^0-9][^.][^0-9]/g,""));
			});




			var tutionAddAction = function(){

				var _html;

				if($('#course').is(':visible')) {
					var tuitionMoney_1 =  parseInt($('#courseCost option:selected').attr('fee'));
					var tuitionMoney_2 =  parseInt($('#courseCost option:selected').attr('fee') * exchangeRate);
				} else {
					var tuitionMoney_1 =  parseFloat($('#courseCostAdd').val()) * parseInt($('#courseTermAdd').val());
					var tuitionMoney_2 =  (parseFloat($('#courseCostAdd').val()) * parseInt($('#courseTermAdd').val()) * exchangeRate).toFixed(0);
				}

				var i = 0;

				$('button[alt=tuitionButton]').each(function(){ i++; });

				_html  = '<tr>';
				_html += '<td class="ta-left">' + $('#course option:selected').text() + '</td>';
				_html += '<td>'+ $('#courseCost option:selected').text() + '</td>';
				_html += '<td class="ta-right">{{$currencyMarker}}'+ tuitionMoney_1.toFixed(3).number_format() + '</td>';
				_html += '<td class="ta-right">￦'+ (tuitionMoney_2).number_format() + '</td>';
				_html += '</tr>';

				$('#tuitionTbodyPc').append(_html);

				tuitionSumMoney();

				// 기타 비용에 코드 등록비 추가
				$("tr[tags=courseOthers]").remove();

				var othersMoney_1 =  parseInt($('#course option:selected').attr('course_entrance_fee'));

				if(othersMoney_1) {

					othersMoney_1 ? othersMoney_2= othersMoney_1 * exchangeRate : "";
					var i = 0;
					_html  = '<tr tags="courseOthers"><td class="ta-left">코스 등록비</td>';
					if(othersMoney_1.number_format() > 0) {
						_html += '<td class="ta-right">{{$currencyMarker}}'+ othersMoney_1.toFixed(3).number_format() + '</td>';
					} else {
						_html += '<td class="ta-right"></td>';
					}
					_html += '<td class="ta-right">￦'+ othersMoney_2.toFixed(3).number_format() + '</td></tr>';

					$('#othersTbodyPc').append(_html);

					othersSumMoney();
				}

				// PBccc : 항목노출에 추가
				$('#tuitionSum').append('<br /> 코스 등록비 ￦'+ (othersMoney_2).number_format());

				//$('.others-sum').append("<div class='othersText' ><p>코스 등록비</p><p>" + '￦' + othersMoney_2.toFixed(3).number_format() + "<span class='close'><i></i></span></p></div>");
				//ordersAddAction();

				requestTotal();
			}



			$('#course').change(function(){
				var courseSelect = $('#course option:selected').val();
				if(courseSelect == '') {
					$("#courseCost").html('<option value="" selected>기간을 선택하세요</option>');
				} else {
					getCourseCost();
				}
				$('#tuitionSum').text('');
				if(!$("#course option:selected").val()){
					tutionReset();
				}

			});

			$('#courseCost').change(function(){

				$('#tuitionSum').text('');
				$('span[name=tuitionMoney_1]').text('');
				$('span[name=tuitionMoney_2]').text('');
				$('#tuitionTbodyPc').html('');
				$('span[name=requestMoney]').text('');
				$('span[name=totalMoney]').text('');

				var courseCost =  parseInt($('#courseCost option:selected').attr('fee'));
				if(courseCost != '') {
					$('#tuitionSum').text('￦'+ (courseCost * exchangeRate).number_format());
					$("#tutionValue").val((courseCost * exchangeRate).number_format());
					tutionAddAction();
				} else {
					$('#tuitionSum').text('');
					$("#tutionValue").val((courseCost * exchangeRate).number_format());

				}
			});


			$('#homestay').change(function(){
				var homestaySelect = $('#homestay option:selected').val();

				if(homestaySelect == '') {
					$("#homestayCost").html('<option value="" selected>기간을 선택하세요</option>');
				} else {
					getHomestayCost();
				}
				$('#homestaySum').text('');

				if(!$("#homestay option:selected").val()){
					console.log("homestay none selected");
					homestayReset();
				}
			});


			$('#homestayCost').change(function(){

				$('#homestaySum').text('');
				$('span[name=homestayMoney_1]').text('');
				$('span[name=homestayMoney_2]').text('');
				$('#homestayTbodyPc').html('');
				$('span[name=requestMoney]').text('');
				$('span[name=totalMoney]').text('');


				var homestayCost = $('#homestayCost option:selected').attr('cost');
				if(homestayCost != '') {
					$('#homestaySum').text('￦'+ (homestayCost * exchangeRate).number_format());
					$("#homestayValue").val((homestayCost * exchangeRate).number_format());
					homestayAddAction();
				} else {
					$('#homestaySum').text('');
					$("#homestayValue").val('');
				}
			});



			$('#others').change(function(){
				var othersSelect = $('#others option:selected').val();

				if(othersSelect == '') {
					$("#othersCost").html('<option value="" selected>옵션을 선택하세요</option>');
					$('p[name=othersDiv2]').hide();
					//$('#tuitionSum').text('');
				} else {
					var others = othersObj[$('#others option:selected').val()];
					if(others.length > 1 || others[0]['cost'] || others[0]['cost_won']) {
						$('p[name=othersDiv1]').show();
						$('p[name=othersDiv2]').show();
						getOthersCost();
					} else {
						$('p[name=othersDiv1]').show();
						$('p[name=othersDiv2]').hide();
					}
				}

			});


			$('#othersCost').change(function(){
				othId++;
				var othersCost =  parseInt($('#othersCost option:selected').val());

				if(othersCost == '') {
					$('#othersSum').text('');
				} else {
					var woncost = 0 ;
					if(parseInt($('#othersCost option:selected').attr('cost_won')) > 0) {
						woncost = $('#othersCost option:selected').attr('cost_won');
					} else {
						woncost = parseInt($('#othersCost option:selected').attr('cost')) * exchangeRate;
					}
					$('.others-sum').append("<div class='othersText' ><p>" + $('#othersCost option:selected').text() + "</p><p>" + '￦' + woncost.number_format() + "<span class='close' tags='othId" + othId + "'><i></i></span></p></div>");
					ordersAddAction();
					$("#others option:eq(0)").prop("selected", true);
					$('p[name=othersDiv2]').hide();
				}

			});




		});


			
		$(".others-sum").on('click', '.close',function (){
			$("#" + $(this).attr("tags")).remove();
			$(this).closest('.othersText').remove();  //기타비용제거
			othersSumMoney();
			requestTotal();
		})


		var tutionReset = function(){
			$('#tuitionTbodyPc').html('');
			$("tr[tags=courseOthers]").remove();
			$('#course').val('');
			$("#courseCost").html('<option value="" selected>기간을 선택하세요</option>');
			$('#tuitionSum').text('');
			tuitionSumMoney();
			othersSumMoney();
			requestTotal();
		}


		var homestayReset = function(){
			$('#homestaySum').text('');
			$('span[name=homestayMoney_1]').text('');
			$('span[name=homestayMoney_2]').text('');
			$('#homestayTbodyPc').html('');
			$("tr[tags=homestayOthers]").remove();
			othersSumMoney();
			requestTotal();

		}




		var ordersAddAction = function(){
		  	if($('#others').is(':visible') && !$('#othersCostEtc1').is(':visible')) {
		  		var othersMoney_1 =  parseInt($('#othersCost option:selected').attr('cost'));
				var othersMoney_2 =  parseInt($('#othersCost option:selected').attr('cost_won'));
				if(othersMoney_1) othersMoney_2= othersMoney_1 * exchangeRate;

		  	} else if($('#othersCostEtc1').is(':visible')) {
		  		var othersMoney_1 =  isNaN(parseInt($('#othersCostEtc1').val())) ? 0 : parseInt($('#othersCostEtc1').val());
		  		var othersMoney_2 =  isNaN(parseInt($('#othersCostEtc2').val())) ? 0 : parseInt($('#othersCostEtc2').val());
		  		if(othersMoney_1 > 0) {
		  			othersMoney_2 = (othersMoney_1 * exchangeRate).toFixed(0);
		  		}
			} else {
		  		var othersMoney_1 =  isNaN(parseInt($('#othersCostAdd1').val())) ? 0 : parseFloat($('#othersCostAdd1').val());
		  		var othersMoney_2 =  isNaN(parseInt($('#othersCostAdd2').val())) ? 0 : parseInt($('#othersCostAdd2').val());
		  		
		  		if(othersMoney_1 > 0) {
		  			othersMoney_2 = (othersMoney_1 * exchangeRate).toFixed(0);
		  		}
			}
			var _html;

			var i = 0;

			_html  = '<tr id="othId' + othId + '"><td class="ta-left">' + $('#othersCost option:selected').text() + '</td>';

			if(othersMoney_1.number_format() > 0) {
				_html += '<td class="ta-right">{{$currencyMarker}}'+ othersMoney_1.toFixed(3).number_format() + '</td>';
			} else {
				_html += '<td class="ta-right"></td>';
			}

			_html += '<td class="ta-right">￦'+ othersMoney_2.number_format() + '</td>';
			_html += '</tr>';

			$('#othersTbodyPc').append(_html);

			othersSumMoney();
			requestTotal();
		}







		var homestayAddAction = function(){

			var _html;

			var homestayMoney_1 = parseInt($('#homestayCost option:selected').attr('cost'));
			var homestayMoney_2 = parseInt($('#homestayCost option:selected').attr('cost') * exchangeRate);

			var i = 0;
			$('button[alt=homestayButton]').each(function(){
				i++;
			});

			_html  = '<tr>';
			_html += '<td class="ta-left">' + $("#homestay option:selected").text() + '</td>';
			_html += '<td>' + $("#homestayCost option:selected").val() + '주</td>';
			_html += '<td class="ta-right">{{$currencyMarker}}'+ homestayMoney_1.toFixed(3).number_format() + '</td>';
			_html += '<td class="ta-right">￦'+ (homestayMoney_2).number_format() + '</td>';
			_html += '</tr>';

			$('#homestayTbodyPc').append(_html);

			homestaySumMoney();

			// 기타 비용에 숙소 등록비 추가
			$("tr[tags=homestayOthers]").remove();

			var othersMoney_1 =  parseInt($('#homestay option:selected').attr('homestay_registration'));

			if(othersMoney_1) {

				if(othersMoney_1) othersMoney_2= othersMoney_1 * exchangeRate;

				var i = 0;

				_html  = '<tr tags="homestayOthers">';
				_html += '<td class="ta-left">숙소 등록비</td>';
				if(othersMoney_1.number_format() > 0) {
					_html += '<td class="ta-right">{{$currencyMarker}}'+ othersMoney_1.toFixed(3).number_format() + '</td>';
				} else {
					_html += '<td class="ta-right"></td>';
				}
				_html += '<td class="ta-right">￦'+ othersMoney_2.toFixed(0).number_format() + '</td>';
				_html += '</tr>';

				$('#othersTbodyPc').append(_html);

				othersSumMoney();
			}

			$('#homestaySum').append('<br /> 숙소 등록비 ￦'+ (othersMoney_2).number_format());

			requestTotal();

		}




		$("#setKakaoBtn").click(function(){

			var customerUid = $("#memberIdx").val();
			var customerNm = $("#memberName").val();

			var url = '{{ route('estimated-quote.estimateKakao') }}';

	  		var vcontent  = "<link rel='stylesheet' type='text/css' href='/css/estimated-print.css'/>";

			vcontent +=  divPrint();

			_tutionContents = "-";
			_tutionValue = "0원";

			if(!$("#course option:selected").val() || !$('#courseCost option:selected').val()){
				alert("코스정보 및 기간을 선택 해 주세요");
				return false;
			}else{
				_tutionContents = $("#course option:selected").text() + "_" + $('#courseCost option:selected').text();
				_tutionValue = $("#tutionValue").val();
			}

			_homestayContents = "없음";
			_homestayValue = "0";

			if($("#homestay option:selected").val() && $('#homestayCost option:selected').val()){
				_homestayContents = $("#homestay option:selected").text() + "_" + $("#homestayCost option:selected").text();
				_homestayValue = $("#homestayValue").val();
			}

			_otherContents = $("#others option:selected").val() ? $("#others option:selected").text() : "없음";
			_otherMoney = $("#otherMoneySum").text() ? $("#otherMoneySum").text().replace('￦', '') : "0"

			_otherContents = $("#othersContentsTable>tbody tr").length + "건(코스 등록비 등)";

			var request = {
		        memberIdx          : customerUid,
		        memberName         : customerNm,
		        memberMobile       : $("#memberMobile").val(),
		        schoolUid          : $("#schoolUid").val(),
		        schoolName         : $("#schoolName").val(),
		        tutionContents     : _tutionContents,
		        tutionValue        : _tutionValue,
		        homestayContents   : _homestayContents,
		        homestayValue      : _homestayValue,
		        otherContents      : _otherContents,
		        otherValue         : _otherMoney,
		        sumValue           : $("#totalMoney").text().replace("원", ""),

		        content            : vcontent
			}

			_ajax(url, request, function(data) {
				if(data['response']){
					$("#kakaoResult").show();
					//alert('ㅇㅋ');
				}else{
					alert("견적발송에 실패했습니다.");
				}
			});

		});



		function divPrint() {
			var p = '';
			var hpResult = $("p[tags=hpResult]").children().html();
			var hpResult = hpResult == "undefined" || hpResult == null || hpResult == "" ? '' : $("p[tags=hpResult]").children().html();
			var staff = $("td[tags=staff]").text();
			var staffArr = staff.split("\n");

			var tuitionTbodyPc = $("#tuitionTbodyPc").next().html().replace("합계", "<div style='text-align:left;'>합계</div>");

			var homestayTbodyPc = $("#homestayTbodyPc").next().html().replace("합계", "<div style='text-align:left;'>합계</div>");

			var othersTbodyPc = $("#othersTbodyPc").next().html().replace("합계", "<div style='text-align:left;'>합계</div>");

			var tt = 0;

			var div = tt / 3;
			var i = 0;
			var arr = new Array();


			var _html = "";
			for(j = 0; j < arr.length - 1; j+=3) {
				_html += "<tr><td class='ta-left'>"+ arr[j] + "</td>";
				_html += "<td class='ta-right'>"+ arr[j+1] + "</td>";
				_html += "<td class='ta-right'>"+ arr[j+2] + "</td></tr>";
			}

			p += '<div class="container-print">';
			p += '<div class="wrap">';
			p += '<h2><span>예상견적</span><img src={{env("UHAKIMG_S3")}}/uhak/r/v1/pages/school/logo.svg alt="logo2"/></h2>';
			p += '<div class="print-con">';
			p += '<div class="title-area">';
			p += '<div class="ti-area-left">';
			p += '<p class="page-title" tags="pageTitle">' + $("p[tags=pageTitle]").text() + '</p>';
			p += '<p class="page-name"><span tags=hpResult>' + hpResult + '</span> 님의 예상 견적서</p>';
			p += '</div>';
			p += '<div class="ti-area-right"> <span class="color-green" tags="staff1">' + staffArr[0] + '</span><br />';
			p += '<span tags="staff2">' + staffArr[1] + '</span><br />';
			p += '<span tags="staff3">' + staffArr[2] + '</span></div>';
			p += '</div>';
			p += '<h3>학비 (Tuition)</h3>';
			p += '<table class="tbl-estimated">';
			p += '<colgroup><col width="*" /><col width="15%" /><col width="15%" /><col width="15%" /></colgroup>';
			p += '<thead>';
			p += '<tr><th>신청내역</th><th>기간</th><th>비용(현지)</th><th>비용(원화)</th></tr>';
			p += '</thead>';
			p += '<tbody id="tuitionTbodyPc">';
			p += $("#tuitionTbodyPc").html();
			p += '</tbody>';
			p += '<tfoot>';
			p += tuitionTbodyPc;
			p += '</tfoot>';
			p += '</table>';
			p += '<h3>숙박비 (Accomodation)</h3>';
			p += '<table class="tbl-estimated">';
			p += '<colgroup><col width="*" /><col width="15%" /><col width="15%" /><col width="15%" /></colgroup>';
			p += '<thead>';
			p += '<tr><th>신청내역</th><th>기간</th><th>비용(현지)</th><th>비용(원화)</th></tr>';
			p += '</thead>';
			p += '<tbody id="homestayTbodyPc">';
			p += $("#homestayTbodyPc").html();
			p += '</tbody>';
			p += '<tfoot>';
			p += homestayTbodyPc;
			p += '</tfoot>';
			p += '</table>';
			p += '<h3>기타비용 (Others)</h3>';
			p += '<table class="tbl-estimated">';
			p += '<colgroup><col width="*" /><col width="15%" /><col width="15%" /></colgroup>';
			p += '<thead>';
			p += '<tr><th>신청내역</th><th>비용(현지)</th><th>비용(원화)</th></tr>';
			p += '</thead>';
			p += '<tbody id="othersTbodyPc">';
			p += $("#othersTbodyPc").html();
			p += '</tbody>';
			p += '<tfoot>';
			p += othersTbodyPc;
			p += '</tfoot>';
			p += '</table>';

			p += '<ul class="sum-box">';
			p += '<li><span class="title">신청내역</span><span name="requestMoney">' + $("span[name=requestMoney").text() + '</span></li>';
			p += '<li>-</li>';
			p += '<li><span class="title">장학혜택</span><span name="scholarshipMoney">' + $("span[name=scholarshipMoney").text() + '</span></li>';
			p += '<li>=</li>';
			p += '<li><span class="title">최종예상비용</span><span class="color-red"><span name="totalMoney">' + $("span[name=totalMoney").text() + '</span></span></li>';
			p += '</ul>';
			p += '<p class="ex-rate">' + $("p[tags=estimateDate").html() +'</p>';
			p += '<p class="bot-info">ㆍ위 비용은 견적일 환율을 기준으로 책정되었으며, 환율 및 학교 입학 신청 시 사정에 의해 실제 입금하실 금액 차이가 날 수 있습니다.<br />ㆍ어학원에 따라 여름 성수기 비용, 크리스마스 휴일의 경우 추가 비용이 발생할 수 있습니다.</p>';
			p += '</div>';
			p += '</div>';
			p += '</div>';

			p = p.replace(/type="button"/g, 'type="button" style="display:none" ').replace(/\"/gi, "'");

			return p;
		}
	</script>
@endsection