@extends('adminlte::page')

@section('title', 'Send Mail to Contact')

@section('content_header')
    <h1>Send Mail</h1>
@stop


@section('content')
<div class="row">
    <div class="col-md-8 offset-md-2">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Contact Details</h3>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tr>
                        <th>Name</th>
                        <td>{{ $contact->first_name }} {{ $contact->last_name }}</td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td>{{ $contact->email }}</td>
                    </tr>
                    <tr>
                        <th>Mobile</th>
                        <td>+{{ $contact->country_code }} {{ $contact->mobile_no }}</td>
                    </tr>
                    <tr>
                        <th>Message</th>
                        <td>{{ $contact->message ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>Added At</th>
                        <td>{{ \Carbon\Carbon::parse($contact->created_at)->format('d/m/Y h:i A') }}</td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header">
                <h3 class="card-title">Send Email</h3>
            </div>
            <div class="card-body">
              <form action="{{ route('contactus.emails.send', $contact->id) }}" method="POST">
                  @csrf
                  <input type="hidden" name="email" value="{{ $contact->email }}">

                  <div class="form-group">
                      <label for="template">Select Template:</label>
                      <select name="template" id="template" class="form-control" required>
                          <option value="">-- Select Template --</option>
                          <option value="welcome">Welcome Email</option>
                          <option value="followup">Follow Up</option>
                          <option value="reminder">Reminder</option>
                      </select>
                  </div>

                  <div class="form-group">
                      <label>Content</label>
                      <textarea id="custom_message" name="custom_message" required></textarea>
                  </div>

                  <button type="submit" class="btn btn-primary">
                      <i class="fa fa-paper-plane"></i> Send Mail
                  </button>
                  <a href="{{ route('contactus.listing') }}" class="btn btn-secondary">
                      Back to List
                  </a>
              </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
<!-- Include TinyMCE (paid version) -->
<script src="https://cdn.tiny.cloud/1/3qf9xg4v18lj5lod7796irb1f87026w00nmw7o5knt3ketr2/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
  tinymce.init({
    selector: '#custom_message',
    height: 300,
    menubar: true,
    plugins: 'advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table code help wordcount',
    toolbar: 'undo redo | formatselect | bold italic underline | \
              alignleft aligncenter alignright alignjustify | \
              bullist numlist outdent indent | removeformat | help',
    content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
  });
</script>
@endsection