@php
    /**
     * 학교담당자 목록
     */

    $editable = isset($editable) && $editable;
@endphp

<div class="row" style="margin-bottom:-20px">
    @foreach ($staffs as $staff)
        <div class="col-md-6 col-xl-4 d-flex m-b-20 resource id-{{ $staff->school_contract_staff_uid }}">
            <div class="p-15 b-1 bg-white" style="display:flex;flex-direction:column;flex:1 1 auto">
                <div class="position-relative">
                    @if ($editable)
                        <div class="position-absolute" style="top:0;right:0">
                            <a href="{{ route('school.contracts.staff.modal.edit', [$staff->school_contract_uid, $staff->school_contract_staff_uid]) }}" class="btn btn-danger btn-icon btn-circle btn-xs bg-green" data-toggle="modal" data-type="ajax" data-target="#modal-pop"><i class="fa fa-edit"></i></a>
                        </div>
                    @endif
                    <div class="text-center m-b-20 school-manager-image">
                        <div class="overflow-hidden">
                            <i class="position-relative overflow-hidden fa fa-user fa-8x text-white bg-grey p-15 b-1">
                                @if ($staff->profile_url)
                                    <a href="{{ $staff->profile_url }}" target="_blank"><div class="image"><img src="{{ $staff->profile_url }}"/></div></a>
                                @endif
                            </i>
                        </div>
                    </div>
                    <ul class="p-l-15">
                        <li>
                            <div class="d-flex">
                                <span class="text-nowrap">{{ Lang::get('school.word.manager_name') }}:</span>
                                <span class="d-inline-block p-l-3" style="word-break:break-all">{{ $staff->name }}</span>
                            </div>
                        </li>
                        <li>
                            <div class="d-flex">
                                <span class="text-nowrap">{{ Lang::get('school.word.email') }}:</span>
                                <span class="d-inline-block p-l-3" style="word-break:break-all">{{ $staff->email }}</span>
                            </div>
                        </li>
                        <li>
                            <div class="d-flex">
                                <span class="text-nowrap">{{ Lang::get('school.word.telephone') }}:</span>
                                <span class="d-inline-block p-l-3" style="word-break:break-all">{{ $staff->phone }}</span>
                            </div>
                        </li>
                        <li>
                            <div class="d-flex">
                                <span class="text-nowrap">{{ Lang::get('school.word.position') }}:</span>
                                <span class="d-inline-block p-l-3" style="word-break:break-all">{{ $staff->position }}</span>
                            </div>
                        </li>
                        <li>
                            <div class="d-flex">
                                <span class="text-nowrap">{{ Lang::get('school.word.address') }}:</span>
                                <span class="d-inline-block p-l-3" style="word-break:break-all">{{ $staff->address }}</span>
                            </div>
                        </li>
                    </ul>
                    <label class="col-form-label width-full">{{ Lang::get('school.word.memo') }}</label>
                    <div>{!! nl2br($staff->memo) !!}</div>
                </div>
            </div>
        </div>
    @endforeach
    <div class="col-12 text-center m-auto m-b-20 empty" style="line-height:100px">
        {{ Lang::get('school.desc.no_data') }}
    </div>
</div>