@extends('admin')


@section('styles')
    <link href="/assets/pages/css/profile.min.css" rel="stylesheet" type="text/css"/>

@endsection

@section('content')
    @include('admin.flash_message')
    <h1 class="page-title"> Cập nhật chủ nhà trọ: {{ $user->name }}
    </h1>
    <div class="row">
        <div class="col-md-12">
            <div class="profile-content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light ">
                            <div class="portlet-title tabbable-line">
                                <ul class="nav nav-tabs">
                                    <li class="active">
                                        <a href="#tab_1_1" data-toggle="tab">Thông tin cá nhân</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="portlet-body">
                                <div class="tab-content">
                                    <!-- PERSONAL INFO TAB -->
                                    <div class="tab-pane active" id="tab_1_1">
                                        <form role="form" action="{{ url('admin/owner/update', ['id' => $user->id]) }}" enctype="multipart/form-data" method="post">
                                            {!! csrf_field() !!}
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label class="control-label">Ảnh đại diện</label>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-9">
                                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                                            <div class="fileinput-new thumbnail"
                                                                 style="width: 200px; height: 200px;">
                                                                <img src="{{ $user->image }}"
                                                                     alt=""></div>
                                                            <div class="fileinput-preview fileinput-exists thumbnail"
                                                                 style="max-width: 200px; max-height: 200px;"></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>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label">Tên chủ trọ</label>
                                                <input type="text" placeholder="Họ và tên" class="form-control"
                                                       name="name"  value="{{ $user->name }}"></div>
                                            <div class="form-group">
                                                <label class="control-label">SĐT</label>
                                                <input type="text" placeholder="SĐT" value="{{ $user->phone }}"
                                                       name="phone"
                                                       class="form-control"></div>
                                            <div class="form-group">
                                                <label class="control-label">Giới thiệu</label>
                                                <textarea class="form-control" rows="3" name="desc"
                                                          placeholder="Miêu tả">{{ $user->desc }}</textarea>
                                            </div>
                                            <div class="margiv-top-10">
                                                <button type="submit" class="btn green"> Lưu </button>
                                            </div>
                                        </form>
                                    </div>
                                    <!-- END PERSONAL INFO TAB -->
                                    <!-- CHANGE AVATAR TAB -->
                                    <!-- END CHANGE AVATAR TAB -->
                                    <!-- CHANGE PASSWORD TAB -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PROFILE CONTENT -->
        </div>
    </div>
@endsection

@push('scripts')
<script>

    $('#select-multiple').select2({
        multiple: true,
        minimumInputLength: 2,
        placeholder: "Vui lòng chọn",
        ajax: {
            url: '{{ url('admin/course/get-list-course') }}',
            dataType: 'json',
            data: function (params) {
                var query = {
                    search: params.term,
                };

                // Query parameters will be ?search=[term]&type=public
                return query;
            },
            type: 'GET',
            processResults: function(data) {
                return {
                    results: $.map(data, function(obj) {
                        return {
                            id: (obj.id),
                            text: (obj.name)
                        };
                    })
                };
            }, escapeMarkup: function (m) {
                return m;
            }
        }

    });

</script>
@endpush