@extends('layouts.page')
@section('content')
    <div class="page-header">
        <h3 class="page-title"> Konfigurasi Tentang </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Konfigurasi</a></li>
                <li class="breadcrumb-item active" aria-current="page">Tentang</li>
            </ol>
        </nav>
    </div>
    <form class="forms-sample" method="post" action="{{ route('konfigurasi.update') }}">
        <div class="row">
            @csrf
            @method('put')
            <div class="col-md-6 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="value-quill1">Visi</label>
                            <textarea style="display: none" id="value-quill1" name="visi">{!! $data->visi !!}</textarea>
                            <div id="quill-editor1" class="quill-container">{!! $data->visi !!}</div>
                        </div>
                        <div class="form-group">
                            <label for="value-quill2">Misi</label>
                            <textarea style="display: none" id="value-quill2" name="misi">{!! $data->misi !!}</textarea>
                            <div id="quill-editor2" class="quill-container">{!! $data->misi !!}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="exampleInputName1">Sejarah</label>
                            <textarea style="display: none" id="value-quill3" name="sejarah">{!! $data->sejarah !!}</textarea>
                            <div id="quill-editor3" class="quill-container">{!! $data->sejarah !!}</div>
                        </div>
                        <button type="submit" class="btn btn-outline-success border-success me-2">Submit</button>

                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection