@component('mail::message')
<h1 style="text-align:center;">
    Customer Satisfaction
</h1>
<div style="margin-top:10px;">
    The user <b>{{ $customerSatisfaction->user->name }}</b> has ranked
    the <b>{{ !is_null($customerSatisfaction->step) ? "step {$customerSatisfaction->step}" : 'full' }}</b>
    {{ !is_null($customerSatisfaction->step) ? 'of the' : '' }} process
    <b>{{ $customerSatisfaction->process->client->company_name }}</b>
    <b>{{ $customerSatisfaction->process->tax_year }}</b>
</div>
<div style="margin-top:10px;">
    <h4 style="border-bottom: 1px solid #333; margin-bottom: 10px;">
        Process Customer Satisfaction
    </h4>
    <table style="width: 100%">
        <tbody>
            @foreach ($customerSatisfactions as $cs)
            <tr>
                <td style="border-bottom: 1px solid #ddd; vertical-align: top; white-space: nowrap;">
                    <b>
                        {{ !is_null($cs->step) ? "Step {$cs->step}" : 'Full process' }}
                    </b>
                </td>
                <td style="border-bottom: 1px solid #ddd">
                    <div style="margin-bottom: 7px">
                        @if (!is_null($cs->step))
                        <img src="{{ config('app.frontend_url') }}/images/thumbs-{{ $cs->rating > 0 ? 'up' : 'down' }}.png"
                            style="width: 40px; height: 40px" />
                        @else
                        <b style="font-size: 40px; font-weight: bold; color: #1cb2e7; line-height: 35px">
                            {{ $cs->rating }}
                        </b>
                        @endif
                    </div>
                    <div style="margin-bottom: 7px">
                        <b>Comments: </b>
                        {!! nl2br($cs->comments) !!}
                    </div>
                    <div style="margin-bottom: 7px">
                        <b>User: </b>
                        {{ $cs->user->name }}
                    </div>
                    <div style="margin-bottom: 7px">
                        <b>Created: </b>
                        {{ $cs->created_at }}
                    </div>
                    <div style="margin-bottom: 7px">
                        <b>Updated: </b>
                        {{ $cs->updated_at }}
                    </div>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
<p style="text-align:center; margin-top:40px; text-decoration: none">
    <a href="{{ config('app.frontend_url') }}/processes/{{ $customerSatisfaction->process->id }}"
        style="color:white; display:inline-block; border-radius:5px; padding: 10px 20px; background-color: rgb(2,130,175); text-decoration: none">
        Go to Process
    </a>
</p>
@endcomponent