@extends('emails.layout')
@section('title', 'New Ticket Comment')

@section('content')
  <h2 style="margin:0 0 8px;color:#0f172a;font-size:22px;font-weight:700;">New Comment on Ticket #{{ $ticket->id }}</h2>
  <p style="margin:0 0 24px;color:#64748b;font-size:14px;">{{ $comment->user->name }} added a comment on "{{ $ticket->subject }}".</p>

  <table cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 24px;border-collapse:collapse;">
    <tr><td style="padding:6px 0;color:#64748b;font-size:14px;vertical-align:top;">Comment</td><td style="padding:6px 0;color:#0f172a;font-size:14px;">{{ $comment->body }}</td></tr>
  </table>

  <table cellpadding="0" cellspacing="0" style="margin:0 0 24px;">
    <tr>
      <td align="center" bgcolor="#0f172a" style="border-radius:6px;">
        <a href="{{ $ticketUrl }}"
           style="display:inline-block;padding:14px 32px;color:#ffffff;font-size:15px;font-weight:600;text-decoration:none;border-radius:6px;">
          View Ticket
        </a>
      </td>
    </tr>
  </table>
@endsection