@php
    /**
     * 계약 기본 정보
     */

    // 계약상태
    if (empty($contract->status)) {
        $contract->status = 'CS010';
    }

    // 학교 목록
    $schools = $contract->relSchool;
@endphp

@push('css')
    <style type="text/css">
        #table-scroll{max-height:167px;height:auto;}
        .table-scroll{height:1px;overflow-y:auto;}
        .table-scroll tr:first-child td,
        .table-scroll tr.no-result + tr td{border-top:0 !important;}
        .table-scroll tr{display:none;}
        .table-scroll tr:last-child,
        .table-scroll tr:not(.no-result){display:table-row;}
        .table-layout-fixed{table-layout:fixed;}
    </style>
@endpush
@push('scripts')
	<script type="text/javascript">
		$(function() {
            // All checkbox events
            $('form .input-group input[type="checkbox"][data-role="all"]').change(function() {
                var $group = $(this).closest('.input-group');
                $group.find('input[type="checkbox"]').not(this).prop('checked', $(this).is(':checked'));
            });
            $('form .input-group input[type="checkbox"]:not([data-role="all"])').change(function() {
                var $group = $(this).closest('.input-group');
                var $all = $group.find('input[type="checkbox"][data-role="all"]');
                var uncheck = $group.find('input[type="checkbox"]:not(:checked)').not($all).length > 0;
                $all.prop('checked', !uncheck);
            });
            $('form .input-group').each(function() {
                $(this).find('input[type="checkbox"]:not([data-role="all"])').eq(0).change();
            });

            // 학교 추가 및 변경 이벤트
            $(document).bind({
                'school-add':function(e, id, data) {
                    schoolAdd(id, data);
                },
                'school-delete':function(e, id) {
                    schoolDelete(id);
                }
            });
		});

        function schoolAdd(id, data) {
            if ($('#school-list input[name="school_uid[]"][value="' + id + '"]').length) {
                return;
            }

            var obj = $('<tr/>');
            obj.append('<td class="align-middle text-center">' + id + '<input type="hidden" name="school_uid[]" value="' + id + '"/></td>');
            obj.append('<td class="align-middle text-center">' + data.country + '</td>');
            obj.append('<td class="align-middle text-center">' + data.school_type + '</td>');
            if (data.link) {
                obj.append('<td class="align-middle text-truncate"><a href="' + data.link + '" title="' + data.name + '">' + data.name + '</a></td>');
            } else {
                obj.append('<td class="align-middle text-truncate" title="' + data.name + '">' + data.name + '</td>');
            }
            obj.append('<td class="align-middle text-center"><button type="button" class="btn btn-danger btn-icon btn-circle btn-xs" onclick="schoolDelete(' + id + ')"><i class="fa fa-times"></i></button></td>');
            $('#school-list').append(obj);
        }

        function schoolDelete(id) {
            $('#school-list input[name="school_uid[]"][value="' + id + '"]').closest('tr').remove();
        }
    </script>
@endpush

<div class="row p-10">
    <div class="col-xl-6 attr mt-0">
        <label class="width-full col-form-label">{{ Lang::get('school.word.country') }} <span class="text-danger">*</span></label>
        <div class="row input-group">
            <div class="col-12">
                <div class="checkbox checkbox-css">
                    <input type="checkbox" id="checkbox-country-all" data-role="all"/>
                    <label for="checkbox-country-all">{{ Lang::get('school.word.all') }}</label>
                </div>
            </div>
            @foreach (Country::domain() as $code)
                <div class="col-6 col-sm-4 col-xl-3">
                    <div class="checkbox checkbox-css">
                        <input type="checkbox" id="checkbox-country-{{ $code->code_domain }}" name="country[]" value="{{ $code->code_domain }}" @checked($code->code_domain, $contract->country)/>
                        <label for="checkbox-country-{{ $code->code_domain }}">{{ $code->name_en }}</label>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <div class="col-xl-6 attr mt-xl-0">
        <label class="width-full col-form-label">{{ Lang::get('school.word.study_type') }} <span class="text-danger">*</span></label>
        <div class="row input-group">
            <div class="col-12">
                <div class="checkbox checkbox-css">
                    <input type="checkbox" id="checkbox-school_type-all" data-role="all"/>
                    <label for="checkbox-school_type-all">{{ Lang::get('school.word.all') }}</label>
                </div>
            </div>
            @foreach (CodeSchool::schoolType() as $code)
                <div class="col-6 col-sm-4 col-xl-3">
                    <div class="checkbox checkbox-css">
                        <input type="checkbox" id="checkbox-school_type-{{ $code->cdsh_code }}" name="school_type[]" value="{{ $code->cdsh_code }}" @checked($code->cdsh_code, $contract->school_type)/>
                        <label for="checkbox-school_type-{{ $code->cdsh_code }}">{{ $code->cdsh_label['en'] }}</label>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>
