@extends('email.layout')
@section('content')
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tbody>
    <tr style="background: #c2272d">
      <td style="padding-bottom: 30px;"><h1 style="
                        text-align: center;
                        font-family: 'Red Hat Display', sans-serif;
                        font-size: 24px;
                        font-weight: 500;
                        line-height: 32px;
                        color: #fff;
                        padding-bottom: 20px;
                      "> Hi</h1>
        <p style="
                        color: #fff;
                        font-family: 'Red Hat Display', sans-serif;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 21.5px;
                        text-align: center;padding-left:12px;padding-right:12px;
                      "> We have received a new customer support request that
          requires your attention. <br />
          Please find the details below: </p></td>
    </tr>
    <tr style="background-color: #faffe1">
      <td style="padding: 32px"><p
                    style="
                      color: #1b1d1f;
                      text-align: left;
                      font-family: 'Red Hat Display', sans-serif;
                      font-size: 16px;
                      font-style: normal;
                      font-weight: 300;
                      line-height: 30px;
                      white-space: nowrap;
                    "
                  > <b> Customer Details:</b> <br />
          Name: <b> {{ $name }} </b> <br />
          Phone: <b>{{ $phone_code }}{{ $phone }} </b> <br />
          Email: <b> {{ $email }}</b> </p>
        <p
                    style="
                      color: #1b1d1f;
                      text-align: left;
                      font-family: 'Red Hat Display', sans-serif;
                      font-size: 16px;
                      font-style: normal;
                      font-weight: 300;
                      line-height: 30px;
                      white-space: nowrap;
                      padding-top: 10px;
                    "
                  > <b> Message </b>:
        
        <p style="font-size: 14px;">{!! $messages !!}</p>
        </p></td>
    </tr>
  </tbody>
</table>
@endsection