@extends('admin.layouts.base')

@section('title')
    Senecartours - newsletter
@endsection

@push('css')

<!-- quill css -->
<link href="{{ asset('admin/assets/libs/quill/quill.core.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/assets/libs/quill/quill.snow.css') }}" rel="stylesheet" type="text/css" />



<!-- icons -->
<link href="{{ asset('admin/assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />

@endpush

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">Nouvelles</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form method="post"  action="{{route('newsletter.send')}}">
                            {{-- <div class="mb-3">
                                <input type="email" class="form-control" placeholder="To">
                            </div> --}}
                            @csrf
                            <div class="mb-3">
                                <input type="text" class="form-control" name="subject" placeholder="Object" required>
                            </div>
                            <div class="mb-3 card border-0">
                                <input type="hidden" name="body" class="form-control mb-2" id="body"/>
                                <div id="snow-editor" style="height: 230px;">

                                </div> <!-- end Snow-editor-->
                            </div>

                            <div>
                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light"> <span>Envoyer</span> <i class="mdi mdi-send ms-2"></i> </button>
                                </div>
                            </div>
                        </form>
                    </div> <!-- end card-body -->
                </div> <!-- end card -->
            </div><!-- end col -->
        </div>
        <!-- end row -->


    </div>
    @push('scripts')

        <!-- Quill js -->
        <script src="{{ asset('admin/assets/libs/quill/quill.min.js') }}"></script>


        <script>
            // Snow theme
            var quill = new Quill('#snow-editor', {
                theme: 'snow',
                modules: {
                    'toolbar': [[{ 'font': [] }, { 'size': [] }], ['bold', 'italic', 'underline', 'strike'], [{ 'color': [] }, { 'background': [] }], [{ 'script': 'super' }, { 'script': 'sub' }], [{ 'header': [false, 1, 2, 3, 4, 5, 6] }, 'blockquote', 'code-block'], [{ 'list': 'ordered' }, { 'list': 'bullet' }, { 'indent': '-1' }, { 'indent': '+1' }], ['direction', { 'align': [] }], ['link', 'image', 'video'], ['clean']]
                },
            });

            $(document).on("keyup", "#snow-editor", function (e) {
                $('#body').val(quill.getText());
            });
        </script>

    @endpush
@endsection