{{--
    Will have following info on it;
        - time
        - restaurant's name
        - table no
        - waiter's name
        - order name
        - order specs
            > default
            > added
            > removed
--}}

<style>
    .top-border {
        border-top : solid 1px lightgray;
    }

    tr hr {
        margin : .2em 0;
    }
</style>

<div style="font-size:{{ companySetting('slip-font-size') }}px; font-family: Consolas, monospace;">
    <div style="text-align: center">
        <p style="font-size: .6em;">@transUc('firm.orders.slip.new_order', [], $lang) - {{ $company->name }}</p>
        <br>
    </div>
    <table style="font-size: .6em;">
        <tr>
            @if($sale->destination_type == 'table')
                <td><strong>@transUc('generic.table', [], $lang)</strong></td>
                <td>: @transUcFirst('generic.table', [], $lang) {{ $sale->destinationName }}</td>
            @elseif($sale->destination_type == 'address')
                <td><strong>@transUc('models.generic.address', [], $lang)</strong></td>
                <td>: {{ $sale->destinationDetail }}</td>
            @elseif($sale->destiantion_type == 'quick_order')
                <td rowspan="2"><strong>@transUc('firm.orders.slip.quick_order', [], $lang)</strong></td>
            @endif
        </tr>
        @if(companySetting('show_waiter_names_in_tacking_sections'))
            <tr>
                <td><strong>@transUc('firm.orders.slip.waiter_name', [], $lang)</strong></td>
                <td>: {{ $user->fullname }}</td>
            </tr>
        @endif
        <tr>
            <td><strong>@transUc('firm.orders.slip.sale_no', [], $lang)</strong></td>
            <td>: #{{ $sale->saleNo }}</td>
        </tr>
        <tr>
            <td><strong>@transUc('generic.date', [], $lang)</strong></td>
            <td>: <span style="font-size: .8em">{{ Carbon\Carbon::now()->format('Y-m-d H:i') }}</span></td>
        </tr>
        @if($sale->scheduled_to)
            <tr>
                <td colspan="2"><strong>-- İLERİ TARİHLİ SİPARİŞ --</strong></td>
            </tr>
            <tr>
                <td><strong>TESLİM SAATİ</strong></td>
                <td style="font-size: .5em">: {{ $sale->scheduled_to->format('Y-m-d H:i') }}</td>
            </tr>
        @endif
    </table>
    <table style="font-size: inherit; width: 100%">
        @foreach($orders as $order)
            <tr>
                <td colspan="2">
                    <hr style="color: gray;">
                </td>
            </tr>
            {{------------------------------------------------------------------------------------------------------------------- name & quantity --}}
            <tr
                    {{-- Some  --}}
                    @if(strlen($order->product->name) > 50)
                        style="font-size: .6em"
                    @elseif(strlen($order->product->name) > 40)
                        style="font-size: .8em"
                    @endif
            >
                <td>
                    <b>{{ $order->product->name }}</b>
                </td>
                <td>
                    <b>{{ $order->visibleQuantity }}</b><small> @trans('generic.uom-short.' . $order->product->uom)</small>
                </td>
            </tr>
            {{----------------------------------------------------------------------------------------------------------------------------- specs --}}
            @if(count($order->specs))
                <tr>
                    <td colspan="2" style="font-size: .8em; padding: .2em 0 .5em 0;">
                        @foreach($order->product->specs as $spec)
                            @foreach($spec->options as $option)
                                @if($spec->multiselect)
                                    @if(!$option->default && $order->isOptionSelected($option))
                                        <div style="display:inline-block; border: .1em solid black; padding: .1em .15em; margin-bottom: .15em;">
                                            <b>+</b> {{ $option->name }}
                                        </div>
                                    @elseif($option->default && !$order->isOptionSelected($option))
                                        <div style="display:inline-block; border: .1em solid black; padding: .1em .15em; margin-bottom: .15em; text-decoration: line-through;">
                                            {{ $option->name }}
                                        </div>
                                    @elseif($order->isOptionSelected($option))
                                        <div style="display:inline-block; border: .1em solid black; padding: .1em .15em; margin-bottom: .15em;">
                                            {{ $option->name }}
                                        </div>
                                    @endif
                                @else
                                    @if($order->isOptionSelected($option))
                                        <div style="display:inline-block; border: .1em solid black; padding: .1em .15em; margin-bottom: .15em;">
                                            {{ $option->name }}
                                        </div>
                                    @endif
                                @endif
                            @endforeach
                        @endforeach
                    </td>
                </tr>
            @endif
            {{------------------------------------------------------------------------------------------------------------------------------ note --}}
            @if($order->note)
                <tr>
                    <td colspan="2" style="font-size: .7em;">
                        <b>@transUc('models.order.note') :</b> {{ $order->note }}
                    </td>
                </tr>
            @endif
        @endforeach
    </table>
    <br>
    <br>
    <div style="width: 100%; text-align:center; color: lightgray;">-</div>
</div>