@php
    /**
     * 학교 계약서 생성
     */
@endphp

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

@push('css')
    <style type="text/css">
        .modal-dialog{max-width:900px;width:90%;margin-left:auto;margin-right:auto;}
        .form-block{border:1px solid #d3d8de;border-radius:.25rem;}
        #contract-info-fileupload{min-height:97px;}
    </style>
@endpush
@push('scripts')
    <script type="text/javascript">
        $(function() {
            $('.modal-dialog').input();

            $('.modal-dialog .datepicker').datepicker({
                todayHighlight:true,
                autoclose:true,
                format:'yyyy/mm/dd'
            });

            $('.modal-dialog .modal-footer .btn-delete').click(function() {
                $.ui_ajax({
                    url:'{{ route('school.contracts.info.destroy', [$contractInfo->school_contract_uid, $contractInfo->school_contract_info_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() {
                        $(document).trigger('contract-info-deleted', '{{ $contractInfo->school_contract_info_uid }}');
                        $('.modal-dialog').closest('.modal').modal('hide');
                    }
                });

                return false;
            });

            $('.modal-dialog form').submit(function() {

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

                $.ui_ajax({
                    method:'POST',
                    url:$(this).attr('action'),
                    data:formData,
                    processData:false,
                    contentType:false,
                    closeDelay:null,
                    done:function() {
                        window.location.reload();
                    },
                });
                return false;
            });

            $('#contract-info-fileupload').sync_fileupload({
				fileAdded:function(item, file) {

                    var index = $('#terms-fileupload table tbody tr.template').data('index');
                    var text = file.name + ' (' + file.size_text + ')';

                    item.data('index', undefined);
                    item.find('.file_name').html(text);
                    item.find('input[name="contract_info_file_uid[]"]').data('file', file);

                    $('#contract-info-fileupload table tr:not(.template)').remove();
                    $('#contract-info-fileupload table tbody tr.template').data('index', index + 1);
				},
			});
        });
    </script>
@endpush

