@extends('layouts.backend')


@section('content')
    <section class="privatePanel Invoices CustomerInvoices">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                        <a href="/Private/addNewLoad">
                                <li>Add New Load</li>
                            </a>
                            <a id="customerLoads" href="/Private/Loads">
                                <li>Loads</li>
                            </a>
                            <a id="customerCompletedEntries" href="/Private/CompletedEntries">
                                <span class="unread_items completedloadsItems @if($getThis->getUnreadCompletedLoads()==0) hide @endif">{{$getThis->getUnreadCompletedLoads()}}</span>
                                <li>Completed Entries</li>
                            </a>
                            <a id="customerRejectedEntries" href="/Private/RejectedEntries">
                                <span class="unread_items rejectedloadsItems @if($getThis->getUnreadRejectedLoads()==0) hide @endif">{{$getThis->getUnreadRejectedLoads()}}</span>
                                <li>Rejected Entries</li>
                            </a>
                            @if($user->parent==0)
                            <a href="/Private/Invoices">
                                <span class="unread_items invoicesItems @if($getThis->getUnreadInvoices()==0) hide @endif">{{$getThis->getUnreadInvoices()}}</span>
                                <li>Invoices</li>
                            </a>
                            @endif
                            <a id="customerMessages" href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getCustomerUnreadMessages()==0) hide @endif">{{$getThis->getCustomerUnreadMessages()}}</span>
                                <li>Messages</li>
                            </a>
                            @if ($user->parent==0)
                            <a href="/Private/Users">
                                <li>Users</li>
                            </a>
                            @endif
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content InvoicesList">
                    <h2 class="title">Invoices</h2>

                    <div class="row col-lg-12 actions">
                        <div class="col-lg-10"></div>
                        <div class="col-lg-2 btnArea">
                            
                        </div>

                    </div>

                    <div class="row thead">
                        <div class="col-lg-1">#</div>
                        <div class="col-lg-3">Reference</div>
                        <div class="col-lg-2 centered">Issue Date</div>
                        <div class="col-lg-2 centered">Due Date</div>
                        <div class="col-lg-2 centered">Status</div>
                        
                        <div class="col-lg-2 centered">Actions</div>
                    </div>
                    <input type="hidden" name="customer_id" value="{{$user->id}}" />
                    <div class="invoicesList">
    @foreach ($invoices as $no => $invoice)

    @php
    $status='Awaiting Payment';
    if ($invoice->status==1) {
        $status = 'Proof uploaded';
    }
    if ($invoice->status==2) {
        $status = 'Paid';
    }
    if ($invoice->status==4) {
        $status = 'Voided';
    }
    

    @endphp

    <div class="row tbody invoice{{$invoice->id}} @if ($invoice->seen==0) unread @endif">
                        <div class="col-lg-1">{{$invoice->invoice_number}}</div>
                        <div class="col-lg-3 ref">{{$invoice->reference}}
                        
                            @if ($invoice->status==0 && $invoice->reason!='')
                            <div class="reason"><b>Rejection reason:</b> {{$invoice->reason}}</div>
                            @endif
                            
                        </div>
                        <div class="col-lg-2 centered">
                          {{date('d F Y',strtotime($invoice->issue_date))}}
                        </div>
                        <div class="col-lg-2 centered">
                            {{date('d F Y',strtotime($invoice->due_date))}}
                          </div>                        
                        <div class="col-lg-2 centered invoiceStatus">
                            <span class="status status{{$invoice->status}}">{{$status}}</span>
                            <span class="proof_status"></span>
                        </div>
                        <div class="col-lg-2 centered actions">
                            <a href="/Private/viewInvoice/{{$invoice->invoice_number}}" class="btn btn-primary" target="_blank">Download Invoice</a>

                            @if ($invoice->status==0)
                            <button class="btn btn-danger uploadFile" id="{{$invoice->id}}">Upload Payment Proof</button>
                            @endif
                            @if ($invoice->status==1)
                            <button class="btn btn-danger uploadFile" id="{{$invoice->id}}">Change Payment Proof</button>
                            @endif

                            <input type="file" name="proof_file" class="hidden" id="{{$invoice->id}}" />

                            @if (!empty($invoice->payment_proof)) 
                         <a class="btn btn-success" href="/storage/proofs/{{$invoice->customer_id}}/{{$invoice->payment_proof}}" target="_blank">Download proof</a> 
                            @endif
                            
                        </div>

    </div>
    @endforeach
    {{$invoices->links('vendor.pagination.default')}}
                    </div>

                </div>
            </div>
        </div>

    </section>
@endsection