@component('mail::message')
    {!! $data['message'] !!}

    @php 
        $opportunity = (!empty($order->opportunities) && !empty($order->opportunities->first())) ? $order->opportunities->first() : $order->customerPurchaseOrders->first()->opportunity;
        
        $finalisedQuote = ($opportunity) ? $opportunity->finalisedQuote : null;
        $quotes = ($opportunity) ? $opportunity->quotes : null;
        $customerPO = $order->customerPurchaseOrders->first();
        $type = $order->status;
    @endphp

    <br><br>
    
    <p>Materials Request [{{$type}}]: <strong>{{$order->order_number}}</strong></p>

    @component('mail::button', ['url' => route('order-view', $order->id), 'color' => 'primary'])
        View Material Request
    @endcomponent

    @if($customerPO)
        
            <p>Customer PO: <strong>{{$customerPO->name}}</strong></p>
            
            @component('mail::button', ['url' => route('customer-purchase-order-view', $customerPO->id), 'color' => 'primary'])
                View Customer PO
            @endcomponent
        
        
    @endif

    @if($opportunity)
        
        <table class="subcopy" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; border-top: 1px solid #e8e5ef; margin-top: 25px; padding-top: 25px;" width="100%" cellspacing="0" cellpadding="0">
            <tbody>
                <tr>
                    <td style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
                        <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; line-height: 1.5em; margin-top: 0; text-align: left; margin-bottom: 0; font-size: 14px;">
                            Opportunity: <strong>{{$opportunity->name}}</strong>
                        </p>
                        @if($finalisedQuote)
                            <p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; line-height: 1.5em; margin-top: 0.5em; text-align: left; margin-bottom: 0; font-size: 14px;">
                                Finalised Quote No: <a href="{{ route('quote-preview', $finalisedQuote->id) }}" class="small-button finalised"><strong>{{$finalisedQuote->name}}{{ ($finalisedQuote->version_number > 1) ? " v.".$finalisedQuote->version_number : ""}}</strong></a>
                            </p>
                        @endif

                        @component('mail::button', ['url' => route('opportunity-view', $opportunity->id), 'color' => 'primary'])
                            View Opportunity
                        @endcomponent
        
                    </td>
                </tr>
                
            </tbody>
        </table>
        
    @endif

    @if($quotes)
        @component('mail::subcopy')
            <p>Associated Quotes: 
                @foreach($quotes as $quote)
                    <a href="{{ route('quote-preview', $quote->id) }}" class="small-button {{ ($finalisedQuote && $finalisedQuote->id == $quote->id) ? "finalised" : ""}}"><strong>{{$quote->name}}{{ ($quote->version_number > 1) ? " v.".$quote->version_number : ""}}</strong></a>
                @endforeach
            </p>
        @endcomponent
    @endif

    @component('mail::subcopy')
        If you're having trouble clicking the buttons, please login into the SNAPP CRM system and check relevant information: [{{ url('/') }}]({{ url('/') }})
    @endcomponent

    <style>
        
        .small-button {
            display: inline-block;
            padding: 2px 10px;
            background-color: #f1f1f1;
            border: 0px;
            border-radius: 3px;
            text-decoration: none;
            color: #333;
            font-weight: bold;
            margin-right: 5px;
        }
        
        .small-button.finalised {
            background-color: #9deab4;
        }
    </style>

@endcomponent