@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-4 text-center">
            <!--a class="btn btn-primary" href="{{ url('/invoice/upload'); }}">Upload Invoice</a-->
        </div>
        <div class="col-md-8 text-center"><h1>Invoice</h1></div>
    </div>
    <div class="container">
        <div class="row row-cols-12 text-right">
            <div class="col-md-12 text-right h5 bordered"><input type="text" value="{{ $data['search'] }}"></div>
        </div>
        <div class="row row-cols-3">
            <div class="col-md-6 text-center h5 bordered"><nobr>Code - Name</nobr></div>
            <div class="col-md-3 text-center h5"><nobr>Invoice</nobr></div>
            <div class="col-md-3 text-center h5"><nobr>Total</nobr></div>
        </div>
        @foreach ($data['data'] as $invoice)
        <div class="row row-cols-3">
            <div class="col-md-6"><nobr>({{ $invoice->customer_no }}) {{ mb_substr($invoice->customer_name,0,-5)."XXXXX" }}</nobr></div>
            <div class="col-md-3"><nobr>{{ $invoice->bill_no }}</nobr></div>
            <div class="col-md-3"><nobr>{{ $invoice->product_grand }}</nobr></div>
        </div>
        @endforeach
        <div class="row">
            <div class="col-md-6"><p>{{ $data['recordsTotal'] }} - {{ $data['recordsFiltered']}} </div>
            <div class="col-md-6"><p>{{ $data['recordsTotal']}}</div>
        </div>
    </div>
</div>

@endsection

@section('script')
@endsection