@php
    /**
     * 학교 목록
     */
@endphp

@push('css')
    <style type="text/css">
        .modal-dialog{max-width:900px;width:90%;height:90%;margin-left:auto;margin-right:auto;}
        .modal-dialog .modal-content{position:absolute;top:0;bottom:0;left:0;right:0;}
        .modal-dialog .modal-body{display:flex;flex-direction:column;}
        .modal-dialog .table{table-layout:fixed;}
        .modal-dialog .table tbody tr:first-child td{border-top:0 !important;}
        .modal-dialog .school-list{display:flex;flex-direction:column;flex:1 1 auto;}
        .table-scroll{flex:1 1 auto;overflow-y:auto;}
    </style>
@endpush

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">{{ Lang::get('template_school.word.school_info') }}</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        </div>

        <h5 class="bg-grey-transparent-5 p-10 m-b-0 m-t-20">{{ Lang::get('template_school.word.school_info') }}</h5>
        <div class="modal-body">
            <div>
                <label class="col-form-label width-full">{{ Lang::get('template_school.word.contract_title') }}</label>
                <label class="col-form-label width-full">{{ $contract->title }}</label>
            </div>

            <div class="school-list m-t-20">
                <label class="col-form-label width-full">{{ Lang::get('template_school.word.school_list') }}</label>
                <div class="table-scroll">
                    <table class="table table-bordered m-0">
                        <colgroup>
                            <col width="60"/>
                            <col width="80"/>
                            <col width="80"/>
                            <col width="*"/>
                            <col width="64"/>
                        </colgroup>
                        <thead>
                            <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.short') }}</th>
                            <th class="align-middle text-center">{{ Lang::get('template_school.word.school_name') }}</th>
                            <th class="align-middle text-center">{{ Lang::get('template_school.word.visible.short') }}</th>
                        </thead>
                        <tbody>
                            @forelse ($schools as $school)
                                <tr>
                                    <td class="align-middle text-center school_uid">{{ $school->school_uid }}</td>
                                    <td class="align-middle text-center country">{{ Country::domain($school->country)['name_en'] }}</td>
                                    <td class="align-middle text-center school_type">@icon('schoolType', $school->school_type)</td>
                                    <td class="align-middle school_name"><a href="{{ route('school.schools.edit', $school->school_uid) }}" target="_blank">{{ $school->name }}</a></td>
                                    <td class="align-middle text-center">{{ $school->display }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center" style="line-height:100px">{{ Lang::get('template_school.desc.search_school') }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@stack('css')
@stack('scripts')