@extends('layout.template')

@section('css')
<link rel="stylesheet" href="{{ asset('assets/bundles/summernote/summernote-bs4.css') }}">
@endsection

@section('isi')
<div class="section-header">
    <h1>Konfigurasi Website</h1>
    <div class="section-header-breadcrumb" style="padding: 10px !important">
      <div class="breadcrumb-item"><a href="{{ url('/') }}">Dashboard</a></div>
      <div class="breadcrumb-item active"><a href="#">Konfigurasi Website</a></div>
    </div>
</div>

<div class="card card-primary">
  <div class="card-header">
    <h4></h4>
  </div>
  <div class="card-body">
    <form action="{{ url('admin/konfigurasi/simpan') }}" method="POST">
    @csrf
    <div class="form-group">
        <div class="row">
            <div class="col-md-12">
                <label class="control-label">Tentang</label>
                <textarea class="summernote" name="tentang">{{ $data->tentang }}</textarea>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <div class="col-md-12">
                <label class="control-label">Mekanisme Pendaftaran</label>
                <textarea class="summernote" name="mekanisme_pendaftaran">{{ $data->mekanisme_pendaftaran }}</textarea>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="row">
            <div class="col-md-12">
                <button class="btn btn-success" type="submit">UPDATE</button>
            </div>
        </div>
    </div>
    </form>
  </div>
</div>
@endsection

@section('js')
<script src="{{ asset('assets/bundles/summernote/summernote-bs4.js') }}"></script>
<script>
    $(".summernote").summernote({
        dialogsInBody: true,
        minHeight: 250,
        toolbar: [
            // [groupName, [list of button]]
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['insert', ['link', 'picture', /*'video', 'hr', 'doc', 'readmore', 'lorem', 'emoji'*/]],
        ]
    });
</script>
@endsection