@extends('owner.layouts.master')

@section('page_title', __('admin.Edit :name' , ['name' =>  __('admin.Property Profile')]))

@section('page_heading', __('admin.Edit :name' , ['name' =>  __('admin.Property Profile')]))

@section('page_text', __('admin.Edit :name' , ['name' =>  __('admin.Property Profile')]))

@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="main-card mb-3 card">
                <div class="card-body">

                    <div class="row">
                        <div class="col-md-8">
                            {!! Form::model($propertyprofile, ['method' => 'PATCH','route' => ['owner.propertyprofile.update', $propertyprofile->id], 'files' =>  true]) !!}

                            <div class="form-group">
                                <label for="name" class="form-label">@lang('admin.Domain') URL</label>
                                {!! Form::text('url', $propertyprofile->url, array('required'=>'required','placeholder' => $propertyprofile->url,'class' => 'form-control')) !!}
                            </div>
                            <div class="form-group">
                                <label for="name" class="form-label">@lang('admin.Primary Color')</label>
                                {!! Form::text('primary_color', $propertyprofile->primary_color, array('required'=>'required','placeholder' => $propertyprofile->primary_color,'class' => 'form-control' ,  'id' => 'primary')) !!}
                            </div>
                            <div class="form-group">
                                <label for="name" class="form-label">@lang('admin.Secondary Color')</label>
                                {!! Form::text('secondary_color', $propertyprofile->secondary_color, array('required'=>'required','placeholder' => $propertyprofile->secondary_color,'class' => 'form-control input-lg' , 'id' => 'secondary')) !!}
                            </div>
                            <div class="form-group">
                                <label for="name" class="form-label">@lang('admin.Logo')</label>
                                {!!Form::file('logo', array('class' => 'form-control input-lg'))!!}
                            </div>
                            <div class="form-group">
                                <label for="bio" class="form-label">@lang('admin.Bio')</label>
                                {!! Form::textarea('bio', $propertyprofile->bio, ['class' => 'form-control','id'=>'editor']) !!}
                            </div>
                            <div class="form-group">
                                <div class="divider"></div>
                                <div class="clearfix">
                                    <button type="button" id="reset-btn"
                                            class="btn-shadow float-left btn btn-link">@lang('admin.Reset')
                                    </button>
                                    <button type="submit" id="next-btn"
                                            class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                        @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('owner.propertyprofile.index') }}" id="prev-btn"
                                       class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @push('stylesheets')
        <link href="{{ asset('css/bootstrap-colorpicker.css') }}" rel="stylesheet">
    @endpush
    <script type="text/javascript" src="{{ asset('js/bootstrap-colorpicker.min.js') }}"></script>
    <script>
        jQuery(document).ready(function ($) {
            $('#primary').colorpicker({format: "hex"});
            $('#secondary').colorpicker({format: "hex"});
        });
    </script>
@endsection
@push('script')
    <script type="text/javascript" src="{{ asset('dashboard/assets/plugins/ckeditor5/build/ckeditor.js') }}"></script>
    <style>

        .ck-editor__editable {
            min-height: 400px !important;
        }

    </style>

    <script>
        let editor = null;
        ClassicEditor.create(document.querySelector("#editor"), {
            minHeight: '300px',
            toolbar: {
                items: [
                    'heading',
                    '|',
                    'bold',
                    'italic',
                    'link',
                    'bulletedList',
                    'numberedList',
                    '|',
                    'blockQuote',
                    'undo',
                    'redo',
                    '|',
                    'fontBackgroundColor',
                    'fontColor'
                ]
            }
        })
            .then(editor => {
                //debugger;
                window.editor = editor;
            })
            .catch(error => {
                console.error( 'Oops, something went wrong!' );
                console.error( 'Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:' );
                console.warn( 'Build id: c9hbfp2bs1v-wet5yhckcfzp' );
                console.error( error );
            });

    </script>

@endpush