@extends('admin.layout.admin')
@section('title', 'Template Email')
@section('styles')
    <link rel="stylesheet" href="{{ asset('vendors/simplemde/simplemde.min.css') }}">
@endsection
@section('metas')
@endsection
@section('scripts')
    <script src="{{ asset('vendors/simplemde/simplemde.min.js') }}"></script>
    <script defer>
        $(document).ready(function() {
            new SimpleMDE({
                element: $("#template_pgtk")[0],
                hideIcons: ['image', 'table', 'quote', 'fullscreen', 'unordered-list', 'ordered-list', 'side-by-side'],
                spellChecker: false,
            });
            new SimpleMDE({
                element: $("#template_sd")[0],
                hideIcons: ['image', 'table', 'quote', 'fullscreen', 'unordered-list', 'ordered-list', 'side-by-side'],
                spellChecker: false,
            });
            new SimpleMDE({
                element: $("#template_smp")[0],
                hideIcons: ['image', 'table', 'quote', 'fullscreen', 'unordered-list', 'ordered-list', 'side-by-side'],
                spellChecker: false,
            });
            new SimpleMDE({
                element: $("#template_sma")[0],
                hideIcons: ['image', 'table', 'quote', 'fullscreen', 'unordered-list', 'ordered-list', 'side-by-side'],
                spellChecker: false,
            });
        });
    </script>
@endsection
@section('content')

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    Template Email
                </div>
                <div class="card-body">
                    @include('admin.layout.alert')
                    <div class="form-group">
                        <label>Kamus</label>
                        <p>
                            <code>${nama_siswa}</code> => Nama Siswa
                            <br>
                            <code>${nis}</code> => NIS Siswa
                            <br>
                            <code>${kelas}</code> => Kelas
                            <br>
                            <code>${detail}</code> => Detail Pembayaran US
                        </p>
                    </div>
                    <hr>
                    <form action="{{ route('admin.template.post-index') }}" enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="template_pgtk">Template Toodler/PGTK</label>
                            <textarea name="template_pgtk" id="template_pgtk" rows="5"
                                      class="form-control">{{ $templatePgtk->val }}</textarea>
                        </div>
                        <hr>
                        <div class="form-group">
                            <label for="template_sd">Template SD</label>
                            <textarea name="template_sd" id="template_sd" rows="5"
                                      class="form-control">{{ $templateSd->val }}</textarea>
                        </div>
                        <hr>
                        <div class="form-group">
                            <label for="template_smp">Template SMP</label>
                            <textarea name="template_smp" id="template_smp" rows="5"
                                      class="form-control">{{ $templateSmp->val }}</textarea>
                        </div>
                        <hr>
                        <div class="form-group">
                            <label for="template_sma">Template SMA</label>
                            <textarea name="template_sma" id="template_sma" rows="5"
                                      class="form-control">{{ $templateSma->val }}</textarea>
                        </div>
                        <hr>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary float-right">Simpan</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection