@extends('layouts.uiMaster')

@section('title')
    LT-99 :: จัดการหน้าเว็บ
@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 method="POST" action="{{ route('article.edit')}}" enctype="multipart/form-data">
                            @csrf
                            <span class="mt-3"><strong class="text-danger">รูปภาพบทความ:</strong></span><br>
                                <img id="imgShow" src="{{asset('storage/'.$article->picture)}}" class="mb-3 " width="300">
                                <div class="form-group mb-3">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1">ไฟล์รูป</span>
                                        </div>
                                        <input type="file" onchange="readInputPc(this);"  name="picture" class="form-control" >
                                    </div>
                                </div>
                                <div class="form-group mb-3">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">หัวข้อบทความ</span>
                                        </div>
                                        <input type="text" name="title" value="{{$article->title}}" class="form-control" placeholder="หัวข้อ" >
                                        <input type="hidden" name="id" value="{{$article->id}}"  >
                                    </div>
                                </div>
                                <div class="form-group">
                                    <textarea name="editor1" id="" >{{$article->description}}</textarea>
                                   
                                </div>
                                
                            
                            <div class="form-inline ml-auto">
                                <button type="submit" class="btn  ml-auto btn-success">แก้ไขบทความ</button>
                                <a href="{{ route('uiManage.articles')}}" class="btn btn-warning text-white" >ยกเลิก</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
         
        </div>

    
@endsection

@section('scripts')
    <script src="https://cdn.ckeditor.com/4.15.1/standard/ckeditor.js"></script>
    <script>
        $( document ).ready(function() {
            CKEDITOR.replace( 'editor1' );
        });
        
    </script>
    <script type="text/javascript">

    function readInputPc(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

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

            reader.readAsDataURL(input.files[0]);
        }
    }
    </script>
@endsection