@if(isset($success))
<script>
	alert('{{ $success }}');
	window.opener.location.reload();
	window.close();
</script>
@endif

@include('inc_head')

<div class="modal-dialog" style="max-width:900px;width:90%">

			<form id="form-create" method="POST" action="/accom/{{ $school_uid }}" enctype="multipart/form-data">
				@csrf
				@method('put')
				<input type="hidden" name="stay_ctg_old" value="{{ $stay_ctg }}" />

        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">


                    Accommodation Edit</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="close_accom();">×</button>
            </div>


            <h5 class="bg-grey-transparent-5 p-10 m-b-0">Category</h5>
            <div class="modal-body">
                <label class="col-form-label width-full"> Accommodation Type <span class="text-danger">*</span></label>
                <select class="selectpicker width-full" data-live-search="true" name="stay_ctg" required>
										@foreach ($stay_code as $sc)
										@if((json_decode($sc->cdsh_label))->en)
                    <option value="{{ $sc->cdsh_code }}" {{ $sc->cdsh_code == $stay_ctg ? 'selected' : '' }} >{{ (json_decode($sc->cdsh_label))->tw }}</option>
										@endif
										@endforeach
                </select>
            </div>


            <h5 class="bg-grey-transparent-5 p-10 m-b-0"> Accommodation Costs</h5>
            <div class="modal-body">
                <label class="col-form-label width-full m-t-10">Year</label>
									<input type="text" name="year" class="form-control" value="{{ $year }}" readonly />
                <div class="add-group m-t-20">
                    <div class="row">
                        <div class="col-5">
                            <label class="col-form-label">Stay Details</label>
                        </div>
                        <div class="col-5">
                            <label class="col-form-label">Chinese</label>
                        </div>
                        <div class="col-2">
                            <label class="col-form-label">Cost Per Week</label>
                        </div>
                    </div>

                    <div class="clone-group">

												@if($school_stay->count() > 0)
												@foreach ($school_stay as $ss)
                        <div class="row add-clone m-b-10">
                            <div class="col-5 p-r-0">
                                <input type="text" class="form-control" name="exp[]" value="{{ $ss->exp }}" placeholder="Official name (written in English in the school fee brochure)" />
                            </div>
                            <div class="col-5 p-r-0">
                                <input type="text" class="form-control" name="exp_taiwan[]" value="{{ $ss->exp_taiwan }}" placeholder="" />
                            </div>
                            <div class="col-2">
                                <div class="row">
                                    <div class="col-11">
                                        <input type="text" class="form-control text-right" name="pay[]" value="{{ $ss->pay }}" placeholder="Only number" />
                                    </div>
                                    <div class="col-1 close-btn p-0">
                                        <a href="javascript:" class="btn btn-danger btn-icon btn-circle btn-xs m-t-10"><i class="fa fa-times"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
												@endforeach
												@else
                        <div class="row add-clone m-b-10">
                            <div class="col-5 p-r-0">
                                <input type="text" class="form-control" name="exp[]" value="" placeholder="Official name (written in English in the school fee brochure)" />
                            </div>
                            <div class="col-5 p-r-0">
                                <input type="text" class="form-control" name="exp_taiwan[]" value="" placeholder="" />
                            </div>
                            <div class="col-2">
                                <div class="row">
                                    <div class="col-11">
                                        <input type="text" class="form-control text-right" name="pay[]" value="" placeholder="Only number" />
                                    </div>
                                    <div class="col-1 close-btn p-0">
                                        <a href="javascript:" class="btn btn-danger btn-icon btn-circle btn-xs m-t-10"><i class="fa fa-times"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
												@endif

                    </div>
                    <button type="button" class="btn btn-primary btn-xs add-btn">+ Add</button>
                </div>
            </div>


            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-delete" onclick="delete_accom();">Delete</button>
                <button type="button" class="btn btn-white"onclick="close_accom();">Cancel</button>
                <button type="submit" class="btn btn-success">Save</button>
            </div>
        </div>
    </form>
</div>


<form name="action_form" id="action_form" method="POST" action="/accom/{{ $school_uid }}">
    @csrf
    <input type="hidden" name="_method" id="_method">
		<input type="hidden" name="stay_ctg" value="{{ $stay_ctg }}" />
		<input type="hidden" name="year" value="{{ $year }}" />
</form>

<script>
function delete_accom()
{
	$("#_method").val("DELETE");
	$("#action_form").submit();
}

function close_accom()
{
	window.opener.location.reload();
	window.close();
}
</script>


@include('inc_bottom')