@extends('admin')

@section('styles')

    <link href="/assets/css/fileinput.min.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/pages/css/search.min.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-toastr/toastr.min.css" rel="stylesheet" type="text/css"/>
    <link href="/css/bootstrap-tagsinput.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <style>
        #myMap {
            height: 350px;
            width: auto;
        }
    </style>

@endsection

@section('content')
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif
    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>Thông tin {{ $user->name }}
            </div>
        </div>
        <div class="portlet-body">
            <div class="tabbable-custom nav-justified">
                <ul class="nav nav-tabs nav-justified">
                    <li class="active">
                        <a href="#tab_1_1_1" data-toggle="tab"> Thông tin cá nhân </a>
                    </li>
                    <li>
                        <a href="#tab_1_1_2" id="tab-2" data-toggle="tab"> Thông tin nhân thân </a>
                    </li>
                    {{--<li>--}}
                    {{--<a href="#tab_1_1_3" id="tab-3" data-toggle="tab"> Danh sách khách thuê </a>--}}
                    {{--</li>--}}
                    {{--<li>--}}
                    {{--<a href="#tab_1_1_4" id="tab-4" data-toggle="tab"> Chi phí chung nhà trọ </a>--}}
                    {{--</li>--}}
                </ul>
                <div class="tab-content">
                    <form action="{{ url('admin/account/update-renter-status') }}" method="post">
                    <div class="tab-pane active" id="tab_1_1_1">
                        <div class="row">
                            <div class="col-lg-6">

                                <div class="form-body">

                                    <div class="form-group">
                                        <label class="control-label">Ảnh đại
                                            diện</label>

                                        <div>
                                            <div class="fileinput fileinput-new"
                                                 data-provides="fileinput">

                                                <div class="fileinput-new thumbnail"
                                                     style="max-width: 200px;">
                                                    <img src="{{ $user->image }}"
                                                         alt=""></div>
                                                <div class="fileinput-preview fileinput-exists thumbnail"
                                                     style="max-width: 250px; max-height: 300px;"></div>
                                                {{--<div>--}}
                                                                            {{--<span class="btn default btn-file">--}}
                                                                                {{--<span class="fileinput-new"> Chọn hình ảnh </span>--}}
                                                                                {{--<span class="fileinput-exists"> Thay đổi </span>--}}
                                                                                {{--<input type="file" name="image"> </span>--}}
                                                    {{--<a href="javascript:;"--}}
                                                       {{--class="btn default fileinput-exists"--}}
                                                       {{--data-dismiss="fileinput"> Xóa </a>--}}
                                                {{--</div>--}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Họ tên</label>
                                        <div>
                                            <input type="text" name="name" class="form-control" disabled
                                                   value="{{$user->name }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Ngày sinh</label>
                                        <div>
                                            <input type="text" name="name" class="form-control" disabled
                                                   value="{{$user->birthday }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Giới tính</label>
                                        <div>
                                            <input type="text" name="name" class="form-control" disabled
                                                   value="{{$user->gender }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>SĐT</label>
                                        <div>
                                            <input type="text" name="name" class="form-control" disabled
                                                   value="{{$user->phone }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Email</label>
                                        <div>
                                            <input type="text" name="name" class="form-control" disabled
                                                   value="{{$user->email }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>CMTND / CCCD</label>
                                        <div>
                                            <input type="text" name="name" class="form-control" disabled
                                                   value="{{$user->id_number }}">
                                        </div>
                                    </div>

                                </div>

                            </div>
                            <div class="col-lg-6">
                                <div class="form-body">
                                    <div class="form-group">
                                        <label>Hộ khẩu thường trú</label>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <select class="form-control select2" name="residence_province" disabled>

                                                    <option>Chọn tỉnh / thành phố</option>
                                                    @php $cities = \App\Components\Functions::getProvinces(); @endphp
                                                    @foreach($cities as $city)
                                                        <option @if($user->residence_province == $city->provinceid) selected=""
                                                                @endif
                                                                value="{{ $city->provinceid }}">{{ $city->name }}</option>
                                                    @endforeach

                                                </select>
                                            </div>
                                            <div class="col-md-4">
                                                <select class="form-control" disabled name="residence_district">

                                                    <option>Chọn quận / huyện</option>
                                                    @if($user->residence_district)
                                                        @php $district = \App\Components\Functions::getDistrictName($user->residence_district) @endphp
                                                        @if($district)
                                                            <option selected=""
                                                                    value="{{ $user->residence_district }}">{{$district }}</option>
                                                        @endif
                                                    @endif

                                                </select>
                                            </div>
                                            <div class="col-md-4">
                                                <select class="form-control" disabled name="residence_district">

                                                    <option>Chọn phường / xã</option>
                                                    @if($user->residence_ward)
                                                        @php $ward = \App\Components\Functions::getWardName($user->residence_ward) @endphp
                                                        @if($ward)
                                                            <option selected=""
                                                                    value="{{ $user->residence_ward }}">{{$ward }}</option>
                                                        @endif
                                                    @endif

                                                </select>
                                            </div>
                                        </div>
                                        <div class="row" style="margin-top: 15px">
                                            <div class="form-group">

                                                <div class="col-md-12">
                                                    <label>Địa chỉ hộ khẩu thường trú</label>
                                                    <input type="text" name="water_price" id="water_price"
                                                           class="form-control" disabled
                                                           placeholder="" value="{{ $user->residence }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Dân tộc</label>
                                        <div>
                                            <input type="text" name="water_price" id="water_price" class="form-control" disabled
                                                   placeholder="" value="{{ $user->folk }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Quốc tịch</label>
                                        <div>
                                            <input type="text" name="water_price" id="water_price" class="form-control" disabled
                                                   placeholder="" value="{{ $user->nation }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Tôn giáo</label>
                                        <div>
                                            <input type="text" name="water_price" id="water_price" class="form-control" disabled
                                                   placeholder="" value="{{ $user->religion }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Trình độ học vấn</label>
                                        <div>
                                            <input type="text" name="water_price" id="water_price" class="form-control" disabled
                                                   placeholder="" value="{{ $user->academic_level }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Nghề nghiệp</label>
                                        <div>
                                            <input type="text" name="water_price" id="water_price" class="form-control" disabled
                                                   placeholder="" value="{{ $user->job }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Nơi làm việc</label>
                                        <div>
                                            <input type="text" name="water_price" id="water_price" class="form-control" disabled
                                                   placeholder="" value="{{ $user->job_address }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Ngày vào phòng</label>
                                        <div>
                                            <input type="text" name="date_joined" id="date_joined" class="form-control datepicker"
                                                   placeholder="" value="{{ $user->date_joined }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>Tình trạng đăng ký tạm trú</label>
                                        <div>
                                            <select class="form-control" name="residence_status">
                                                <option @if(!$user->residence_status) selected="" @endif value="0">Chưa đăng ký</option>
                                                <option @if($user->residence_status) selected="" @endif value="1">Đã đăng ký</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-actions right">
                                    <button type="submit" class="btn green">Lưu</button>
                                </div>
                            </div>

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

                        </div>
                    </div>
                        <input type="hidden" name="user_id" value="{{ $user->id }}">

                        {!! csrf_field() !!}

                    </form>

                    <div class="tab-pane" id="tab_1_1_2">

                        {{--<form action="{{url('admin/hostel/update', ['id' => $hostel->id])}}" id="create-form"--}}
                        {{--class="form-horizontal"--}}
                        {{--method="post"--}}
                        {{--enctype="multipart/form-data">--}}

                        {{--{{ csrf_field() }}--}}




                        {{--</form>--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>

    $('.datepicker').datepicker({
        format: 'dd/mm/yyyy',
      //  autoclose: true
    })

</script>
@endpush