{{--
@if($data['shipment_details'])
    <div class="row">
        <div class="form-group col-sm-12">
            <label>Shipment ID: {{$data['shipment_details']->shipment_id}}</label>
            <label class="pull-right">Transaction Date: {{$data['shipment_details']->transaction_date}} {{$data['shipment_details']->transaction_time}}</label>
        </div>
    </div>

    <hr>

    <div class="row">
        <div class="form-group col-sm-6">
            <div class="form-group row">
                <label class="col-sm-5 col-form-label text-right">Customer Name:</label>
                <div class="col-sm-7">
                    <label>{{$data['shipment_details']->given_name}}</label>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-6">
            <div class="form-group row">
                <label class="col-sm-5 col-form-label text-right">Shipping Fee:</label>
                <div class="col-sm-7">
                    @foreach($data['shipment_details']->shipping_fee_breakdown as $shipping_fee)
                        <label>{{$shipping_fee->description}} {{$shipping_fee->amount}}</label><br>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="form-group col-sm-6">
            <div class="form-group row">
                <label class="col-sm-5 col-form-label text-right">Customer Email:</label>
                <div class="col-sm-7">
                    <label>{{$data['shipment_details']->email}}</label>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-6">
            <div class="form-group row">
                <label class="col-sm-5 col-form-label text-right">Payment Method:</label>
                <div class="col-sm-7">
                    <label>{{$data['shipment_details']->tender_type}}</label>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="form-group col-sm-6">
            <div class="form-group row">
                <label class="col-sm-5 col-form-label text-right">Contact Number:</label>
                <div class="col-sm-7">
                    <label>{{$data['shipment_details']->phone}}</label>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-6">
            <div class="form-group row">
                <label class="col-sm-5 col-form-label text-right">Reference Number:</label>
                <div class="col-sm-7">
                    <label>{{$data['shipment_details']->payment_ref}}</label>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="form-group col-sm-6">

        </div>
        <div class="form-group col-sm-6">
            <div class="form-group row">
                <label class="col-sm-5 col-form-label text-right">Discount Code:</label>
                <div class="col-sm-7">
                    @foreach($data['shipment_details']->coupon_code as $discount_code)
                        <label>{{$discount_code ? : 'N/A'}}</label><br>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    <hr>

    <table class="table table-bordered">
        <thead>
        <tr>
            <th scope="col">No</th>
            <th scope="col">Item SKU</th>
            <th scope="col">Item Name</th>
            <th scope="col">Unit Price</th>
            <th scope="col">Quantity</th>
            <th scope="col">Total Price</th>
            <th scope="col">Discount Amount</th>
            <th scope="col">Order Amount</th>
        </tr>
        </thead>
        <tbody>
        @foreach($data['table_line'] as $key => $line_item)
            <tr>
                <td scope="col">{{$key+1}}</td>
                <td scope="col">{{$line_item->erp_material}}</td>
                <td scope="col">{{$line_item->item_name}}</td>
                <td scope="col">{{$line_item->unit_price}}</td>
                <td scope="col">{{$line_item->quantity}}</td>
                <td scope="col">{{$line_item->line_mrp}}</td>
                <td scope="col">{{$line_item->dscnt_amt}}</td>
                <td scope="col">{{$line_item->order_amount}}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    </div>
@else
    <div class="text-center">
        No data available
    </div>
@endif--}}

<div class="row gutters">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-body p-0">
                <div class="invoice-container">
                    <div class="invoice-header">
                        <div class="row gutters">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-12 col-6 pull-right">
                                <div class="text-right">
                                    <address>
                                        <strong>Transaction
                                            Date</strong>: {{$data['shipment_details']->transaction_datetime}} <br>
                                        <br>
                                    </address>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-0 col-6">
                                <div><strong>Shipment ID</strong>: <a
                                            class="invoice-logo"> {{$data['shipment_details']->shipment_id}}</a></div>
                                <div><strong>Customer</strong>: {{$data['shipment_details']->given_name}}</div>
                                <div><strong>Contact</strong>: {{$data['shipment_details']->phone}}</div>
                                <div><strong>Email</strong>: {{$data['shipment_details']->email}}</div>
                            </div>
                        </div>
                        <br>
                        <div class="row gutters">
                            <div class="col-xl-4 col-lg-8 col-md-12 col-sm-12 col-xs-12 col-6">
                                <div><strong>Payment Method</strong>: {{$data['shipment_details']->tender_type}}</div>
                                <div><strong>Reference No</strong>: {{$data['shipment_details']->payment_ref}}</div>
                                <br>
                            </div>
                            <div class="col-xl-4 col-lg-2 col-md-0 col-sm-0 col-xs-0 col-3 pull-right">
                                <div class="text-right">
                                    <address>
                                        <strong>Discount Code(s)</strong><br>
                                        @foreach($data['shipment_details']->coupon_code as $discount_code)
                                            {{$discount_code ? : 'N/A'}}<br>
                                        @endforeach
                                    </address>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-2 col-md-0 col-sm-0 col-xs-0 col-3 pull-right">
                                <div class="text-right">
                                    <address>
                                        <strong>Shipping fee(s)</strong><br>
                                        @forelse($data['shipment_details']->shipping_fee_breakdown as $shipping_fee)
                                            {{$shipping_fee->description}} {{$shipping_fee->amount}}<br>
                                        @empty
                                            N/A<br>
                                        @endforelse
                                    </address>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="invoice-body">
                        <!-- Row start -->
                        <div class="row gutters">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="table-responsive">
                                    <table class="table custom-table m-0">
                                        <thead>
                                        <tr>
                                            <th>Items</th>
                                            {{--  <th>Product ID</th>--}}
                                            <th>Qty</th>
                                            <th>Unit Price</th>
                                            <th>Discount Amount</th>
                                            <th>Total</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($data['table_line'] as $key => $line_item)
                                            <tr>
                                                <td>
                                                    {{--Wordpress Template--}}
                                                    {{$line_item->erp_material}}
                                                    <p class="m-0 text-muted">
                                                        {{$line_item->item_name}}
                                                    </p>
                                                </td>
                                                {{-- <td>{{$line_item->erp_material}}</td>--}}
                                                <td>{{$line_item->quantity}}</td>
                                                <td>₱ {{number_format($line_item->unit_price,2)}}</td>
                                                <td>₱ {{number_format($line_item->dscnt_amt,2)}}</td>
                                                <td>₱ {{number_format($line_item->order_amount,2)}}</td>
                                            </tr>
                                        @endforeach
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>
                                                <p>
                                                    <strong>Sub Total</strong><br>
                                                    <strong>Shipping & Handling</strong><br>
                                                    <strong style="color:{{$data['shipment_details']->type === 'Refund' ? 'red' : '#31b131'}}">Grand Total</strong><br>
                                                </p>
                                            </td>
                                            <td colspan="2">
                                                <p>
                                                    ₱ {{number_format(abs( $data['shipment_details']->total_value - $data['shipment_details']->shipping_fee),2)}}
                                                    <br>
                                                    ₱ {{number_format( $data['shipment_details']->shipping_fee,2)}}
                                                    <br>
                                                    <label style="color:{{$data['shipment_details']->type === 'Refund' ? 'red' : '#31b131'}}">₱ {{$data['shipment_details']->type != 'Refund' ? number_format($data['shipment_details']->total_value,2) : number_format(abs($data['shipment_details']->total_value),2)}}</label>
                                                </p>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- Row end -->
                    </div>
                    <div class="invoice-footer">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>