@extends('layouts.md-admin')
@section('title', trans('global.editProfile'))
@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <h6>{{ trans('global.editProfile') }} </h6>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <div class="right-content">
                                <a href="{{ route('profile.password.myAccount') }}"
                                    class="btn btn-sm btn-dark">{{ trans('global.back') }}</a>
                            </div>
                        </div>
                    </div>
                </div>

                <form role="form" action="{{ route('profile.update.profile', $profile->id) }}"
                    class="text-start artical">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label class="form-label">{{ trans('cruds.user.fields.full_name') }} <span
                                    class="required">*</span></label>
                            <div class="input-group input-group-outline mb-3">
                                <input type="text" name="name" maxlength="255" value="{{ $profile->name }}"
                                    class="form-control" required>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label class="form-label">{{ trans('cruds.user.fields.mobile') }} <span
                                    class="required">*</span>
                            </label>
                            <div class="input-group input-group-outline mb-3">
                                <input type="text" name="mobile" maxlength="25" value="{{ $profile->mobile }}"
                                    class="form-control" onInput="this.value=this.value.replace(/[^0-9]/g,'');" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label class="form-label">{{ trans('cruds.user.fields.email') }} <span
                                    class="required">*</span></label>
                            <div class="input-group input-group-outline mb-3"> <input type="email" maxlength="100"
                                    name="email" class="form-control" value="{{ $profile->email }}" readonly>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label class="form-label">{{ trans('cruds.user.fields.address') }} <span
                                    class="required">*</span></label>
                            <div class="input-group input-group-outline mb-3">
                                <input type="text" maxlength="255" name="address" class="form-control"
                                    value="{{ $profile->address }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label class="form-label">{{ trans('cruds.user.fields.location') }}</label>
                            <div class="input-group input-group-outline mb-3">
                                <input type="text" maxlength="255" name="location" class="form-control"
                                    value="{{ $profile->location }}">
                            </div>
                        </div>
                    </div>
                    @can('user_profile_view')
                        <div class="row">

                            {{-- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <label class="form-label"> {{ trans('cruds.user.fields.login_status') }}
                                </label>
                                <div class="input-group input-group-outline mb-3">
                                    <select class="form-control" name="status" required>
                                        @foreach (App\Models\User::STATUS_SELECT as $key => $label)
                                            <option value="{{ $key }}"
                                                {{ old('status', $profile->status) === (string) $key ? 'selected' : '' }}>
                                                {{ $label }}
                                            </option>
                                        @endforeach
                                    </select>

                                </div>
                            </div> --}}
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <label class="form-label">{{ trans('cruds.user.fields.bio_data') }}</label>
                                <div class="input-group-outline mb-3">
                                    <textarea name="bio_data" class="form-control bibliographical ckeditor" required>{{ $profile->bio_data }}</textarea>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <label class="form-label">{{ trans('cruds.user.fields.area_of_expertise') }}</label>
                                <div class="input-group input-group-outline mb-3">
                                    <select name="area_expertise_user[]" class="form-control select2" multiple="multiple">
                                        @foreach ($areaExpertises as $id => $title)
                                            <option value="{{ $id }}"
                                                {{ in_array($id, old('area_expertise_user', [])) || $profile->area_expertise_user->contains($id) ? 'selected' : '' }}>
                                                {{ $title }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <label class="form-label">
                                    {{ trans('cruds.user.fields.acadamic_title') }}</label>
                                <div class="input-group input-group-outline mb-3">
                                    <select name="academic_user[]" class="form-control select2" multiple="multiple">
                                        @foreach ($acadamicTitles as $id => $title)
                                            <option value="{{ $id }}"
                                                {{ in_array($id, old('academic_user', [])) || $profile->academic_user->contains($id) ? 'selected' : '' }}>
                                                {{ $title }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endcan
                        <div>
                            <button class="btn btn-sm bg-gradient-dark float-left" type="submit">
                                {{ trans('global.update_save') }}
                            </button> &nbsp; <a href="{{ route('profile.password.myAccount') }}"
                                class="btn btn-sm btn-dark">{{ trans('global.back') }}</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>

@endsection
@section('scripts')
    <script src="//cdn.ckeditor.com/4.20.1/standard/ckeditor.js"></script>
    <script>
        CKEDITOR.replace('bio_data', {

            toolbarGroups: [{
                    name: 'document',
                    groups: ['mode', 'document', 'doctools']
                },
                {
                    name: 'clipboard',
                    groups: ['clipboard', 'undo']
                },
                {
                    name: 'editing',
                    groups: ['find', 'selection', 'spellchecker', 'editing']
                },
                {
                    name: 'forms',
                    groups: ['forms']
                },
                {
                    name: 'basicstyles',
                    groups: ['basicstyles', 'cleanup']
                },
                {
                    name: 'paragraph',
                    groups: ['list', 'indent', 'blocks', 'align', 'bidi', 'paragraph']
                },
                {
                    name: 'links',
                    groups: ['links']
                },
                {
                    name: 'insert',
                    groups: ['insert']
                },
                {
                    name: 'styles',
                    groups: ['styles']
                },
                {
                    name: 'colors',
                    groups: ['colors']
                },
                {
                    name: 'tools',
                    groups: ['tools']
                },
                {
                    name: 'others',
                    groups: ['others']
                },
                {
                    name: 'about',
                    groups: ['about']
                }

            ],
            removeButtons: 'Source,Paste,PasteText,PasteFromWord,Underline,Strike,Subscript,Superscript,RemoveFormat,Blockquote,Image,Table,HorizontalRule,SpecialChar,Format,Styles,Maximize,Save,NewPage,ExportPdf,Preview,Print,Undo,Redo,Find,Replace,SelectAll,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,CreateDiv,Language,Anchor,Smiley,PageBreak,Iframe,Templates,Cut,Copy,Scayt,ShowBlocks,Flash'
        });
    </script>
@endsection