@extends('admin.sidebar')
@section('content')
    <section class="section">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class=" text-center">Tambahkan Vanue Latihan</h3>
                    </div>
                    @include('message')
                    <div class="card-body">

                        <form action="{{ route('vanueLatihans.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="photo-edit">Photo Vanue</label>
                                <input type="file" class="form-control" name="photo">
                            </div>
                            <div class="form-group">
                                <label for="nama-edit">Nama Vanue</label>
                                <input type="text" class="form-control" name="nama" required>
                            </div>
                            <div class="form-group">
                                <label for="alamat-edit">Alamat Vanue</label>
                                <input type="text" class="form-control" name="alamat" required>
                            </div>
                            <div class="form-group">
                                <label for="deskripsi">Deskripsi</label>
                                <textarea name="deskripsi" id="deskripsi">{{ old('deskripsi') }}</textarea>
                                <script>
                                    ClassicEditor
                                        .create(document.querySelector('#deskripsi'))
                                        .catch(error => {
                                            console.error(error);
                                        });
                                </script>

                            </div>
                            <div class="form-group">
                                <label for="lokasi-edit">Lokasi Spesifik Vanue</label>
                                <input type="text" class="form-control" id="lokasi-edit" name="lokasi"
                                    placeholder="didapat dari koordinat googlemaps" required>
                            </div>

                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary ml-1">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span class="  center">Submit</span>
                                </button>

                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @push('ckEditor')
        {{-- cdn ckeditor --}}
        <script src="{{ url('https://cdn.ckeditor.com/ckeditor5/11.0.1/classic/ckeditor.js') }}"></script>
        {{-- cdn ckeditor --}}
    @endpush
@endsection