@php
    $dataGroupList = array_chunk($data, 2, true);
@endphp

<div class="applicable-box mb-5 {{ isset($class) ? $class : '' }}">
    @if(isset($title))
        <div class="h-4 font-regular mb-3 color-primary-dark">
            {{ $title }}
        </div>
    @endif
    <table class="w-100 mb-3">
        <tbody>
            @foreach ($dataGroupList as $dataGroupItem)
                <tr>
                    @foreach ($dataGroupItem as $event)
                        @php
                            $tagClass = $event['product']['alias'] === 'home'
                                ? 'color-primary-dark bg-primary-light'
                                : 'color-secondary-dark bg-secondary-light';

                            $tagImage = $event['product']['alias'] === 'home'
                                ? config('app.dingsomething.site.url').'email/images/icon-home.png'
                                : config('app.dingsomething.site.url').'email/images/icon-store.png';

                            $eventImage = isset($event['image'])
                                ? $event['image']
                                : config('app.dingsomething.site.url').'email/images/activity_default.png'
                        @endphp
                        <td>
                            <a href="{{ config('app.dingsomething.site.url').'booking/'.$event['product']['alias'].'/'.$event['alias'] }}">
                                <div
                                    class="img mb-3"
                                    style="background-image: url('{{ $eventImage }}')"
                                ></div>
                                <table class="w-100 mb-4">
                                    <tr>
                                        <td>
                                            <div class="h-6 px-2 py-1 mb-2 {{ $tagClass }}" style="white-space: nowrap;display: inline-block">
                                                <img alt="{{ $event['product']['name'] }}" class="float-left mr-2" src="{{ $tagImage }}">
                                                {{ $event['product']['name'] }}
                                            </div>
                                            <div class="h-5 color-text-dark font-serif mb-2">
                                                {{ $event['name'] }}
                                            </div>
                                            {{--<p class="h-6 color-text" style="height: 1em">
                                                {{ $event['introtext'] }}
                                            </p>--}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">

                                        </td>
                                    </tr>
                                </table>
                            </a>
                        </td>
                        @if ( count($dataGroupItem) === 1 )
                            <td></td>
                        @endif
                    @endforeach
                </tr>
            @endforeach
        </tbody>
    </table>
    @if(isset($link))
        @include('emails.Components.Button',
        [
            'link'  => $link,
            'text'  => '查看更多',
            'style' => 'isStyleDark isOutline isFull isRadius'
        ])
    @endif
</div>