@extends('super_admin.layouts.master')

@section('content')
    <!-- Main content -->

    <section class="content">

        <div class="container-fluid">

            <!-- Small boxes (Stat box) -->

            <div class="row">

                <div class="col-md-10 mx-auto my-3">
                    @session('success')
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>Success!</strong> {{ session('success') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endsession
                    <div class="card">
                        <div class="card-body">
                            <form action="{{ route('admin.about_us.save') }}" method="post">
                                @csrf
                                <div class="form-group">
                                    <label for="">Page Title</label>
                                    <input type="text" class="form-control" name="title"
                                        value="@if (!empty($about_us)) {{ $about_us->title }} @endif">
                                </div>
                                <div class="form-group">
                                    <label for="">Page content</label>
                                    <textarea name="content" id="about_editor" cols="30" rows="40" style="height: 350px">
                        @if (!empty($about_us))
{{ $about_us->content }}
@endif
                      </textarea>
                                </div>

                                <button class=" btn btn-primary" type="submit">Update</button>
                            </form>
                        </div>

                    </div>

                </div>

            </div>

            <!-- /.row (main row) -->

        </div><!-- /.container-fluid -->

    </section>
@endsection

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

    @if (session()->has('success'))
        <script>
            toastr.success('{{ session('success') }}');
        </script>
    @endif
    @if (session()->has('error'))
        <script>
            toastr.error('{{ $message }}');
        </script>
    @endif
@endsection