@extends('layouts.backend')


@section('content')
    <section class="privatePanel newInvoiceSection">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a href="/Private/ReadyLoads">
                                <span class="unread_items readyloadsItems @if($getThis->getUnreadReadyLoads()==0) hide @endif">{{$getThis->getUnreadReadyLoads()}}</span>
                                <li>To Invoice</li>
                            </a>
                            <a href="/Private/InvoicedLoads">
                                <li>Jobs Invoiced</li>
                            </a>
                            <a href="/Private/CompletedLoads">
                                <li>Completed Loads</li>
                            </a>
                            <a href="/Private/RejectedLoads">
                                <li>Voided Jobs</li>
                            </a>
                            <a href="/Private/Services">
                                <li>Services</li>
                            </a>
                            <a class="active" href="/Private/Invoices">
                                <span class="unread_items invoicesItems @if($getThis->getFinancialUnreadInvoices()==0) hide @endif">{{$getThis->getFinancialUnreadInvoices()}}</span>
                                <li>Invoices</li>
                            </a>
                            <a href="/Private/Customers">
                                <li>Customers</li>
                            </a>   
                            <a href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getFinancialUnreadMessages()==0) hide @endif">{{$getThis->getFinancialUnreadMessages()}}</span>
                                <li>Messages</li>
                            </a>
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content newLoad newInvoice">
                    <input type="hidden" name="type" value="edit" />
                    <input type="hidden" name="invoice_id" value="{{$invoice->id}}" />
                    <input type="hidden" name="customer_id" value="{{ $invoice->customer_id }}" />
                    <h2 class="title">New Invoice</h2>

                    <div class="row col-lg-12 form-group">
                        <div class="col-lg-2">
                                <label>Customer Type</label>
                                <select class="form-control" name="customer_type">
                                            <option value="0" @if($invoice->customer_type=='0') selected="selected" @endif>Internal</option>
                                            <option value="1" @if($invoice->customer_type=='1') selected="selected" @endif>External</option>
                                </select>
                        </div>
                        <div class="col-lg-4 invoice_to @if($invoice->customer_type=='1') hidden @endif">
                            <label>To</label>
                            <div class="input-group mb-3 issueDateInput">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="calendar_addon"><i
                                            class="fa-solid fa-user"></i></span>
                                </div>
                                @if ($invoice->customer_id > 0)
                                <input type="text" name="to" id="{{$invoice->customer_id}}" class="form-control" value="{{$invoice->getCustomer->legal_name}}"
                                    autocomplete="off" @if($invoice->status < 3) disabled="disabled" @endif />
                                    @else
                                    <input type="text" name="to" id="" class="form-control" value=""
                                    autocomplete="off" />
                                    @endif
                                <div class="customersResults">

                                </div>
                            </div>

                        </div>
                        <div class="col-lg-3">
                            <label>Issue date</label>

                            <div class="input-group mb-3 issueDateInput">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="calendar_addon"><i
                                            class="fa-solid fa-calendar"></i></span>
                                </div>
                                <input type="text" name="issue_date" class="form-control"
                                    value="{{ date('d M Y', strtotime($invoice->issue_date)) }}" />
                                <div class="input-group-append">
                                    <span class="input-group-text arrow_addon"><i class="fa-solid fa-caret-down"></i></span>
                                </div>
                                <div class="issueDateOptions hidden">
                                    <ul>
                                        <li><button class="dateItem" type="button"
                                                id="{{ date('d M Y', strtotime(date('Y-m-d'))) }}"><span
                                                    class="pickitem-text"><span>Today</span><span>{{ date('d M', strtotime(date('Y-m-d'))) }}</span></span></button>
                                        </li>
                                        <li><button class="dateItem" type="button"
                                                id="{{ date('d M Y', strtotime('+1 day', strtotime(date('Y-m-d')))) }}"><span
                                                    class="pickitem-text"><span>Tomorrow</span><span>{{ date('d M', strtotime('+1 day', strtotime(date('Y-m-d')))) }}</span></span></button>
                                        </li>
                                    </ul>

                                    <ul>
                                        <li><button type="button" class="getIssueDatePicker"><span
                                                    class="pickitem-text"><span><i class="fa-solid fa-calendar"></i> Pick
                                                        another date</span></button>
                                            <input type="text" class="selectedIssueDate novisibility" value="" />
                                        </li>
                                    </ul>
                                    <div class="close closeInvoiceDate"><button class="btn btn-info"
                                            id="issue">Close</button></div>
                                </div>
                            </div>


                        </div>
                        <div class="col-lg-3">
                            <label>Due date</label>

                            <div class="input-group mb-3 dueDateInput">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="calendar_addon"><i
                                            class="fa-solid fa-calendar"></i></span>
                                </div>
                                <input type="text" name="due_date" class="form-control"
                                    value="{{ date('d M Y', strtotime($invoice->due_date)) }}" />
                                <div class="input-group-append">
                                    <span class="input-group-text arrow_addon"><i class="fa-solid fa-caret-down"></i></span>
                                </div>
                                <div class="dueDateOptions hidden">
                                    <ul>
                                        <li><button class="dateItem" type="button"
                                                id="{{ date('d M Y', strtotime(date('Y-m-d'))) }}"><span
                                                    class="pickitem-text"><span>Today</span><span>{{ date('d M', strtotime(date('Y-m-d'))) }}</span></span></button>
                                        </li>
                                        <li><button class="dateItem" type="button"
                                                id="{{ date('d M Y', strtotime('+7 day', strtotime(date('Y-m-d')))) }}"><span
                                                    class="pickitem-text"><span>In 7
                                                        days</span><span>{{ date('d M', strtotime('+7 day', strtotime(date('Y-m-d')))) }}</span></span></button>
                                        </li>
                                        <li><button class="dateItem" type="button"
                                                id="{{ date('d M Y', strtotime('+14 day', strtotime(date('Y-m-d')))) }}"><span
                                                    class="pickitem-text"><span>In 14
                                                        days</span><span>{{ date('d M', strtotime('+14 day', strtotime(date('Y-m-d')))) }}</span></span></button>
                                        </li>

                                        <li><button class="dateItem" type="button"
                                                id="{{ date('d M Y', strtotime(date('Y-m-01', strtotime(date('Y-m-d', strtotime('+1 month', strtotime(date('Y-m-d')))))))) }}"><span
                                                    class="pickitem-text"><span>1st of next
                                                        month</span><span>{{ date('d M', strtotime(date('Y-m-01', strtotime(date('Y-m-d', strtotime('+1 month', strtotime(date('Y-m-d')))))))) }}
                                                    </span></span></button>
                                        </li>
                                        <li><button class="dateItem" type="button"
                                                id="{{ date('d M Y', strtotime(date('Y-m-t', strtotime(date('Y-m-d', strtotime('+1 month', strtotime(date('Y-m-d')))))))) }}"><span
                                                    class="pickitem-text"><span>End of next
                                                        month</span><span>{{ date('d M', strtotime(date('Y-m-t', strtotime(date('Y-m-d', strtotime('+1 month', strtotime(date('Y-m-d')))))))) }}
                                                    </span></span></button>
                                        </li>
                                    </ul>

                                    <ul>
                                        <li><button type="button" class="getDueDatePicker"><span
                                                    class="pickitem-text"><span><i class="fa-solid fa-calendar"></i> Pick
                                                        another date</span></button>
                                            <input type="text" class="selectedDueDate novisibility" value="" />
                                        </li>
                                    </ul>
                                    <div class="close closeInvoiceDate"><button class="btn btn-info"
                                            id="due">Close</button></div>
                                </div>
                            </div>


                        </div>
                    </div>

            <div class="row col-lg-12 form-group additionalFields @if($invoice->customer_type=='1') show @endif ">
                    <div class="col-lg-3 form-group">
                        <label>Legal name</label>
                        <input type="text" name="legal_name" class="form-control" placeholder="Company name" value="{{$invoice->legal_name}}" autocomplete="off" />
                    </div>
                    <div class="col-lg-3 form-group">
                        <label>Building name/number</label>
                        <input type="text" name="building_name_number" class="form-control" placeholder="e.g. Building Name" autocomplete="off" value="{{$invoice->building_name_number}}"/>
                    </div>
                    <div class="col-lg-4 form-group">
                        <label>Street</label>
                        <input type="text" name="street" class="form-control" placeholder="Street" value="{{$invoice->street}}" autocomplete="off" />
                    </div>
                    <div class="col-lg-2 form-group">
                        <label>Town/City</label>
                        <input type="text" name="town_city" class="form-control" placeholder="" value="{{$invoice->town_city}}" autocomplete="off" />
                    </div>
                    <div class="col-lg-3 form-group">
                        <label>Postcode</label>
                        <input type="text" name="postcode" class="form-control" placeholder="" value="{{$invoice->postcode}}" autocomplete="off" />
                    </div>
                    <div class="col-lg-3 form-group">
                        <label>Country</label>
                        <input type="text" name="country" class="form-control" placeholder="" value="{{$invoice->country}}" autocomplete="off" />
                    </div>
                    <div class="col-lg-3 form-group">
                        <label>Vat Number</label>
                        <input type="text" name="vat_number" class="form-control" placeholder="" value="{{$invoice->vat_number}}" autocomplete="off" />
                    </div>
                    <div class="col-lg-3 form-group">
                        <label>Payment Contact Email</label>
                        <input type="text" name="payment_contact_email" class="form-control" placeholder="" value="{{$invoice->payment_contact_email}}" autocomplete="off" />
                    </div>
                    <div class="col-lg-3 form-group">
                        <label>Search Job</label>
                        <input type="text" name="search_job" class="form-control" placeholder="ex: entry230123 or 230123" value="" autocomplete="off" />
                        <div class="jobsResult">
                            <ul>
            
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-9 form-group jobSelected">
                        @if ($invoice->customer_type=='1')
                            @foreach ($get_invoice_jobs as $additionalJob)
                            <div class="jobItemAdditional item{{$additionalJob->job_id}}"><span class="delItem" id="{{$additionalJob->job_id}}">x</span>{{$additionalJob->getJob->reference}}<input type="hidden" name="jobsSelected" value="{{$additionalJob->job_id}}" /></div>
                            @endforeach
                        @endif
                    </div>
            </div>

                    <div class="row col-lg-12 form-group">
                    <div class="col-lg-4 selectJobs @if($invoice->customer_type=='1') hidden @endif">
    <label>Select Jobs</label>
    <div class="jobsToInvoice">
    <ul>
        @if ($invoice->status < 3)
            @foreach ($jobs as $job)
                <li><input type="checkbox" class="jobItem" value="{{$job->getJob->id}}"  checked="checked" disabled /> #{{$job->getJob->reference}}</li>
            @endforeach
            @endif
            @if ($invoice->status==3)
        @foreach ($jobs as $job)
            <li><input type="checkbox" class="jobItem" value="{{$job->id}}" @if (in_array($job->id,$invoice_jobs)) checked="checked" @endif /> #{{$job->reference}}</li>
        @endforeach
        
        @endif
    </ul>
    </div>
                    </div>
                        <div class="col-lg-2">
                            <label>Invoice number</label>
                            <input type="text" name="invoice_number" class="form-control" disabled
                                @if ($invoice->status < 3 || $invoice->status==4)
                                value="# {{ $invoice->invoice_series.' '.$invoice->invoice_number }}"
                                @endif
                                
                            
                            
                            />
                        </div>
                        <div class="col-lg-3">
                            <label>Reference</label>
                            <div class="input-group mb-3 issueDateInput">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="calendar_addon"><i
                                            class="fa-solid fa-bookmark"></i></span>
                                </div>
                                <input type="text" name="reference" class="form-control" value="{{$invoice->reference}}"
                                    autocomplete="off" />
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <label>Currency</label>
                            <div class="input-group mb-3 issueDateInput">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="calendar_addon"><i
                                            class="fa-solid fa-coins"></i></span>
                                </div>
                                <select class="form-control" name="currency">
                                    @foreach ($currencies as $currency)
                                        <option value="{{ $currency->id }}" @if($currency->id==$invoice->currency) selected="selected" @endif>{{ $currency->currency }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <hr />
                        <div class="row col-lg-12 form-group invoiceProducts">
                            <div class="row thead">
                                <div class="col-lg-2">Item</div>
                                <div class="col-lg-4">Description</div>
                                <div class="col-lg-1">Qty.</div>
                                <div class="col-lg-1">Price</div>
                                <div class="col-lg-2">Tax rate</div>
                                <div class="col-lg-1">Amount</div>
                                <div class="col-lg-1"></div>
                            </div>

                            @if (count($invoice_details) > 0)
                            @foreach ($invoice_details as $no => $detail)


                            <div class="row tbody productItem" id="item{{$no}}">
                                <div class="col-lg-2"><input type="text" class="item form-control" value="{{$detail->item}}" />
                                </div>
                                <div class="col-lg-4"><input type="text" class="description form-control"
                                        value="{{$detail->description}}" /></div>
                                <div class="col-lg-1"><input type="text" class="qty form-control" value="{{$detail->qty}}" />
                                </div>
                                <div class="col-lg-1"><input type="text" class="price form-control" value="{{$detail->price}}" />
                                </div>
                                <div class="col-lg-2">
                                    <select class="tax_rate form-control">
                                        <option value="0" @if($detail->tax_rate=='0') selected="selected" @endif>No Tax</option>
                                        <option value="5" @if($detail->tax_rate=='5') selected="selected" @endif>5%</option>
                                        <option value="10" @if($detail->tax_rate=='10') selected="selected" @endif>10%</option>
                                        <option value="15" @if($detail->tax_rate=='15') selected="selected" @endif>15%</option>
                                        <option value="20" @if($detail->tax_rate=='20') selected="selected" @endif>20%</option>
                                    </select>
                                    <input type="hidden" class="vat_type" value="" />
                                </div>
                                <div class="col-lg-1"><input type="text" class="amount form-control" value="{{$detail->amount}}"
                                        readonly />
                                </div>
                                <div class="col-lg-1 alignRight"><i class="fa-solid fa-xmark deleteProduct" id="{{$no}}"></i></div>
                                <div class="servicesResult">
                                </div>
                            </div>

                        

                            @endforeach
                            <div class="row tbody productItem empty" id="item{{$no+1}}">
                                <div class="col-lg-2"><input type="text" class="item form-control" value="" />
                                </div>
                                <div class="col-lg-4"><input type="text" class="description form-control"
                                        value="" /></div>
                                <div class="col-lg-1"><input type="text" class="qty form-control" value="" />
                                </div>
                                <div class="col-lg-1"><input type="text" class="price form-control" value="" />
                                </div>
                                <div class="col-lg-2">
                                    <select class="tax_rate form-control">
                                        <option value=""></option>
                                        <option value="0">No Tax</option>
                                        <option value="5">5%</option>
                                        <option value="10">10%</option>
                                        <option value="15">15%</option>
                                        <option value="20">20%</option>
                                    </select>
                                    <input type="hidden" class="vat_type" value="" />
                                </div>
                                <div class="col-lg-1"><input type="text" class="amount form-control" value=""
                                        readonly />
                                </div>
                                <div class="col-lg-1 alignRight"><i class="fa-solid fa-xmark deleteProduct" id="1"></i></div>
                                <div class="servicesResult">
                                </div>
                            </div>
                            @else

                            <div class="row tbody productItem empty" id="item1">
                                <div class="col-lg-2"><input type="text" class="item form-control" value="" />
                                </div>
                                <div class="col-lg-4"><input type="text" class="description form-control"
                                        value="" /></div>
                                <div class="col-lg-1"><input type="text" class="qty form-control" value="" />
                                </div>
                                <div class="col-lg-1"><input type="text" class="price form-control" value="" />
                                </div>
                                <div class="col-lg-2">
                                    <select class="tax_rate form-control">
                                        <option value=""></option>
                                        <option value="0">No Tax</option>
                                        <option value="5">5%</option>
                                        <option value="10">10%</option>
                                        <option value="15">15%</option>
                                        <option value="20">20%</option>
                                    </select>
                                    <input type="hidden" class="vat_type" value="" />
                                </div>
                                <div class="col-lg-1"><input type="text" class="amount form-control" value=""
                                        readonly />
                                </div>
                                <div class="col-lg-1 centered"><i class="fa-solid fa-xmark deleteProduct" id="1"></i></div>
                                <div class="servicesResult">
                                </div>
                            </div>
                            @endif


                        </div>

                        <div class="row form-group invoiceSummar">
                            <div class="col-lg-12 row SubTotal">
                                <div class="col-lg-7"></div>
                                <div class="col-lg-5 row">
                                    <div class="col-lg-10">Subtotal</div>
                                    <div class="col-lg-2 alignRight sum">{{number_format($invoice->subtotal,2)}}</div>
                                </div>
                            </div>
                            <div class="col-lg-12 row TotalTax">
                                <div class="col-lg-7"></div>
                                <div class="col-lg-5 row">
                                    <div class="col-lg-10">Total Tax</div>
                                    <div class="col-lg-2 alignRight sum">{{number_format($invoice->total_tax,2)}}</div>
                                </div>
                            </div>
                            <div class="col-lg-12 row">
                                <div class="col-lg-7"></div>
                                <div class="col-lg-5 row">
                                    <hr />
                                </div>
                            </div>

                            <div class="col-lg-12 row Total">
                                <div class="col-lg-7"></div>
                                <div class="col-lg-5 row">
                                    <div class="col-lg-10"><b>Total</b></div>
                                    <div class="col-lg-2 alignRight sum">{{number_format($invoice->total,2)}}</div>
                                </div>
                            </div>

                        </div>


                        <div class="row col-lg-12 form-group stepContent">
                            <div class="col-lg-12 error">TEST error</div>
                        </div>
                        <div class="row col-lg-12 form-group stepContent">
    <div class="col-lg-4"></div>
    <div class="col-lg-8 alignRight">

        @if ($invoice->customer_type==1 && $invoice->status==0)

        @if ($invoice->documents_released==0)
                <button class="btn btn-success actionBtn externalReleaseDocuments" id="{{$invoice->id}}">Make Paid</button>
        @endif

        {{--<button class="btn btn-info externalUploadFile" id="{{$invoice->id}}">Upload Payment Proof</button>--}}

        @endif

        @if ($invoice->status == 3)
        <button class="btn btn-success invoiceBtn SendInvoice">Send</button> 
            <button class="btn btn-warning invoiceBtn SaveInvoice">Save</button> 
            <button class="btn btn-danger invoiceBtn CancelInvoice">Cancel</button>
        @endif
        @if ($invoice->status == 0 || $invoice->status == 1)
            <button class="btn btn-danger invoiceBtn VoidInvoice">Void Invoice</button>
        @endif

        @if ($invoice->status == 2)
        <a href="/storage/invoices/{{$invoice->customer_id}}/{{$invoice->invoice_file}}" target="blank" class="btn btn-info">Download invoice</a> <a class="btn btn-warning downloadProof" href="/storage/proofs/{{$invoice->customer_id}}/{{$invoice->payment_proof}}" target="_blank">Download proof</a> 
        @endif

        @if ($invoice->status == 4) 
        <a href="/storage/invoices/{{$invoice->customer_id}}/{{$invoice->invoice_file}}" target="blank" class="btn btn-info">Download invoice</a>
        @endif
</div>
                    </div> 

                    </div>



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

    </section>
@endsection