@extends('layouts.app')

@section('content')
<div class="table-responsive custom-table-s1">
    @if(session()->has('message'))
        <div class="alert alert-success">{{ session()->get('message') }}</div>
    @endif

    @if(session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif

    <table class="participant_table" width="100%">
        <thead>
            <tr>
                <th>Update User Dashboard Content</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="{{ url('/backend/user-dashboard-content-update') }}">
                                            @csrf
                                            <div class="outer-div">
                                                <div class="inner-div">
                                                    
                                                    <div class="form-group row">
                                                        <div class="col-sm-12">
                                                            <label class="text-label" for="english_content">
                                                                English Content
                                                            </label>
                                                            <textarea name="english_content" id="english_content"
                                                                class="form-control @error('english_content') is-invalid @enderror"
                                                                rows="5">{!!@$UserDashboardContent->english_content!!}</textarea>
                                                            @error('english_content')
                                                            <div class="error"
                                                                style="color:red;">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="form-group row">
                                                        <div class="col-sm-12">
                                                            <label class="text-label" for="spanish_content">
                                                                Spanish Content
                                                            </label>
                                                            <textarea name="spanish_content" id="spanish_content"
                                                                class="form-control @error('spanish_content') is-invalid @enderror"
                                                                rows="5">{!!@$UserDashboardContent->spanish_content!!}</textarea>
                                                            @error('spanish_content')
                                                            <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">
                                                        <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

@push('scripts')
<script src="https://cdn.ckeditor.com/ckeditor5/33.0.0/classic/ckeditor.js"></script>
<script>
    ClassicEditor
        .create(document.querySelector('#english_content'))
        .catch(error => {
            console.error(error);
        });

    ClassicEditor
        .create(document.querySelector('#spanish_content'))
        .catch(error => {
            console.error(error);
        });
</script>
@endpush