<div class="modal-dialog">
    @php
        if ($method === 'create') {
            $formTitle = Lang::get('template_school.word.contract_doc_add');
            $formMethod = 'POST';
            $formAction = route('school.contracts.info.store', $contractInfo->school_contract_uid);
        } else if ($method === 'edit') {
            $formTitle = Lang::get('template_school.word.contract_doc_edit');
            $formMethod = 'PATCH';
            $formAction = route('school.contracts.info.update', [$contractInfo->school_contract_uid, $contractInfo->school_contract_info_uid]);
        }
    @endphp
    <form method="POST" action="{{ $formAction or '' }}" enctype="multipart/form-data">
        {{ csrf_field() }}
        <input type="hidden" name="_method" value="{{ $formMethod or '' }}"/>
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">{{ $formTitle }}</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.contract_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.contract_file_upload') }} <span class="text-danger">*</span></label>
                        <div class="fileupload-container form-control" id="contract-info-fileupload">
                            <div class="fileinput-button">
                                <span class="btn btn-primary">Search for files</span>
                                <input type="file"/>
                            </div>
                            <div class="fileupload-files m-t-5">
                                <table class="table m-0">
                                    <colgroup>
                                        <col width="*"/>
                                        <col width="130"/>
                                        <col width="30"/>
                                    </colgroup>
                                    <tbody>
                                        <tr class="template d-none" data-index="{{ $files->count() }}">
                                            <td colspan="2" class="align-middle text-truncate file_name"></td>
                                            <td class="align-middle text-center">
                                                <input type="hidden" name="contract_info_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 ($files as $idx => $file)
                                            <tr>
                                                <td class="align-middle text-truncate file_name"><a href="{{ route('school.contracts.info.file.download', [$contractInfo->school_contract_uid, $file->school_contract_info_uid, $file->school_contract_info_file_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_info_file_uid[]" value="{{ $file->school_contract_info_file_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>

                <div class="row m-t-20">
                    <div class="col-12">
                        <label class="col-form-label width-full">{{ Lang::get('template_school.word.contract_period') }} <span class="text-danger">*</span></label>
                        <div class="input-group input-daterange">
                            <input type="text" class="form-control datepicker" name="start_date" value="{{ $contractInfo->start_date ? $contractInfo->start_date->format('Y/m/d') : '' }}"/>
                            <span class="input-group-addon">~</span>
                            <input type="text" class="form-control datepicker" name="end_date" value="{{ $contractInfo->end_date ? $contractInfo->end_date->format('Y/m/d') : '' }}"/>
                        </div>
                        <div class="m-t-15">
                            <textarea class="form-control" name="contract_memo" style="height:78px" placeholder="{{ Lang::get('template_school.word.memo') }}">{!! $contractInfo->contract_memo !!}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <h5 class="bg-grey-transparent-5 p-10 m-b-0 m-t-20">{{ Lang::get('template_school.word.commission_info') }}</h5>
            <div class="modal-body">
                <div class="row">
                    <div class="attr col-md-6 mt-0">
                        <label class="col-form-label width-full">{{ Lang::get('template_school.word.internal_commission') }}</label>
                        <div class="input-group">
                            <input type="text" class="form-control text-right" name="fn_commission" value="{{ $contractInfo->fn_commission }}" placeholder="Only number"/>
                            <div class="input-group-append">
                                <span class="input-group-text"><i class="fas fa-fw fa-percent"></i></span>
                            </div>
                        </div>
                        <div class="m-t-15">
                            <textarea class="form-control" name="fn_commission_info" style="height:78px" placeholder="{{ Lang::get('template_school.word.commission').' '.Lang::get('template_school.word.description') }}">{!! $contractInfo->fn_commission_info !!}</textarea>
                        </div>
                        <ul class="m-t-15 m-b-0 p-l-25">
                            <li>
                                {!! Lang::get('template_school.desc.commission_school_to_edm') !!}<br/>
                                {!! Lang::get('template_school.desc.enter_two_decimal') !!}
                            </li>
                        </ul>
                    </div>
                    <div class="attr col-md-6 mt-md-0">
                        <label class="col-form-label width-full">{{ Lang::get('template_school.word.external_commission') }}</label>
                        <div class="input-group">
                            <input type="text" class="form-control text-right" name="ec_commission" value="{{ $contractInfo->ec_commission }}" placeholder="Only number"/>
                            <div class="input-group-append">
                                <span class="input-group-text"><i class="fas fa-fw fa-percent"></i></span>
                            </div>
                        </div>
                        <div class="m-t-15">
                            <textarea class="form-control" name="ec_commission_info" style="height:78px" placeholder="{{ Lang::get('template_school.word.commission').' '.Lang::get('template_school.word.description') }}">{!! $contractInfo->ec_commission_info !!}</textarea>
                        </div>
                        <ul class="m-t-15 m-b-0 p-l-25">
                            <li>
                                {!! Lang::get('template_school.desc.commission_open_to_ec') !!}<br/>
                                {!! Lang::get('template_school.desc.enter_two_decimal') !!}
                            </li>
                        </ul>
                    </div>
                    <div class="attr col-md-6">
                        <label class="col-form-label width-full">{{ Lang::get('template_school.word.extra_commission') }}</label>
                        <textarea class="form-control" name="add_commission" style="height:78px" placeholder="{{ Lang::get('template_school.word.commission').' '.Lang::get('template_school.word.description') }}">{!! $contractInfo->add_commission !!}</textarea>
                    </div>
                </div>
            </div>

            {{-- 담당자정보 --}}
            <h5 class="bg-grey-transparent-5 p-10 m-b-0 m-t-20">{{ 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, $contractInfo->manager)>{{ $manager->emm_name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

            {{-- 등록자정보 --}}
            @if ($method === 'edit')
                <h5 class="bg-grey-transparent-5 p-10 m-b-0 m-t-20">{{ Lang::get('template_school.word.registrant_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.first_registered_by') }}</label>
                            <div class="row">
                                <label class="col-form-label width-full">
                                    @if ($contractInfo->relCreateLog)
                                        {{ $contractInfo->relCreateLog->emm_name }} {{ $contractInfo->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 ($contractInfo->relModifyLog)
                                        {{ $contractInfo->relModifyLog->emm_name }} {{ $contractInfo->relModifyLog->created_at->format('Y.m.d H:i:s') }}
                                    @else
                                        &nbsp;
                                    @endif
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <div class="modal-footer">
                @if ($method === 'edit')
                    <button type="button" class="btn btn-danger btn-delete">{{ Lang::get('template_school.word.delete') }}</button>    
                @endif
                <button type="button" class="btn btn-white" data-dismiss="modal">{{ Lang::get('template_school.word.cancel') }}</button>
                <button type="submit" class="btn btn-success">{{ Lang::get('template_school.word.save') }}</button>
            </div>
        </div>
    </form>
</div>

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