@component('mail::message')
# 邀請

主辦人: <strong>{{$organizer->name}}</strong>，邀請您參與以下活動。

<table style="margin:0 auto;width:100%">
  <tbody>
    <tr>
      <th class="steps-th">活動名稱</th>
      <td class="steps-td">{{$event->title}}</td>
    </tr>
    <tr>
      <th class="steps-th">開始日期</th>
      <td class="steps-td">{{$event->start}}</td>
    </tr>
    <tr>
      <th class="steps-th">結束日期</th>
      <td class="steps-td">{{$event->end}}</td>
    </tr>
    <tr>
      <th class="steps-th">地點</th>
      <td class="steps-td">{{$event->location}}</td>
    </tr>
    <tr>
      <th class="steps-th">描述</th>
      <td class="steps-td">{{$event->description}}</td>
    </tr>
  </tbody>
</table>

<table style="margin:0 auto;width:40%">
  <tbody>
    <tr>
      <td>
        @component('mail::button', ['url' => $accepted_url])
        接受
        @endcomponent
      </td>
      <td>
        @component('mail::button', ['url' => $declined_url,'color' => 'red'])
        拒絕
        @endcomponent
      </td>
    </tr>
  </tbody>
</table>

<style nonce="{{ csp_nonce() }}">
  .steps-th,.steps-td{
    font-size: 16px;
    border: solid;
    border-width:1px;

    padding:5px;
  }
  .steps-th{
    width: 30%;
    text-align: center;
    background-color: #d1ecf1;
  }
  .steps-td{
    width: 70%;
  }
</style>
@endcomponent