<form action="#" id="form-edit-renter">
    <input type="hidden" name="room_id" value="{{ $renterDt->room_id }}">
    <input type="hidden" name="renter_id" value="{{ $renter->id }}">
    @php $contract = \App\Models\Contract::query()->where('room_id', $renterDt->room_id )->where('renter_id', $renter->id)->first();
    $renter2 = \App\Models\Renter::query()->where('user_id', $renter->id)->first();
    @endphp
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-9">
                    <!-- BEGIN Portlet PORTLET-->
                    <div class="portlet box blue-hoki">
                        <div class="portlet-title">
                            <div class="caption">
                                Thông tin khách hàng
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="form-body">
                                <div class="form-group">
                                    <label>Họ tên</label>
                                    <input type="text" class="form-control" name="name" value="{{ !empty($contract) ? $contract->name : $renter->name }}">
                                </div>
                                <div class="form-group">
                                    <label>CMTND</label>
                                    <input type="text" class="form-control" name="id_number"
                                           value="{{ !empty($contract) ? $contract->id_number : $renter->id_number }}">
                                </div>
                                <div class="form-group">
                                    <label>SĐT</label>
                                    <input type="text" class="form-control" name="phone" value="{{ !empty($contract) ? $contract->phone :  $renter->phone }}">
                                </div>

                                <div class="form-group">
                                    <label>Ngày vào</label>
                                    <input type="text" class="form-control datepicker" name="date_join" value="{{ empty($renterDt->date_joined) ? null : $renterDt->date_joined->format('d/m/Y') }}">
                                </div>
                                <div class="form-group">
                                    <label>Ngày sinh</label>
                                    <input type="text" class="form-control datepicker" name="birthday" value="{{ $birthday }}">
                                </div>
                                <div class="form-group">
                                    <label>Địa chỉ</label>
                                    <input type="text" class="form-control" name="address" value="{{ empty($renter->address) ? null : $renter->address }}">
                                </div>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-4">
                                        <div class="form-group">
                                            <label>Tỉnh / Thành phố</label>
                                            <select class="form-control select2" name="province_id" id="province1">
                                                <option value="" selected>Chọn tỉnh / thành phố</option>
                                                @php $provinces = \App\Components\Functions::getProvinces(); @endphp

                                                @foreach($provinces as $province)
                                                    <option @if($province->provinceid == $renter->province_id) selected @endif
                                                    value="{{ $province->provinceid }}">{{ $province->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-4">
                                        <div class="form-group">
                                            <label>Quận / Huyện</label>
                                            <select class="form-control select2" name="district_id" id="district1">
                                                @php if(!empty($renter->province_id)) {
                            $districts = DB::table('district')->where('provinceid', $renter->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 == $renter->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-xs-12 col-sm-4">
                                        <div class="form-group">
                                            <label>Phường / Xã</label>
                                            <select class="form-control select2" name="ward_id" id="ward1">
                                                @php if(!empty($renter->district_id)) {
                            $wards = DB::table('ward')->where('districtid', $renterDt->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 == $renter->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 class="form-group">
                                    <label>Khai báo tạm trú</label>
                                    <select class="form-control" name="residence_status" id="edit-renter-residence-status">
                                        <option value="{{ \App\Models\RenterRoom::RESIDENCE_NOT_DECLARE }}"
                                                @if($renterDt->residence_status == \App\Models\RenterRoom::RESIDENCE_NOT_DECLARE) selected="" @endif>
                                            Chưa khai báo
                                        </option>
                                        <option value="{{ \App\Models\RenterRoom::RESIDENCE_LIMIT }}"
                                                @if($renterDt->residence_status == \App\Models\RenterRoom::RESIDENCE_LIMIT) selected="" @endif>
                                            Tạm trú có thời hạn
                                        </option>
                                        <option value="{{ \App\Models\RenterRoom::RESIDENCE_NOT_LIMIT }}"
                                                @if($renterDt->residence_status == \App\Models\RenterRoom::RESIDENCE_NOT_LIMIT) selected="" @endif>
                                            Tạm trú không có thời hạn
                                        </option>
                                    </select>
                                </div>

                                <div class="form-group" id="edit-renter-date-end-residence">
                                    <label>Thời hạn tạm trú</label>
                                    <input type="text" class="form-control datepicker" name="date_end_residence"
                                           value="{{ empty($renterDt->date_end_residence) ? null : $renterDt->date_end_residence->format('d/m/Y') }}">
                                </div>



                                <div class="form-group">
                                    <label>Danh sách xe</label>
                                    @if($bikes->count() > 0)

                                        <div class="table-scrollable">
                                            <table class="table table-bordered table-hover">
                                                <thead>
                                                <tr>
                                                    <th> STT</th>
                                                    <th> Tên xe</th>
                                                    <th> Loại xe</th>
                                                    <th> Biển số xe</th>
                                                    <th> Hành động</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($bikes as $bike)
                                                    <tr>
                                                        <td> {{ $loop->index + 1 }} </td>
                                                        <td> {{ $bike->name }} </td>
                                                        <td> {{ $bike->type_text }} </td>
                                                        <td> {{ $bike->bks }} </td>
                                                        <td>
                                                            <a href="#" class="btn btn-sm btn-default btn-edit-bikes" data-id="{{ $bike->id }}" data-renter="{{ $renter->id }}" data-room="{{ $renterDt->room_id }}"><i
                                                                        class="fa fa-pencil" ></i> Sửa</a>
                                                            <a href="#" class="btn btn-sm btn-default btn-delete-bike"  data-id="{{ $bike->id }}" data-renter="{{ $renter->id }}" data-room="{{ $renterDt->room_id }}"><i
                                                                        class="fa fa-trash"></i> Xóa</a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endif

                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <button class="btn btn-success" id="btn-add-bike" data-room="{{ $renterDt->room_id }}" data-renter="{{ $renter->id }}">Thêm xe</button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12" id="renter-bikes">

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END Portlet PORTLET-->
                </div>
                <div class="col-md-3">

                    <div class="form-group">
                        <label class="">Ảnh đại diện khách hàng</label>
                        <div class="">
                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="fileinput-new thumbnail" style="max-width: 250px">
                                    <img src="{{ empty($renter2->image) ? '/frontend3/assets/img/placeholder.png' : '/files/'.$renter2->image }}"
                                         alt=""/></div>
                                <div class="fileinput-preview fileinput-exists thumbnail"
                                     style="max-width: 400px; max-height: 500px;"></div>
                                <div>
                            <span class="btn default btn-file">
                                <span class="fileinput-new"> Chọn ảnh </span>
                                                                   <span class="fileinput-exists"> Thay đổi </span>
                                                                   <input type="file" name="image"> </span>
                                    <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
                                        Xóa </a>
                                </div>
                            </div>
                            <div class="clearfix margin-top-10">

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

                </div>
            </div>

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