@extends('dashboard.components.main')
@section('content')
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">
        <div class="page-content">
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex align-items-center justify-content-between">
                        <h4 class="page-title mb-0 font-size-18">@lang('dashboard_sales_expenses.sales')</h4>
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item active"> @lang('dashboard_clients.welcome_platform')</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->
           
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            
                            <p class="text-center font-size-18 text-dark" style="width: 100%">
                               @lang('dashboard_invoices.details')
                               @if($invoice['type'] == 'sales_invoice' || null)
                                    @lang('dashboard_invoices.invoice')
                               @elseif($invoice['type'] == 'sales_refund')
                                    @lang('dashboard_invoices.refund')
                               @elseif($invoice['type'] == 'price_offer')
                                    @lang('dashboard_invoices.register_quote')
                               @elseif($invoice['type'] == 'sales_order')
                                    @lang('dashboard_invoices.sale_order')
                               @elseif($invoice['type'] == 'voucher_cash')
                                    @lang('dashboard_invoices.cash_sales')
                               @elseif($invoice['type'] == 'sales_advance_payment')
                                    @lang('dashboard_invoices.down_payment')
                               @endif
                               <b class="">{{ $invoice['number'] }}</b>
                            </p>
                            <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>
                                        <th data-priority="1">@lang('dashboard_invoices.Product_or_service')</th>
                                        <th data-priority="1">@lang('dashboard_invoices.sku')</th>
                                        <th data-priority="1">@lang('dashboard_invoices.quantity')</th>
                                        <th data-priority="1">@lang('dashboard_invoices.price')</th>
                                        <th style="width: 110px; white-space: normal" data-priority="1">@lang('dashboard_invoices.product_without_tax')</th>
                                        <th style="width: 50px; white-space: normal" data-priority="1">@lang('dashboard_invoices.discount')</th>
                                        <th style="width: 50px; white-space: normal"  data-priority="1">@lang('dashboard_invoices.tax')</th>
                                        <th style="width: 50px; white-space: normal"  data-priority="1">@lang('dashboard_invoices.total')</th>
                                        <th data-priority="1">@lang('dashboard_invoices.warehouse')</th>
                                        <th data-priority="1">@lang('dashboard_vouchercash.filter')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($products as $product)
                                    <tr>
                                        <td style="width: 120px; white-space: normal">{{($product->service_id == null)?$product->product->name:$product->service->name}}</td>
                                        <td style="width: 100px; white-space: normal">{{($product->service_id == null)?$product->product->sku:$product->service->sku}}</td>
                                        <td style="width: 100px; white-space: normal">{{$product->quantity}}</td>
                                        <td style="width: 100px; white-space: normal">{{$product->price}}</td>
                                        <td>{{$product->total_without_tax}}</td>
                                        <td>{{$product->discount}}</td>
                                        <td>{{$product->total - $product->total_without_tax}}</td>
                                        <td>{{$product->total}}</td>
                                        <td style="width: 100px; white-space: normal">{{@$product->warehouse->name}}</td>
                                        <td style="width: 100px; white-space: normal">{{@$product->filter->name}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- end col -->
            </div>
            <!-- end row -->
            <!-- end row -->
        </div>
        <!-- End Page-content -->
    @endsection