@extends('layouts.master')

@section('page_title','Search Results')

@section('title','Search')
@section('main_item','Search')
@section('sub_item',$query)

@section('content')

    @foreach ($sales as $sale)
    <div class="col-md-4">
    <div class="card">
        <div class="card-body">
                <div class="card  card-light">
                    <div class="card-body">
                        <div class="card-header">
                            <h4 class="mt-0"> <strong>Invoice Number : </strong>#{{$sale->invoice_no}}</h4>
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <b>Waybill No :</b> {{$sale->waybill->waybill_no}}<br>
                                <b>Customer name : </b>{{ $sale->customer->name }}<br>
                                <b>Address : </b>
                                {{$sale->customer->landmark}}<br>
                                {{$sale->customer->city}}<br>
                                {{!empty($sale->customer->district->district_name) ? $sale->customer->district->district_name : ''}} <br>
                                <b>Mobile :</b> {{$sale->customer->mobile}}<br>
                                <b>Mobile 2 :</b> {{$sale->customer->mobile_2}}<br>
                            </li>
                        </ul>
                        <div class="table-responsive dash-social">
                            <table id="datatable" class="table">
                                <thead class="thead-dark">
                                    <tr>
                                        <th>Product Name</th>
                                        <th>SKU</th>

                                    </tr>
                                    <!--end tr-->
                                </thead>

                                <tbody>
                                    @foreach ($sale->saleItems as $item)
                                    <tr>
                                        <td>{{$item->product->product_name}}</td>
                                        <td>{{$item->product->sku}}</td>

                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="card-header">
                        </div>
                    </div>
                    <!--end card-body-->
                </div>
            </div>
            <!--end card-body-->
        </div>
    </div>
    @endforeach
    <!--end card-->


@endsection

@section('scripts')
<script src="{{asset('js/app.js')}}"></script>
@endsection