<form role="form" id="form-add-hostel">
    <div class="form-body">
        <div class="row">
            <div class="col-md-8">
                <div class="form-group">
                    <label>Tên nhà <span class="required" aria-required="true"> (*) </span></label>
                    <input type="text" class="form-control" placeholder="" name="name">
                </div>
            </div>
            <div class="col-md-4">

                <div class="form-group">
                    <label>Loại nhà <span class="required" aria-required="true"> (*) </span></label>
                    @php $hostelTypes = \App\Models\HostelType::all(); @endphp
                    <select class="form-control" name="type">
                        @foreach($hostelTypes as $hostelType)
                            <option value="{{ $hostelType->id }}">{{ $hostelType->name }}</option>
                        @endforeach

                    </select>
                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <div class="form-group">
                    <label>Địa chỉ <span class="required" aria-required="true"> (*) </span></label>
                    <input type="text" class="form-control" name="address"
                           value="{{ auth('backend')->user()->address }}">
                    <span class="help-block"> (Không nhập địa chỉ Phường, Xã, Tỉnh, Thành phố) </span>
                </div>
            </div>
            <div class="col-md-4">

                <div class="form-group">
                    <label>Hình thức cho thuê <span class="required" aria-required="true"> (*) </span>

                        <a href="#explain-type-rent" data-toggle="modal"><span
                                    class="glyphicon glyphicon-question-sign"></span></a>

                    </label>
                    <select class="form-control" name="type_rent">

                        <option value="{{ \App\Models\Hostel::TYPE_RENT_ALL }}">Bao phòng</option>
                        <option value="{{ \App\Models\Hostel::TYPE_RENT_EVERY }}">Ký túc xá</option>

                    </select>
                </div>
            </div>


        </div>

        <div class="row">
            <div class="col-md-4">

                <div class="form-group">
                    <label>Tỉnh / TP <span class="required" aria-required="true"> (*) </span></label>
                    <select class="form-control select2" name="province_id" id="province_id">
                        <option value="">Chọn tỉnh / thành phố</option>
                        @foreach($provinces as $province)
                            <option @if(!empty(auth('backend')->user()->province_id))
                                    @if(auth('backend')->user()->province_id == $province->provinceid)
                                    selected
                                    @endif
                                    @endif

                                    value="{{ $province->provinceid }}">{{ $province->name }}</option>
                        @endforeach

                    </select>
                </div>
            </div>
            <div class="col-md-4">

                <div class="form-group">
                    <label>Quận / Huyện <span class="required" aria-required="true"> (*) </span></label>
                    <select class="form-control select2" name="district_id" id="district_id">

                        @if(!empty(auth('backend')->user()->province_id))
                            @php $districts = DB::table('district')->where('provinceid', auth('backend')->user()->province_id)->get(); @endphp

                            @foreach($districts as $district)
                                <option @if(!empty(auth('backend')->user()->district_id))
                                        @if(auth('backend')->user()->district_id == $district->districtid)
                                        selected
                                        @endif
                                        @endif

                                        value="{{ $district->districtid }}">{{ $district->name }}</option>
                            @endforeach

                        @endif

                    </select>
                </div>
            </div>
            <div class="col-md-4">

                <div class="form-group">
                    <label>Phường / Xã <span class="required" aria-required="true"> (*) </span></label>
                    <select class="form-control select2" name="ward_id" id="ward_id">

                        @if(!empty(auth('backend')->user()->district_id))
                            @php $wards = DB::table('ward')->where('districtid', auth('backend')->user()->district_id)->get(); @endphp

                            @foreach($wards as $ward)
                                <option @if(!empty(auth('backend')->user()->ward_id))
                                        @if(auth('backend')->user()->ward_id == $ward->wardid)
                                        selected
                                        @endif
                                        @endif

                                        value="{{ $ward->wardid }}">{{ $ward->name }}</option>
                            @endforeach

                        @endif
                    </select>
                </div>
            </div>
        </div>
        {{--<div class="row">--}}
        {{--<div class="col-md-4">--}}

        {{--<div class="form-group">--}}
        {{--<label>Chủ sở hữu <span class="required" aria-required="true"> (*) </span></label>--}}
        {{--<input type="text" class="form-control" name="owner_name" value="{{--}}

        {{--empty(auth('backend')->user()->name) ? auth('backend')->user()->first_name.' '.auth('backend')->user()->last_name : auth('backend')->user()->name }}">--}}
        {{--</div>--}}
        {{--</div>--}}
        {{--<div class="col-md-4">--}}

        {{--<div class="form-group">--}}
        {{--<label>Số CMTND <span class="required" aria-required="true"> (*) </span></label>--}}
        {{--<input type="text" class="form-control" name="owner_id_number"--}}
        {{--value="{{ auth('backend')->user()->id_number }}">--}}
        {{--</div>--}}
        {{--</div>--}}
        {{--<div class="col-md-4">--}}

        {{--<div class="form-group">--}}
        {{--<label>Số điện thoại <span class="required" aria-required="true"> (*) </span></label>--}}
        {{--<input type="text" class="form-control" name="owner_phone"--}}
        {{--value="{{ auth('backend')->user()->phone }}">--}}
        {{--</div>--}}
        {{--</div>--}}
        {{--</div>--}}
        <div class="row">

            <div class="col-md-12">
                <div class="row">
                    {{--<div class="col-md-4">--}}

                    {{--<div class="form-group">--}}
                    {{--<label>Email</label>--}}
                    {{--<input type="text" class="form-control" name="owner_email"--}}
                    {{--value="{{ auth('backend')->user()->email }}">--}}
                    {{--</div>--}}
                    {{--</div>--}}
                    <div class="col-md-6">

                        <div class="form-group">
                            <label>Tiền điện trên 1 kwH </span>
                            </label>
                            <input type="text" class="form-control" name="electric_price" value="0" placeholder="4000">
                        </div>
                    </div>
                    <div class="col-md-6">

                        <div class="form-group">
                            <label>Tiền nước trên 1 khối </span>
                            </label>
                            <input type="text" class="form-control" name="water_price" value="0" placeholder="20000">
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="row">

            <div class="col-md-12">
                <div class="row">
                    {{--<div class="col-md-4">--}}

                    {{--<div class="form-group">--}}
                    {{--<label>Email</label>--}}
                    {{--<input type="text" class="form-control" name="owner_email"--}}
                    {{--value="{{ auth('backend')->user()->email }}">--}}
                    {{--</div>--}}
                    {{--</div>--}}
                    <div class="col-md-6">

                        <div class="form-group">
                            <label>Ngày ghi chỉ số điện nước <span class="required" aria-required="true"> (*) </span>

                                <a href="#explain-date-ew" data-toggle="modal"><span
                                            class="glyphicon glyphicon-question-sign"></span></a>
                            </label>
                            <select class="form-control select2" name="date_ew" id="add-hostel-date-ew">
                                @for($i = 1; $i <= 31; $i++)
                                    <option value="{{ $i }}"> {{ $i }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">

                        <div class="form-group">
                            <label>Ngày chốt sổ - tính phí <span class="required" aria-required="true"> (*) </span>

                                <a href="#explain-date-money" data-toggle="modal"><span
                                            class="glyphicon glyphicon-question-sign"></span></a>
                            </label>
                            <select class="form-control select2" name="date_money">
                                @for($i = 1; $i <= 31; $i++)
                                    <option value="{{ $i }}"> {{ $i }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">

                    <div class="mt-checkbox-list">
                        <label class="mt-checkbox">
                            <input type="checkbox" name="is_display" checked> Hiển thị trên cổng thông tin itro
                            <span></span>
                        </label>
                    </div>

                </div>
            </div>
        </div>


        <input type="hidden" name="lat" id="lat">
        <input type="hidden" name="lng" id="lng">
    </div>
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#tab_1_1" data-toggle="tab" aria-expanded="true"> Tiện ích </a>
        </li>
        <li>
            <a href="#tab_1_2" data-toggle="tab" aria-expanded="false"> Nội quy </a>
        </li>
        <li>
            <a href="#tab_1_3" data-toggle="tab" aria-expanded="false"> Vị trí trên bản đồ </a>
        </li>
        <li>
            <a href="#tab_1_4" data-toggle="tab" aria-expanded="false"> Hình ảnh </a>
        </li>
        <li>
            <a href="#tab_1_5" data-toggle="tab" aria-expanded="false"> Mô tả chi tiết </a>
        </li>

    </ul>
    <div class="tab-content">
        <div class="tab-pane fade active in" id="tab_1_1">
            <div class="row">

                @foreach($amenities as $amenity)
                    <div class="col-md-3">

                        <label class="mt-checkbox mt-checkbox-outline" style="width: 100%">
                            <input type="checkbox" name="amenities[]" value="{{ $amenity->id }}">

                            @if(!empty($amenity->web_image))
                                <img src="/files/{{ $amenity->web_image }}" class="svg"
                                     style="max-height: 18px; max-width: 18px; margin-right: 3px">
                            @else
                                <img src="/frontend3/amenity.svg" class="svg"
                                     style="max-height: 18px; max-width: 18px; margin-right: 3px">
                            @endif

                            {{ $amenity->name }}
                            <span></span>
                        </label>

                    </div>
                @endforeach


                <div class="col-md-12 text-center">
                    <hr style="border-top: 1px dashed">
                    <p>Nếu nhà của bạn có tiện ích không xuất hiện trong danh sách. Hãy ấn nút "Bổ sung tiện ích" để
                        thêm</p>
                    <button class="btn btn-success" id="btn-add-amenity-hostel">Bổ sung tiện ích</button>
                </div>

                <div class="col-md-12">
                    <div class="row" id="user_amenities">

                    </div>
                </div>


            </div>
        </div>
        <div class="tab-pane fade" id="tab_1_2">
            <div class="row">

                @foreach($policies as $policy)
                    <div class="col-md-4">

                        <label class="mt-checkbox mt-checkbox-outline ws-nr" style="width: 100%">
                            <input type="checkbox" name="policies[]" value="{{ $policy->id }}">

                            @if(!empty($policy->web_image))
                                <img src="/files/{{ $policy->web_image }}" class="svg"
                                     style="max-height: 18px; max-width: 18px; margin-right: 3px">
                            @else
                                <img src="/frontend3/policy.svg" class="svg"
                                     style="max-height: 18px; max-width: 18px; margin-right: 3px">
                            @endif

                            {{ $policy->name }}
                            <span></span>
                        </label>

                    </div>
                @endforeach
                <div class="col-md-12 text-center">
                    <hr style="border-top: 1px dashed">
                    <p>Nếu nhà của bạn có nội quy không xuất hiện trong danh sách. Hãy ấn nút "Bổ sung nội quy" để
                        thêm</p>
                    <button class="btn btn-success" id="btn-add-policy-hostel">Bổ sung nội quy</button>
                </div>
                <div class="col-md-12">
                    <div class="row" id="user_policies">

                    </div>
                </div>

            </div>
        </div>
        <div class="tab-pane fade" id="tab_1_3">
            <div class="row">
                <div class="col-md-12">
                    <button class="btn btn-success" type="button" id="btn-get-current-position"
                            style="margin-top: 10px; margin-bottom: 10px; display: inline-block">Lấy tọa độ hiện tại
                    </button>

                    <label class="control-label" style="display: inline-block; margin-left: 15px; margin-right: 15px">Hoặc
                        nhập vị trí tương đối xung quanh</label>
                    <div class="form-group" style="display: inline-block; width: 300px">
                        <input type="text" class="form-control" id="query_place" >
                    </div>


                </div>
            </div>


            <div id="map">

            </div>
        </div>
        <div class="tab-pane fade" id="tab_1_4">

            <div class="center text-center" style="margin-top: 15px">

                <p>Hãy chọn ít nhất 1 hình ảnh thật về nhà của bạn để tin đăng hấp dẫn hơn và giúp giúp khách thuê thấy được ảnh nhà của bạn</p>
                <button class="btn btn-success" id="btn-add-image-hostel">Thêm ảnh nhà</button>
                <hr style="border-top: 1px dashed">
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="row" id="hostel_images">
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="tab_1_5">
            <textarea class="form-control ckeditor" name="desc" rows="6"></textarea>
        </div>
    </div>

</form>