@extends('layouts/layout')
@section('title', 'Invoices')
@push('style')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.9/sweetalert2.min.css">
<style>
.pageLoader {
    background: url(../images/loader.gif) no-repeat center center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    background-color: #ffffff8c;

}
</style>
@endpush

@section('content')
@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
<!-- 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 action="{{url('invoicehistory')}}" method="post" class="mb-3">
                            @csrf
                            <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">Paid Invoices</option>
                                        <option value="Unpaid">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"
                                    value=""
                                    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"
                                    value=""
                                    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">
                                    <input type="submit" class="btn btn-round btn-primary mt-4" name="show_status"
                                        id="show_status" value="Show Invoices" />
                                    <!-- <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 No</th>
                                                <th>Unit Name</th>
                                                <th>Submitted To</th>
                                                <th>Submitted By</th>
                                                <th>Submitted Date</th>
                                                <th>Invoice Status</th>
                                                <th>Date</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($receipts as $key => $receipt)
                                            @php
                                            $i = "Paid"
                                            @endphp
                                            @php
                                            $j = "Unpaid"
                                            @endphp
                                            <tr>
                                                <td>{{$key +1}}</td>
                                                <td>{{$receipt->invoice_no}}</td>
                                                <td>{{$receipt->unit_name}}</td>
                                                <td>{{$receipt->submitted_to}}</td>
                                                <td>{{$receipt->Submitter}}</td>
                                                <td>{{date('d-m-Y', strtotime($receipt->submitted_date))}}</td>
                                                <td>
                                                    @php
                                                    $var = $receipt->invoice_status == 'Paid'
                                                    @endphp
                                                    @if($var)
                                                    <label class="badge  badge-success">{{$i}}</label>
                                                    @else
                                                    <label class="badge badge-warning">{{ $j }}</label>
                                                    @endif
                                                </td>
                                                <td>{{date('d-m-Y', strtotime($receipt->created_at))}}</td>
                                                <td>
                                                    <input type="hidden" id="trainingid" name="trainingid"
                                                        class="form-control" value="{{$receipt->id}}">

                                                    <a class="btn btn-primary btn-sm btn-round text-white"
                                                        href="{{ route('invoices.edit', $receipt->id)}}">
                                                        <i class="fa fa-eye" style=""></a></i>
                                                </td>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
@endsection
@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.9/sweetalert2.min.js"></script>
<script>
function timeFunctionLong(input) {
    setTimeout(function() {
        input.type = 'text';
    }, 60000);
}
</script>
<script>
var perfEntries = performance.getEntriesByType("navigation");

if (perfEntries[0].type === "back_forward") {
    location.reload(true);
}
</script>

@endpush