<div class="row p-10">
    <div class="col-xl-6 attr mt-0">
        <div>
            <label class="width-full col-form-label">{{ Lang::get('school.word.contract_status') }} <span class="text-danger">*</span></label>
            @foreach (CodeSchool::contractStatus() as $code)
                <div class="radio radio-css radio-inline">
                    <input type="radio" id="radio-contract_status-{{ $code->cdsh_code }}" name="status" value="{{ $code->cdsh_code }}" @checked($code->cdsh_code, $contract->status)/>
                    <label for="radio-contract_status-{{ $code->cdsh_code }}">{{ $code->label }}</label>
                </div>
            @endforeach
        </div>
        <div class="m-t-20">
            <label class="width-full col-form-label">{{ Lang::get('school.word.contract_title') }} <span class="text-danger">* ({{ Lang::get('school.desc.include_school_name_in_contract_title') }})</span></label>
            <input type="text" class="form-control" name="title" value="{{ $contract->title }}"/>
        </div>
        <div class="m-t-20">
            <label class="width-full col-form-label">{{ Lang::get('school.word.rank') }} <span class="text-danger">*</span></label>
            <select class="selectpicker width-full" name="school_level">
                @foreach (CodeSchool::schoolLevel() as $code)
                    <option value="{{ $code->cdsh_code }}" @selected($code->cdsh_code, $contract->school_level)>{{ $code->cdsh_label['en'] }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-xl-6 attr mt-xl-0">
        <label class="position-relative width-full col-form-label">
            {{ Lang::get('school.word.contract_school') }} <span class="text-danger">*</span>
            <a href="{{ route('school.contracts.schools.modal.create') }}" class="btn btn-primary btn-xs right-add-btn" data-toggle="modal" data-type="ajax" data-target="#modal-pop">+ Add</a>
        </label>
        <table class="table table-sm table-layout-fixed m-0">
            <colgroup>
                <col width="80"/>
                <col width="80"/>
                <col width="80"/>
                <col width="*"/>
                <col width="30"/>
            </colgroup>
            <thead>
                <tr>
                    <th class="align-middle text-center">{{ Lang::get('template_school.word.id.short') }}</th>
                    <th class="align-middle text-center">{{ Lang::get('template_school.word.country.short') }}</th>
                    <th class="align-middle text-center">{{ Lang::get('template_school.word.study_type') }}</th>
                    <th class="align-middle text-center">{{ Lang::get('template_school.word.school_name') }}</th>
                    <th class="align-middle text-center"></th>
                </tr>
            </thead>
        </table>
        <div class="table-scroll" id="table-scroll">
            <table class="table table-sm table-layout-fixed m-0">
                <colgroup>
                    <col width="80"/>
                    <col width="80"/>
                    <col width="80"/>
                    <col width="*"/>
                    <col width="30"/>
                </colgroup>
                <tbody id="school-list">
                    <tr class="no-result">
                        <td colspan="5" class="text-center p-t-40 p-b-40">{{ Lang::get('template_school.desc.search_school') }}</td>
                    </tr>
                    @foreach ($contract->relSchool as $school)
                        <tr>
                            <td class="align-middle text-center">
                                {{ $school->school_uid }}
                                <input type="hidden" name="school_uid[]" value="{{ $school->school_uid }}"/>
                            </td>
                            <td class="align-middle text-center">{{ Country::domain($school->country)['name_en'] }}</td>
                            <td class="align-middle text-center">@icon('schoolType', $school->school_type)</td>
                            <td class="align-middle text-truncate"><a href="{{ route('school.schools.detail.edit', $school->school_uid) }}" title="{{ $school->name }}">{{ $school->name }}</a></td>
                            <td class="align-middle text-center"><button type="button" class="btn btn-danger btn-icon btn-circle btn-xs" onclick="schoolDelete({{ $school->school_uid }})"><i class="fa fa-times"></i></button></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>