@extends('layouts.uiMaster')

@section('title')
    LT-168 :: จัดการหน้าเว็บ
@endsection

@section('sub_title')
    จัดการหน้าเว็บ
@endsection

@section('content')
    <div class="row justify-content-center">

        <div class="col-md-12">
            <div class="card">
                <div class="card-header form-inline border-0">
                    <h3>จัดการเกี่ยวกับเรา</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('about.aboutEdit') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row m-0">
                            <div class="col-sm-12 col-lg-8">
                                <textarea name="editor1">{{ $about->description ?? null }}</textarea>
                            </div>
                            {{-- <input type="hidden" name="id" value="{{ $about->id }}">
                            --}}
                            <div class="col-sm-12 col-lg-4">
                                <div class="form-group mt-3">
                                    <file-input alignment="vertical" class="d-block border" css="{{ asset('assets/css/argon.mine209.css') }}">
                                        <input slot="input" accept="image/*" type="file" name="picture" class="form-control-file form-control-sm p-0">
                                    </file-input>
                                </div>
                            </div>
                        </div>
                        <div class="form-inline mt-5">
                            <button type="submit" class="btn btn-success w-100">บันทึก</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script src="https://cdn.ckeditor.com/4.15.1/standard/ckeditor.js"></script>
    <script>
        CKEDITOR.replace('editor1');
        CKEDITOR.editorConfig = function(config) {
            // misc options
            config.height = '1000px';
        };

    </script>
    <script type="text/javascript">
        function readInputPc(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#imgInputPc').attr('src', e.target.result);
                };

                reader.readAsDataURL(input.files[0]);
            }
        }

    </script>
@endsection