@extends('admin.layouts.app')
@section('panel')
    <div class="row gy-4">
        <div class="col-xl-12">
          <!-- Place the first <script> tag in your HTML's <head> -->
<script src="https://cdn.tiny.cloud/1/vt9wblc9tcq2gexgbgel3ls49j701w5x75kh76vof04nawwq/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>

<!-- Place the following <script> and <textarea> tags your HTML's <body> -->
<script>
  tinymce.init({
    selector: 'textarea',
    plugins: [
      // Core editing features
      'anchor', 'autolink', 'charmap', 'codesample', 'emoticons', 'image', 'link', 'lists', 'media', 'searchreplace', 'table', 'visualblocks', 'wordcount',
      // Your account includes a free trial of TinyMCE premium features
      // Try the most popular premium features until Apr 18, 2025:
      'checklist', 'mediaembed', 'casechange', 'formatpainter', 'pageembed', 'a11ychecker', 'tinymcespellchecker', 'permanentpen', 'powerpaste', 'advtable', 'advcode', 'editimage', 'advtemplate', 'ai', 'mentions', 'tinycomments', 'tableofcontents', 'footnotes', 'mergetags', 'autocorrect', 'typography', 'inlinecss', 'markdown','importword', 'exportword', 'exportpdf'
    ],
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
    tinycomments_mode: 'embedded',
    tinycomments_author: 'Author name',
    mergetags_list: [
      { value: 'First.Name', title: 'First Name' },
      { value: 'Email', title: 'Email' },
    ],
    ai_request: (request, respondWith) => respondWith.string(() => Promise.reject('See docs to implement AI Assistant')),
  });
</script>
<div class="container mx-auto px-4 py-6">
  <form action="{{ url('/admin/send-email-post') }}" method="POST" >
    @csrf
    <div class="bg-white shadow-lg rounded-2xl p-6 max-w-2xl mx-auto" style="padding:20px !important;">
      <h2 class="text-xl font-semibold mb-4 text-center text-gray-800">Send Email to Client</h2>
      
      <!-- Email Address -->
      <div class="mb-4" >
        <label for="email" class="block mb-2 text-sm font-medium text-gray-700"style="color:black;">Client Email :</label>
        <input type="email" id="email" Placeholder="Enter Client Email" name="email" required
          class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" />
      </div>
      
      <div class="mb-4">
        <label for="email" class="block mb-2 text-sm font-medium text-gray-700" style="color:black;">Email Subject:</label>
        <input type="text" id="subject" Placeholder="Enter Email Subject" name="subject"
          class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" />
      </div>

      <!-- Message with TinyMCE -->
      <div class="mb-4">
        <label for="message" class="block mb-2 text-sm font-medium text-gray-700">Message</label>
        <textarea id="message" name="message"></textarea>
      </div>

      <!-- Submit Button -->
      <div class="text-center">
        <button type="submit"
          class="bg-blue-600 text-white px-6 py-2 rounded-lg shadow hover:bg-blue-700 transition duration-200" style="background-color:#071251;">
          Send Email
        </button>
      </div>
    </div>
  </form>
</div>

        </div>

    </div>

    

    
@endsection
