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

@section('content')
  <h2 style="margin:0 0 8px;color:#0f172a;font-size:22px;font-weight:700;">Ticket Assigned to You</h2>
  <p style="margin:0 0 24px;color:#64748b;font-size:14px;">A support ticket has been assigned to you.</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;width:160px;">Ticket</td><td style="padding:6px 0;color:#0f172a;font-size:14px;font-weight:600;">#{{ $ticket->id }} {{ $ticket->subject }}</td></tr>
    <tr><td style="padding:6px 0;color:#64748b;font-size:14px;">Priority</td><td style="padding:6px 0;color:#0f172a;font-size:14px;">{{ ucfirst($ticket->priority) }}</td></tr>
    <tr><td style="padding:6px 0;color:#64748b;font-size:14px;vertical-align:top;">Description</td><td style="padding:6px 0;color:#0f172a;font-size:14px;">{{ $ticket->description }}</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