@extends('layouts/layout')
@section('title', 'Invoices')
@push('style')
@endpush

@section('content')
<!-- page content -->
<div class="" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-12 col-sm-12 mt-2">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Invoices</h2>

                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content mt-0 p-0">
                        <!-- <form class="mb-3" method="POST" action="">
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Invoice Type</label>
                                    <select class="select2 form-control" name="invoice_type" id="invoice_type"
                                        data-toggle="select2">
                                        <option value="" selected>Select Invoice Type</option>
                                        <option value="">Paid Invoices</option>
                                        <option value="">Unpaid Invoices</option>

                                    </select>
                                    <span id="invoice_type_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <label class="form-control-label mb-1">From Date</label>
                                <input id="from_date" name="from_date" class="date-picker form-control"
                                    placeholder="dd-mm-yyyy" type="text" required="required" type="text"
                                    onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'"
                                    onblur="this.type='text'" onmouseout="timeFunctionLong(this)">
                                <span id="from_date_error" class="validate"></span>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <label class="form-control-label mb-1">To Date</label>
                                <input id="to_date" name="to_date" class="date-picker form-control"
                                    placeholder="dd-mm-yyyy" type="text" required="required" type="text"
                                    onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'"
                                    onblur="this.type='text'" onmouseout="timeFunctionLong(this)">
                                <span id="to_date_error" class="validate"></span>
                            </div>
                            <div class="form-group">
                                <div class="col-12 col-sm-2 col-md-2 col-lg-2 col-xl-2 offset-md-1">
                                    <button type="submit" id="training_id"
                                        class="btn btn-round btn-primary mt-4">Submit</button>
                                </div>
                            </div>
                        </form> -->
                        <div class="col-md-12 col-sm-12 ">
                            <div class="">
                                <div class="">

                                    <table id="datatable-fixed-header"
                                        class="table table-striped table-bordered text-center" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Sr.No</th>
                                                <th>Invoice Number</th>
                                                <th>Invoice Date</th>
                                                <th>Age Of Bill</th>
                                                <th>Invoice Type</th>
                                                <th>Invoice Unit</th>
                                                <th>Invoice<br> Amount</th>
                                                <th>Outstanding<br> Amount</th>
                                                <th>Submitted To</th>
                                                <th>Submitted Date</th>
                                                <th>Submitted By</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($billing as $key => $invoice)
                                            <tr>
                                                <td>{{$key +1}}</td>
                                                <td>{{$invoice->invoiceno}}</td>
                                                <td>{{date('d-m-Y', strtotime($invoice->invoicedate))}}</td>
                                                <td>