@push('css')
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
@endpush
@include('components.theme.pages.header')
<section>
    <div class="row mb-2">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h6 class="m-0 text-primary font-weight-bold">Pengaturan</h6>
                </div>
                <div class="card-body">
                    {!! Form::open(['route' => 'setting.update']) !!}
                    @csrf
                    @if(session()->has('success'))
                        <div class="alert alert-success">
                            {{ session()->get('success') }}
                        </div>
                    @else
                        @if(session()->has('error'))
                            <div class="alert alert-danger">
                                {{ session()->get('error') }}
                            </div>
                        @endif
                    @endif
                    <div class="row mb-2">
                        <div class="col-6 form-group">
                            <label>Judul<sup class="ms-1 text-danger">*</sup></label>
                            <input type="text" name="title" class="form-control" value="{{ app_info('title') }}" placeholder="Judul">
                        </div>
                        <div class="col-6 form-group">
                            <label>Informasi Singkat<sup class="ms-1 text-danger">*</sup></label>
                            <input type="text" name="short_description" class="form-control" value="{{ app_info('short_description') }}" placeholder="Informasi Singkat">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Informasi Pendaftaran<sup class="ml-1 text-danger">isi jika membutuhkan</sup></label>
                                <textarea name="info_pendaftaran" id="info_pendaftaran" class="form-control">{{ app_info('info_pendaftaran') }}</textarea>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Tentang Kami</label>
                                <textarea name="about" id="about" class="form-control">{{ app_info('about') }}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-4 form-group">
                            <label>Alamat Lokasi<span class="ml-2 small">opsional</span></label>
                            <input type="text" name="address" class="form-control" value="{{ app_info('address') }}" placeholder="Alamat Lengkap">
                        </div>
                        <div class="col-4 form-group">
                            <label>Alamat Email<span class="ml-2 small">opsional</span></label>
                            <input type="email" name="email" class="form-control" value="{{ app_info('email') }}" placeholder="Alamat Surel">
                        </div>
                        <div class="col-4 form-group">
                            <label>Nomer Whatsapp/Telepon<span class="ml-2 small">opsional (aktif)</span></label>
                            <input type="text" name="phone" class="form-control" value="{{ app_info('phone') }}" placeholder="Nomer Telepon/Whatsapp Aktif">
                        </div>
                    </div>
                    <div class="form-group mb-2">
                        <label>Status PPDB [{{ date('Y') }}]</label>
                        <select class="form-control" name="status_ppdb">
                            <option value="1" {{ app_info('status_ppdb') == 1 ? 'selected' : '' }}>Aktif</option>
                            <option value="2" {{ app_info('status_ppdb') == 2 ? 'selected' : '' }}>Tidak Aktif</option>
                        </select>
                    </div>
                    <div class="form-group mb-0">
                        <button type="submit" class="btn btn-primary">Simpan</button>
                        <a href="{{ route('setting') }}" class="btn btn-light btn-light">Kembali</a>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</section>
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>
<script>
    $(document).ready(function() {
        $('#about').summernote({
            placeholder: 'Ceritakan tentang kami',
            tabsize: 2,
            height: 200,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
            ]
        });
        $('#info_pendaftaran').summernote({
            placeholder: 'Informasikan terkait Pendaftaran',
            tabsize: 2,
            height: 200,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
            ]
        });
    });
</script>
@endpush
@include('components.theme.pages.footer')