@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 partner: {{ $partner->name_text }}
    </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/partner/edit', ['id'=> $partner->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="{{ $partner->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="row">
                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="Họ (*)" name="first_name"
                                                               required="" value="{{ $partner->first_name }}">
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="Tên (*)" name="last_name"
                                                               required="" value="{{ $partner->last_name }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="SĐT (*)" name="phone"
                                                               required="" id="phone" value="{{ $partner->phone }}">
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="Email (*)" name="email"
                                                               required="" id="email" value="{{ $partner->email }}">
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row">
                                                <div class="col-xs-12 col-sm-12">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="Công ty" name="partner_company" value="{{ $partner->partner_company }}" id="partner_company">
                                                    </div>
                                                </div>

                                            </div>


                                            <input type="hidden" value="{{ \App\User::PARTNER }}" name="type">
                                            <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