@extends('emails.master')
@section('body')
<table style="border-collapse: collapse; width: 100%; max-width: 600px; margin: 0 auto; font-family: Arial, sans-serif; background: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);">
    <tbody>
        <!-- Saludo -->
        <tr>
            <td style="text-align: center; padding: 20px 0;">
                <h2 style="margin: 0; color: {{ Config::get('config_env.first_color') }};">
                    Hola, {{ $user->name }}
                </h2>
            </td>
        </tr>

        <!-- Mensaje principal -->
        <tr>
            <td style="text-align: center; padding: 10px 20px; font-size: 16px; color: #333;">
                <p style="margin: 0 0 10px 0;">
                    Se le ha asignado una nueva gestión <strong>#{{ $ticket->id }}</strong> con titulo <strong>{{ $ticket->title }}</strong>.
                </p>
                <p style="margin: 0;">
                    Para ver la gestión, haga clic en el siguiente botón.
                </p>
            </td>
        </tr>

        <!-- Botón de acción -->
        <tr>
            <td style="text-align: center; padding: 20px 0;">
                <a href="{{ url($url) }}" target="_blank" 
                   style="display: inline-block; background: {{ Config::get('config_env.second_color') }}; 
                          color: #ffffff; padding: 12px 20px; font-size: 16px; font-weight: bold;
                          border-radius: 6px; text-decoration: none; box-shadow: 0px 4px 6px rgba(0,0,0,0.1);">
                    Ver Gestión
                </a>
            </td>
        </tr>
    </tbody>
</table>
@endsection