@extends('layouts.app')
@section('content')
    {{-- <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> --}}
    {{-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> --}}
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>

    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif

    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif

    <style>
        .panel-heading.note-toolbar {
            background: #f1ecec;
        }
        .send-button {
            margin-top: 1rem;
        }
    </style>
    <form action="{{ route('backend.send-mail') }}" method="POST">
        @csrf
        <div class="form-group">
            <input type="text" class="form-control" name="emails[]" value="{{ implode(',', $emailIds) }}" multiple id="">
        </div>
        <textarea class="form-control" id="summernote" name="editor_data" rows="4" cols="200">{{ old('editor_data') }} </textarea>

        <div class="form-group send-button">
            <button type="submit" class="btn btn-success">Send Mail</button>
        </div>
    </form>
    <script>
        $('#summernote').summernote({
            height: 200,
            toolbar: [
                ['misc', ['undo', 'redo']],
                ['style', ['clear']],
                ['font', ['bold', 'underline']],
                ['color', ['color']],
                ['table', ['table']],
                ['insert', ['picture', 'link', 'video', 'hr', 'readmore', 'file']],
            ]
        });
    </script>
@endsection