@extends('layouts.page')
@section('content')
<div class="page-header">
    <h3 class="page-title"> Konfigurasi Website </h3>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Website</a></li>
            <li class="breadcrumb-item active" aria-current="page">Konfigurasi Website</li>
        </ol>
    </nav>
</div>



<form class="row" id="webForm" method="post" enctype="multipart/form-data" action="{{ route('konfigurasi.update') }}" novalidate="novalidate">
    @csrf
    @method('put')
    <div class="col-md-6 grid-margin stretch-card">
        <div class="card">
            <div class="cmxform">
                <fieldset>
                    <div class="card-body">
                        <div class="form-group">
                            <label for="judul">Judul Website</label>
                            <input type="text" id="judul" class="form-control p-input" name="website"
                                value="{{ $data->website }}">
                        </div>
                        <div class="form-group">
                            <label for="alamat">Alamat</label>
                            <textarea class="form-control" id="alamat" name="alamat" rows="4">{{ $data->alamat }}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="logo">Logo</label>
                            <input id="logo" type="file" name="logo" class="dropify"
                                data-default-file="{{ asset('storage/logo/' . $data->logo) }}">
                        </div>
                        <div class="form-group">
                            <label for="facebook">Facebook</label>
                            <input type="text" id="facebook" class="form-control p-input" name="facebook"
                                value="{{ $data->facebook }}">
                        </div>
                        <div class="form-group">
                            <label for="youtube">Youtube</label>
                            <input type="text" id="youtube" class="form-control p-input" name="youtube"
                                value="{{ $data->youtube }}">
                        </div>
                        <div class="form-group">
                            <label for="instagram">Instagram</label>
                            <input type="text" id="instagram" class="form-control p-input" name="instagram"
                                value="{{ $data->instagram }}">
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>
    <div class="col-md-6 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Tujuan</h4>
                <div id="form-tabs">
                    <section class="tabs-head">
                        <button type="button" class="btn btn-outline-success border-success btn-outline-success border-success" data-target="#tujuan1">Tujuan 1</button>
                        <button type="button" class="btn btn-outline-success border-success" data-target="#tujuan2">Tujuan 2</button>
                        <button type="button" class="btn btn-outline-success border-success" data-target="#tujuan3">Tujuan 3</button>
                    </section>
                    <div class="tabs-items">
                        <section class="tabs-item" id="tujuan1">
                            <div class="form-group">
                                <textarea id="value-quill1" style="display: none" name="tujuan1">{!! $data->tujuan1 !!}</textarea>
                                <div id="quill-editor1" class="quill-container">
                                    {!! $data->tujuan1 !!}
                                </div>
                            </div>
                        </section>
                        <section class="tabs-item" id="tujuan2">
                            <div class="form-group ">
                                <textarea id="value-quill2" style="display: none" name="tujuan2">{!! $data->tujuan2 !!}</textarea>
                                <div id="quill-editor2" class="quill-container">
                                    {!! $data->tujuan2 !!}
                                </div>
                            </div>
                        </section>
                        <section class="tabs-item" id="tujuan3">
                            <div class="form-group ">
                                <textarea id="value-quill3" style="display: none" name="tujuan3">{!! $data->tujuan3 !!}</textarea>
                                <div id="quill-editor3" class="quill-container">
                                    {!! $data->tujuan3 !!}
                                </div>
                            </div>
                        </section>
                    </div>
                    <button type="submit" class="btn btn-outline-success border-success">Simpan</button>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection