@extends('backend.layout.master-tailwind')
@section('title', __('Email to All Subscribers'))

@section('admin_styles')
<link rel="stylesheet" href="{{ asset('assets/backend/css/summernote-lite.min.css') }}">
@endsection

@section('content')

<div class="page">

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Email to All Subscribers') }}</h1>
      <p class="page-sub">{{ __('Compose and send a broadcast email to every verified subscriber') }}</p>
    </div>
  </div>

  <div style="max-width:640px">

    <div style="background:color-mix(in oklch,var(--warning,#f59e0b) 10%,transparent);border:1px solid color-mix(in oklch,var(--warning,#f59e0b) 35%,transparent);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:12px;color:var(--text-2);display:flex;gap:8px;align-items:flex-start">
      <svg class="icon" style="flex:none;margin-top:1px;color:var(--warning,#f59e0b)" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l9 16H3z"/><path d="M12 10v4"/><circle cx="12" cy="17" r=".6" fill="currentColor"/></svg>
      {{ __('This will send the email to all verified subscribers. This action cannot be undone.') }}
    </div>

    <form method="POST" action="{{ route('admin.newsletter.email.send.to.all') }}">
      @csrf
      <div class="card">

        <div style="padding:18px;display:flex;flex-direction:column;gap:14px">
          <div>
            <label class="field-label" for="subject">{{ __('Subject') }}</label>
            <input class="input wide" type="text" id="subject" name="subject"
              placeholder="{{ __('Enter email subject…') }}"
              value="{{ old('subject') }}">
          </div>
          <div>
            <label class="field-label" for="message">{{ __('Message') }}</label>
            <textarea class="summernote" id="message" name="message" rows="10">{{ old('message') }}</textarea>
          </div>
        </div>

        <div style="padding:14px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end">
          <button type="submit" class="btn primary sm">
            <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
            {{ __('Send Email') }}
          </button>
        </div>

      </div>
    </form>

  </div>

</div>

@endsection

@section('script')
<script src="{{ asset('assets/backend/js/summernote/summernote-lite.min.js') }}"></script>
<script>
(function ($) {
  'use strict';
  $(document).ready(function () {
    $('#message').summernote({
      disableDragAndDrop: true,
      codeviewFilter: true,
      codeviewIframeFilter: true,
      height: 280,
      toolbar: [
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['font', ['strikethrough']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['Insert', ['link', 'table']],
      ]
    });
  });
}(jQuery));
</script>
@endsection