@component('mail::layout', ['company' => $company])
    <style>
        .table{
            border-collapse: collapse !important;
        }
    </style>
    <div class="card card--driver">
        @component('mail::header', ['image' => ''])
            <h3 class="text-capitalize" style="font-size: 24px; color:white; font-weight: 400">Delivery - {{$date}}</h3>
        @endcomponent

        <div class="card-body text-left quote-request">
            <p><strong>You have been assigned to Delivery On {{$date}} </p> 
            
            <div class="text-center">
                @component('mail::button', ['link' => $link])
                    Go to Delivery Route
                @endcomponent
            </div>
            <div style="margin-top: 1.5rem">
                <p>Summary :</p>
                <table class="table driver__summary--desktop">
                    <thead>
                        <tr>
                            <th>Order No</th>
                            <th>Models</th>
                            <th>Customer Name</th>
                            <th>Phone Number</th>
                            <th width="25%">Address</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($driver_route as $items)
                            @if (array_key_exists('order', $items))
                                @foreach ($items->order as $item)
                                @php
                                    $item = (object) $item;
                                @endphp
                                @if (array_key_exists('order_no', $item))
                                    <tr>
                                        <td>{{$item->order_no}}</td>
                                        <td>
                                            @if (!$items->is_custom && $item->is_order == 1 && !$items->is_service_call)
                                                <ul>
                                                    @foreach ($item->detail_order as $detail)
                                                        <li>{{array_key_exists('model_number', $detail) ? $detail['model_number'] : $detail->product}} - {{array_key_exists('qty', $detail) ? $detail['qty'] : $detail->quantity}}</li>
                                                    @endforeach
                                                </ul>
                                            @else
                                                @if ($items->is_service_call)
                                                    <ul><li>Home Visit</li></ul>
                                                @else
                                                    -
                                                @endif
                                            @endif
                                        </td>
                                        <td>{{$item->ship_name}}</td>
                                        <td>
                                            <a href="tel:{{array_key_exists('ship_phone_number', $item) ? $item->ship_phone_number : $item->phone_number}}">{{array_key_exists('ship_phone_number', $item) ? $item->ship_phone_number : $item->phone_number}}</a>
                                        </td>
                                        <td>
                                            <a href="http://maps.google.com/?q={{$item->ship_address}}" target="_blank">{{$item->ship_address}}</a>
                                        </td>
                                    </tr>
                                @endif
                                @endforeach
                            @endif
                        @empty
                            
                        @endforelse
                    </tbody>
                </table>
                <div class="driver__summary--mobile">
                    @foreach ($driver_route as $items)
                        @if (array_key_exists('order', $items))
                            @foreach ($items->order as $item)
                            @php
                                $item = (object) $item;
                            @endphp
                            @if (array_key_exists('order_no', $item))
                                <div style="border-top: 1px solid #ddd; margin-bottom: 20px; padding-top: 15px;">
                                    <div style="margin-bottom: 15px;">
                                        <p style="margin-bottom: 5px; font-weight:light;">Order No</p>
                                        <p style="margin-bottom: 0;">{{$item->order_no}}</p>
                                    </div>
                                    <div style="margin-bottom: 15px;">
                                        <p style="margin-bottom: 5px; font-weight:light;">Models</p>
                                        <ul>
                                            @if (!$items->is_custom && $item->is_order == 1 && !$items->is_service_call)
                                                <ul>
                                                    @foreach ($item->detail_order as $detail)
                                                        <li>{{array_key_exists('model_number', $detail) ? $detail['model_number'] : $detail->product}} - {{array_key_exists('qty', $detail) ? $detail['qty'] : $detail->quantity}}</li>
                                                    @endforeach
                                                </ul>
                                            @else
                                                @if ($items->is_service_call)
                                                <ul><li>Home Visit</li></ul>
                                                @else
                                                    -
                                                @endif
                                            @endif
                                        </ul>
                                    </div>
                                    <div style="margin-bottom: 15px;">
                                        <p style="margin-bottom: 5px; font-weight:light;">Customer Name</p>
                                        <p style="margin-bottom: 0;">{{$item->ship_name}}</p>
                                    </div>
                                    <div style="margin-bottom: 15px;">
                                        <p style="margin-bottom: 5px; font-weight:light;">Phone Number</p>
                                        <p style="margin-bottom: 0;">
                                            <a href="tel:{{array_key_exists('ship_phone_number', $item) ? $item->ship_phone_number : $item->phone_number}}">{{array_key_exists('ship_phone_number', $item) ? $item->ship_phone_number : $item->phone_number}}</a>
                                        </p>
                                    </div>
                                    <div style="margin-bottom: 15px;">
                                        <p style="margin-bottom: 5px; font-weight:light;">Address</p>
                                        <p style="margin-bottom: 0;">
                                            <a href="http://maps.google.com/?q={{$item->ship_address}}" target="_blank">{{$item->ship_address}}</a>
                                        </p>
                                    </div>
                                </div>
                            @endif
                            @endforeach
                        @endif
                    @endforeach
                </div>
            </div>
        </div>                  
    </div>
@endcomponent