<form role="form" id="form-edit-hostel-post-crawl-item">
    <input type="hidden" name="id" value="{{ $hostel->id }}">
    <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="title" value="{{ $hostel->title }}">
                </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 @if($hostel->type == $hostelType->id) selected=""
                                    @endif value="{{ $hostelType->id }}">{{ $hostelType->name }}</option>
                        @endforeach

                    </select>
                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-md-6">

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

                <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="user_post_phone" value="{{ $hostel->user_post_phone }}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label>Địa chỉ <span class="required" aria-required="true"> (*) </span></label>
                    <input type="text" class="form-control" name="address" value="{{ $hostel->address }}">
                    <span class="help-block"> (Không nhập địa chỉ Phường, Xã, Tỉnh, Thành phố) </span>
                </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">
                        @foreach($provinces as $province)
                            <option @if($province->provinceid == $hostel->province_id) selected @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">

                        @php if(!empty($hostel->province_id)) {
                            $districts = DB::table('district')->where('provinceid', $hostel->province_id)->get();
                        } else {
                            $districts = null;
                        }@endphp

                        @if(!empty($districts))
                            <option value="" selected disabled>Quận / Huyện</option>
                            @foreach($districts as $district)
                                <option @if($district->districtid == $hostel->district_id) selected=""
                                        @endif value="{{ $district->districtid }}">{{ $district->name }}</option>
                            @endforeach
                        @else
                            <option value="" selected disabled>Quận / Huyện</option>
                        @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">
                        @php if(!empty($hostel->district_id)) {
                            $wards = DB::table('ward')->where('districtid', $hostel->district_id)->get();
                        } else {
                            $wards = null;
                        }@endphp

                        @if(!empty($wards))

                            <option value="" selected disabled>Xã / Phường</option>
                            @foreach($wards as $ward)
                                <option @if($ward->wardid == $hostel->ward_id) selected=""
                                        @endif value="{{ $ward->wardid }}">{{ $ward->name }}</option>
                            @endforeach
                        @else
                            <option value="" selected disabled>Xã / Phường</option>
                        @endif
                    </select>
                </div>
            </div>
        </div>
    </div>
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#edit_tab_1_3" data-toggle="tab" aria-expanded="false"> Vị trí trên bản đồ </a>
        </li>
        <li>
            <a href="#edit_tab_1_4" data-toggle="tab" aria-expanded="false"> Hình ảnh </a>
        </li>
        <li>
            <a href="#edit_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 in active" id="edit_tab_1_3">
            <button class="btn btn-success" type="button" id="btn-get-current-position-edit"
                    style="margin-top: 10px; margin-bottom: 10px">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_edit">
            </div>
            <div id="map_edit">

            </div>
            <input type="hidden" name="lat" id="lat-e" value="{{ $hostel->lat }}">
            <input type="hidden" name="lng" id="lng-e" value="{{ $hostel->lng }}">
        </div>
        <div class="tab-pane fade" id="edit_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 nhà trọ hấp dẫn hơn và giúp người tìm--}}
            {{--                    trọ thấy được ảnh nhà của bạn</p>--}}
            {{--                <button class="btn btn-success" id="btn-add-edit-image-hostel">Thêm ảnh nhà</button>--}}
            {{--                <hr style="border-top: 1px dashed">--}}
            {{--            </div>--}}
            @php
                $images = \App\Models\HostelPostCrawlMedia::query()->where('hostel_post_crawl_id', $hostel->id)->get(); @endphp

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

                        @if($images->count() > 0)
                            @foreach($images as $image)
                                <div class="col-sm-6 col-md-3" style="margin-top: 15px">
                                    <i class="fa fa-trash btn-delete-hostel-image" data-id="{{ $image->id }}" style="position: absolute; top: 0px; right: 0px; padding: 10px 10px;
    font-size: 18px; margin-right: 15px;
    background: red; color: white"></i>
                                    <a href="javascript:;" class="thumbnail"
                                       style="width: 100%; height: 179px; background-image: url('{{ $image->media }}');
                                               background-size: contain; background-repeat: no-repeat">
                                        {{--<img src="/files/{{ $image->image }}"--}}
                                        {{--alt="100%x180" style="height: 180px; width: 100%; display: block;"--}}
                                        {{-->--}}
                                    </a>
                                </div>
                            @endforeach
                        @endif
                    </div>

                </div>
            </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="edit_tab_1_5">
            <textarea class="form-control ckeditor" name="content" rows="6">{!!  $hostel->content !!}</textarea>
        </div>
    </div>

</form>