@extends('layouts.app')
@section('content')
    <div class="table-responsive custom-table-s1">
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>FAQ Question Edit</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card forms-card">
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form class="m-form m-form--state" name="frm-create" id="frm-create"
                                                method="post" action="/admin/FAQ/edit/{{$all_list->id}}"
                                                enctype="multipart/form-data">
                                                @csrf
                                                <div class="outer-div">
                                                    <div class="inner-div">
                                                        <div class="form-group ">



                                                            <div
                                                                class="form-group @if ($errors->has('lang')) has-error @endif">
                                                                <label class="text-label" for="address">
                                                                    @if ($errors->has('lang'))
                                                                        <i class="fa fa-times-circle-o"
                                                                            style="color:red;"></i>
                                                                    @endif Language
                                                                </label>


                                                                <select class="form-control w-50" name="lang" disabled>
                                                                    <option value="">--Choose Language--</option>
                                                                    <option value="en" @if($all_list->lang_type == "en") selected @endif>English</option>
                                                                    <option value="fr" @if($all_list->lang_type == "fr") selected @endif>French</option>
                                                                    <option value="sp" @if($all_list->lang_type == "sp") selected @endif>Spanish</option>
                                                                </select>
                                                                @error('lang')
                                                                    <div class="error" style="color:red;">{{ $message }}
                                                                    </div>
                                                                @enderror
                                                            </div>
                                                          
                                                                <div
                                                                    class="form-group @if ($errors->has('title')) has-error @endif">
                                                                    <label class="text-label" for="name">
                                                                        @if ($errors->has('name'))
                                                                            <i class="fa fa-times-circle-o"
                                                                                style="color:red;"></i>
                                                                        @endif Question
                                                                    </label>

                                                                    <input type="text" name="question"
                                                                        class="form-control" style="width: 70%" disabled value="{{$all_list->question}}"> 

                                                                    @error('name')
                                                                        <div class="error" style="color:red;">
                                                                            {{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                           

                                                            <div
                                                                class="form-group @if ($errors->has('body')) has-error @endif">
                                                                <label class="text-label" for="body">
                                                                    @if ($errors->has('body'))
                                                                        <i class="fa fa-times-circle-o"
                                                                            style="color:red;"></i>
                                                                    @endif Description
                                                                </label>


                                                                <textarea class="form-control" id="body" placeholder="Enter the Description" name="body">{!! html_entity_decode($all_list->answer) !!}</textarea>
                                                                @error('body')
                                                                    <div class="error" style="color:red;">{{ $message }}
                                                                    </div>
                                                                @enderror
                                                            </div>


                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="inner-div">
                                                    <div class="form-group">
                                                        <div class="d-flex justify-content-end">
                                                            <a href="/admin/FAQ"
                                                                class="btn btn-default  btn-form mr-3">Cancel</a>
                                                            <button type="submit"
                                                                class="btn btn-primary btn-form">Update</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
@endsection
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
<script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script>

<script>
    window.addEventListener("load", (e) => {
        ClassicEditor.create(document.querySelector('#body'))
            .then(editor => {
                console.log(editor);
            })
            .catch(error => {
                console.error(error);
            });


    });
</script>
<style>
    .ck-editor__editable_inline {
        min-height: 400px;
    }
</style>