@php
    /**
     * 계약 정보 수정
     */
@endphp

@extends('layouts.default', [
	'sidebarLight' => true,
	'headerMegaMenu' => true,
	'sidebarMenu' => 'school.contract',
])

@section('title', Lang::get('school.word.school_management'))

@include('includes.require.input')
@include('includes.require.sweetalert')
@include('includes.require.ui-ajax')
@include('includes.require.sync-fileupload')

@push('css')
	<style type="text/css">
		.table .checkbox-css{padding-bottom:7px;width:16px;margin:0 auto;}
		.resources .resource + .empty{display:none;}
		.school-manager-image i{border-radius:100%;}
		.school-manager-image i .image{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;}
		.school-manager-image i .image img{width:100%;height:100%;object-fit:contain;}
		#contract-fileupload{min-height:166px;}

		.inner-pagination>.message{position:absolute;top:0;left:0;width:100%;height:100%;display:table;table-layout:fixed;background:#fff;z-index:1;}
		.inner-pagination>.message span{display:table-cell;vertical-align:middle;}
		.inner-pagination>.loading,
		.inner-pagination>.failed{display:none;}
		.inner-pagination.loading>.loading,
		.inner-pagination.failed>.failed{display:table;}

		@media (min-width: 1600px) {
			.school-manager .resource {
				-ms-flex:0 0 25%;
				flex:0 0 25%;
				max-width:25%;
			}
		}
	</style>
@endpush
@push('scripts')
	<script type="text/javascript">
		$(function() {

			$('#form-edit').submit(function() {

				var formData = new FormData(this);
                var file;
                $(this).find('input[name="contract_file_uid[]"]').each(function(idx, item) {
                    var file = $(item).data('file');
                    if (file) {
                        formData.append('contract_file[' + idx + ']', file);
                    }
                });

                $.ui_ajax({
                    method:'POST',
                    url:$(this).attr('action'),
                    data:formData,
                    processData:false,
                    contentType:false,
                    closeDelay:null,
                    done:function() {
						@if (Route::getRoutes()->match(Request::create(URL::previous()))->getName() === 'school.contracts.create')
							window.location.href = '{{ route('school.contracts.index') }}';
						@else
                        	window.location.reload();
						@endif
                    }
                });

                return false;
			});

			$('#form-edit .form-buttons .btn-delete').click(function() {

				$.ui_ajax({
                    url:'{{ route('school.contracts.destroy', $contract->school_contract_uid) }}',
                    data:{_token:'{{ csrf_token() }}'},
                    method:'DELETE',
                    confirm:true,
                    type:'error',
                    closeDelay:null,
                    text_done:'Contract deleted.',
                    text_fail:'Delete failed.',
                    text_confirm:'Once deleted, you will not be able to recover this contract!',
                    done:function() {
						if (document.referrer) {
							window.location = document.referrer;
						} else {
							window.location.replace('{{ route('school.contracts.index') }}');
						}
                    }
                });
				return false;
			});

			$(document).bind({
				'contract-manager-deleted':function(e, id) {
					$('#school-contract-staffs').loadList();
				},
				'contract-info-deleted':function(e, id) {
					$('#school-contract-infos').loadList();
				},
				'contract-notice-deleted':function(e, id) {
					$('#school-contract-notices').loadList();
				}
			});

			$('#contract-fileupload').sync_fileupload({
				fileAdded:function(item, file) {
					var text = file.name + ' (' + file.size_text + ')';
					item.find('.file_name').html(text);
					item.find('input[name="contract_file_uid[]"]').data('file', file);
				}
			});

			// 페이지를 로딩합니다.
			$.fn.loadList = function(page) {
				var $this = $(this);
				var url = $this.data('url');
				if(page === undefined) {
					page = 1;
				}

				$this.addClass('loading');

				$.ajax({
					method:'GET',
					url:url,
					data:{page:page},
				}).done(function(data) {
					$this.removeClass('loading');
					if (data && data.view) {
						$this.find('.resources').html(data.view);
						$this.changePageLink();
					} else {
						$this.addClass('failed');
					}
				}).fail(function() {
					$this.removeClass('loading').addClass('failed');
				});
			};

			// 페이지 링크를 Ajax로 수정합니다.
			$.fn.changePageLink = function() {
				var $this = $(this);
				$this.find('.pagination li a').click(function() {
					$this.loadList($(this).closest('li').data('page'));
					return false;
				});
			};

			$('#school-contract-staffs').changePageLink();
			$('#school-contract-infos').changePageLink();
			$('#school-contract-notices').changePageLink();
		});
	</script>
@endpush

@section('content')
	<!-- begin page-header -->
	<h1 class="page-header">{{ Lang::get('school.word.school_management') }}</h1>
	<!-- end page-header -->

	@include('template.school.tabmenu', ['active'=>'contract'])

	<div class="tab-content width-full">
		<div class="tab-pane active">
			<form id="form-edit" method="POST" action="{{ route('school.contracts.update', $contract->school_contract_uid) }}" enctype="multipart/form-data" class="m-0">
                {{ csrf_field() }}
                <input type="hidden" name="_method" value="PATCH"/>

				{{-- 기본 정보 --}}
				<h5 class="p-10 b-b-1">{{ Lang::get('school.word.default_info') }}</h5>
				@include('template.school.contract.create.default')

				{{-- 계약서 정보 --}}
				<h5 class="p-10 b-b-1 m-t-40">
					<div class="position-relative">
						{{ Lang::get('school.word.contract_info') }}
						<a href="{{ route('school.contracts.info.modal.create', $contract->school_contract_uid) }}" class="btn btn-primary btn-xs right-add-btn" data-toggle="modal" data-type="ajax" data-target="#modal-pop">+ Add</a>
					</div>
				</h5>
				<div class="row p-10">
					<div class="col-12 inner-pagination" id="school-contract-infos" data-url="{{ route('school.contracts.infolist', $contract->school_contract_uid) }}">
						<div class="message loading text-center"><span>{!! nl2br(Lang::get('school.desc.wait')) !!}</span></div>
						<div class="message failed text-center"><span>{!! nl2br(Lang::get('school.desc.data_loading_failed_refresh_page')) !!}</span></div>
						<div class="resources">
							@include('template.school.contract.create.infolist', [
								'contract' => $contract,
								'contractInfo' => $contractInfo,
								'contractManager' => $contractManager,
							])
						</div>
					</div>
				</div>

				{{-- 학교 담당자 정보 --}}
				<h5 class="p-10 b-b-1 m-t-40">
					<div class="position-relative">
						{{ Lang::get('school.word.school_manager_info') }}
						<a href="{{ route('school.contracts.staff.modal.create', $contract->school_contract_uid) }}" class="btn btn-primary btn-xs right-add-btn" data-toggle="modal" data-type="ajax" data-target="#modal-pop">+ Add</a>
					</div>
				</h5>

				<div class="row p-10">
					<div class="col-12 inner-pagination" id="school-contract-staffs" data-url="{{ route('school.contracts.stafflist', $contract->school_contract_uid) }}">
						<div class="message loading text-center"><span>{!! nl2br(Lang::get('school.desc.wait')) !!}</span></div>
						<div class="message failed text-center"><span>{!! nl2br(Lang::get('school.desc.data_loading_failed_refresh_page')) !!}</span></div>
						<div class="resources school-manager">
							@include('template.school.contract.create.stafflist', [
								'editable' => true,
								'contract' => $contract,
								'staffs' => $contractStaff,
							])
						</div>
					</div>
				</div>

				<h5 class="p-10 b-b-1 m-t-40">
					<div class="position-relative">
						{{ Lang::get('school.word.notice_application') }}
						<a href="{{ route('school.contracts.notice.modal.create', $contract->school_contract_uid) }}" class="btn btn-primary btn-xs right-add-btn" data-toggle="modal" data-type="ajax" data-target="#modal-pop">+ Add</a>
					</div>
				</h5>
				<div class="row p-10">
					<div class="col-12 inner-pagination" id="school-contract-notices" data-url="{{ route('school.contracts.noticelist', $contract->school_contract_uid) }}">
						<div class="message loading text-center"><span>{!! nl2br(Lang::get('school.desc.wait')) !!}</span></div>
						<div class="message failed text-center"><span>{!! nl2br(Lang::get('school.desc.data_loading_failed_refresh_page')) !!}</span></div>
						<div class="resources">
							@include('template.school.contract.create.noticelist', [
								'editable' => true,
								'contract' => $contract,
								'notices' => $contractNotice,
							])
						</div>
					</div>
				</div>

				{{-- 기타 정보 --}}
				<h5 class="p-10 b-b-1 m-t-40">{{ Lang::get('school.word.other_info') }}</h5>
				<div class="row p-10 other-info">
					{{-- 에이전트 웹 정보 --}}
					<div class="col-lg-6">
						<label class="width-full col-form-label">{{ Lang::get('school.word.agent_website') }}</label>
						<div>
							<input type="text" class="form-control" name="agent_website_url" placeholder="URL" value="{{ $contract->agent_website['url'] }}"/>
							<div class="row m-t-10">
								<div class="col-5 p-r-0">
									<input type="text" class="form-control" name="agent_website_id" placeholder="ID" value="{{ $contract->agent_website['id'] }}"/>
								</div>
								<div class="col-7">
								<input type="text" class="form-control" name="agent_website_pw" placeholder="Password" value="{{ $contract->agent_website['pw'] }}"/>
								</div>
							</div>
							<textarea class="form-control m-t-10" name="agent_website_memo" style="height:78px" placeholder="{{ Lang::get('template_school.word.memo') }}">{!! $contract->agent_website['memo'] !!}</textarea>
						</div>
					</div>

					{{-- 기타 파일 업로드 --}}
					<div class="col-lg-6">
						<label class="width-full col-form-label">{{ Lang::get('school.word.file_upload') }}</label>
						<div class="fileupload-container form-control" id="contract-fileupload">
							<div class="fileinput-button">
								<span class="btn btn-primary">Search for files</span>
								<input type="file" multiple/>
							</div>
							<div class="fileupload-files m-t-5">
								<table class="table m-0">
									<colgroup>
										<col width="*"/>
										<col width="130"/>
										<col width="30"/>
									</colgroup>
									<thead>
										<tr>
											<th class="align-middle text-center">{{ Lang::get('template_school.word.file_name.short') }}</th>
											<th class="align-middle text-center">{{ Lang::get('template_school.word.reg_date.short') }}</th>
											<th class="align-middle text-center">&nbsp;</th>
										</tr>
									</thead>
									<tbody>
										<tr class="template d-none">
											<td colspan="2" class="align-middle text-truncate file_name"></td>
											<td class="align-middle text-center">
												<input type="hidden" name="contract_file_uid[]" value=""/>
												<button type="button" class="d-block m-auto btn btn-danger btn-icon btn-circle btn-xs btn-delete"><i class="fa fa-times"></i></button>
											</td>
										</tr>
										@foreach ($contract->relContractFile as $file)
											<tr>
												<td class="align-middle text-truncate file_name"><a href="{{ route('school.contracts.contract-files.download', [$file->school_contract_uid, $file->school_contract_files_uid]) }}" title="{{ Lang::get('school.word.file_download') }}">{{ $file->name.' ('.byteFormat($file->size).')' }}</a></td>
												<td class="align-middle text-center">{{ $file->created_at }}</td>
												<td class="align-middle text-center">
													<input type="hidden" name="contract_file_uid[]" value="{{ $file->school_contract_files_uid }}"/>
													<button type="button" class="d-block m-auto btn btn-danger btn-icon btn-circle btn-xs btn-delete"><i class="fa fa-times"></i></button>
												</td>
											</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>

				{{-- 담당자정보 --}}
				<h5 class="p-10 b-b-1 m-t-40">{{ Lang::get('template_school.word.manager_info') }}</h5>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-6">
							<label class="col-form-label width-full">{{ Lang::get('template_school.word.manager') }}</label>
							<select class="selectpicker width-full" name="manager">
								<option value="">None</option>
								@foreach ($contractManager as $manager)
									<option value="{{ $manager->emm_uid }}" @selected($manager->emm_uid, $contract->manager)>{{ $manager->emm_name }}</option>
								@endforeach
							</select>
						</div>
					</div>
				</div>

				{{-- 등록자정보 --}}
				<h5 class="p-10 b-b-1 m-t-40">{{ Lang::get('template_school.word.registrant_info') }}</h5>
				<div class="row p-10">
					<div class="col-md-6">
						<label class="col-form-label width-full">{{ Lang::get('template_school.word.first_registered_by') }}</label>
						<div class="row">
							<label class="col-form-label width-full">
								@if ($contract->relCreateLog)
									{{ $contract->relCreateLog->emm_name }} {{ $contract->relCreateLog->created_at->format('Y.m.d H:i:s') }}
								@else
									&nbsp;
								@endif
							</label>
						</div>
					</div>
					<div class="col-md-6">
						<label class="col-form-label width-full">{{ Lang::get('template_school.word.last_edited_by') }}</label>
						<div class="row">
							<label class="col-form-label width-full">
								@if ($contract->relModifyLog)
									{{ $contract->relModifyLog->emm_name }} {{ $contract->relModifyLog->created_at->format('Y.m.d H:i:s') }}
								@else
									&nbsp;
								@endif
							</label>
						</div>
					</div>
				</div>

				<div class="row p-10 form-buttons">
					<div class="col-12 text-right m-t-20">
						<button type="button" class="btn btn-danger btn-delete">{{ Lang::get('school.word.delete') }}</button>
						<button type="submit" class="btn btn-success">{{ Lang::get('school.word.save') }}</button>
					</div>
				</div>
			</form>
		</div>
	</div>
@endsection