@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('inv::invoice.update customer invoice'))

@section('content')

    <section id="ps-form-page">
        <div class="breadcrumb-wraper">
        <ul class="breadcrumb">
              <li><a href="{{ route('dashboard')}}" class="active bread-link">
            	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('inv::invoice.home') }}</a></li>
            	<li><a href="{{ route('list_invoice')}}" class="bread-link">{{ __('inv::invoice.sales invoice') }}</a></li>
              <li>{{ __('inv::invoice.update') }} {{ $invoice_info -> invoice_number }}</li>
            </ul>
        </div>

        <div class="main-form-wrapper">
            <h1 class="form-page-title">
                <span class="me-2 icon"><i class="fa-solid fa-file-invoice"></i></span>
                {{ __('inv::invoice.update invoice') }} - {{ $invoice_info->invoice_number }}
            </h1>
            @includeif('invoice::Modals.add_customer')
            <div class="form-container-wrapper">
                <div class="container-fluid">
                    <form class="update-invoice-form">

                        <div class="row g-3">
                            <div class="col-sm-12 col-md-4 col-lg-4">
                                <div class="mb-3">
                                    <label for="customer_name" class="form-label">{{ __('inv::invoice.customer name') }}:
                                        <button type="button" class="btn add-customer-btn ms-2" data-bs-toggle="modal" data-bs-target="#InvoiceCustomerModal"><span class="me-2">{{__('inv::invoice.add new customer') }}</span><i class="fa-sharp fa-solid fa-user-plus"></i></button></label>
                                    <select class="form-select select_customer" id="customer_name" name="customer_name" data-url="{{ route('get_customer_info', ['id' => ":id"]) }}">
                                        <option value="">--- {{ __('inv::invoice.select a customer') }} ---</option>
                                        @if( count(CUSTOMERS()) > 0)
                                            @foreach( CUSTOMERs() as $customer)
                                                <option value="{{$customer->id}}" @selected(($customer->id) == $invoice_info->customer_id)>{{$customer->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="ctel" class="form-label">{{ __('inv::invoice.customer tel') }}:</label>
                                    <input type="tel" class="form-control" id="customer_tel" aria-label="customer_tel"
                                           aria-describedby="customer_tel" name="customer_tel" value="{{ $invoice_info->invoice_customer->mobile }}">
                                </div>
                                <div class="mb-3">
                                    <label for="PayMethod" class="form-label">{{ __('inv::invoice.payment method') }}:</label>
                                    <select class="form-select" aria-label="PayMethod" id="PayMethod" name="PayMethod">
                                        @if(count(PAYMENT_GATEWAY()) > 0)
                                            @foreach(PAYMENT_GATEWAY() as $payment_gateway)
                                                <option value="{{$payment_gateway->id}}" @selected(($payment_gateway->id) == $invoice_info->invoice_payment->payment_method)>{{ $payment_gateway->payment_method}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                                @if(Account::is_enable_accounting() == "enabled")
                                <div class="mb-3">
                                    <label for="account" class="form-label">{{ __('inv::invoice.deposit account') }}</label>
                                    <select name="account" id="account" class="form-select">
                                        <option value="">--- {{ __('inv::invoice.select an account')}} ---</option>
                                        @if( count( ACCOUNT()) > 0)
                                            @foreach( ACCOUNT() as $acc)
                                                <option value="{{ $acc -> id }}" @selected(($acc -> id) == $invoice_info->account_id)>{{ $acc -> name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                                    @endif
                            </div>
                            <div class="col-sm-12 col-md-4 col-lg-4">
                                <div class="mb-3">
                                    <label for="salesperson" class="form-label">{{ __('inv::invoice.salesperson') }}:</label>
                                    <select aria-label="salesperson" id="salesperson" name="salesperson" class="form-select">
                                        @if(count(clerks()) > 0)
                                            @foreach(clerks() as $clerks)
                                                <option value="{{ $clerks->id }}" @selected(( $clerks->id) == $invoice_info->clerk_id)>{{ $clerks->Name }}</option>
                                            @endforeach
                                        @else
                                            <option value="">--- {{ __('inv::invoice.sales_team_warning') }} ---</option>
                                        @endif
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="courier" class="form-label">{{ __('inv::invoice.courier') }}:</label>
                                    <select class="form-select" id="courier" name="courier">
                                        @if( count(courier()) > 0)
                                            @foreach(courier() as $courier)
                                                <option value="{{$courier->id}}" @selected(($courier->id) == $invoice_info->shipping_method_id )>{{$courier->courier_name}}</option>
                                            @endforeach
                                        @else
                                            <option value="">--- {{ __('inv::invoice.shipping_warning') }} ---</option>
                                        @endif
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="trace" class="form-label">{{ __('inv::invoice.tracking number') }}:</label>
                                    <input type="text" class="form-control" id="trace" name="trace"
                                           aria-describedby="trace" value="{{ $invoice_info->tracking_number }}">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4 col-lg-4">
                                <div class="mb-3">
                                    <label for="inv_number" class="form-label">{{ __('inv::invoice.invoice no') }}:</label>
                                    <input type="text" class="form-control" id="inv_number" name="inv_number"
                                           aria-describedby="inv_number" value="{{ $invoice_info->invoice_number }}" readonly>
                                </div>
                                <div class="mb-3">
                                    <label for="date" class="form-label">{{ __('inv::invoice.date') }}:</label>
                                    <input type="date" class="form-control" id="date" name="date" value="{!! $invoice_info->date !!}"
                                           aria-describedby="date" >
                                </div>
                                <div class="mb-3">
                                    <label for="billing_terms" class="form-label">{{ __('inv::invoice.billing terms') }}:</label>
                                    <select name="billing_term" id="billing_term" class="form-select">
                                        @if(payment_terms() == "both")
                                            <option value="none">--- {{ __('inv::invoice.select payment term') }} ---</option>
                                        @endif
                                        <option value="cash terms" @selected(( $invoice_info->term) == "cash terms")>{{ __('inv::invoice.cash terms') }}</option>
                                        <option value="installments" @selected(( $invoice_info->term) == "installments")>{{ __('inv::invoice.installment') }}</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="PaymentDue" class="form-label">{{ __('inv::invoice.payment due date')}}:</label>
                                    <input type="date" class="form-control" name="PaymentDue" id="PaymentDue"
                                           arial-label="PaymentDue" value="{!! $invoice_info->invoice_payment->payment_due !!}">
                                </div>
                            </div>
                        </div>
                        <section id="auto-mechanism">
                            {{ Mech::update_form($invoice_info) }}
                        </section>
                        <div class="ps-address-wrapper">
                            <div class="container">
                                <div class="row justify-content-center g-3">
                                    <div class="col-sm-12 col-md-6 col-lg-6">
                                        <div class="mb-1">
                                            <label for="billing_address" class="form-label">{{ __('inv::invoice.bill to') }}:</label>
                                            <textarea class="form-control" name="billing_address"
                                                      id="billing_address">{!! $invoice_info->invoice_customer->billing_address !!}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6 col-lg-6">
                                        <div class="mb-1">
                                            <label for="shipping_address" class="form-label">{{ __('inv::invoice.ship to') }}:</label>
                                            <textarea class="form-control"  name="shipping_address"
                                                      id="shipping_address">{!! $invoice_info->invoice_customer->shipping_address !!}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-wrapper">
                            <div class="table-responsive">
                                <table class="table table-hover table-striped">
                                    <colgroup>
                                        <col width="15%">
                                        <col width="30%">
                                        <col width="15%">
                                        <col width="5%">
                                        <col width="10%">
                                        <col width="10%">
                                        <col width="5%">
                                    </colgroup>
                                    <thead>
                                       <tr>
                                           <th>{{__('inv::invoice.barcode')}}</th>
                                           <th>{{__('inv::invoice.description')}}</th>
                                           <th>{{__('inv::invoice.serial no')}}</th>
                                           <th>{{__('inv::invoice.qty')}}</th>
                                           <th>{{__('inv::invoice.price')}}</th>
                                           <th>{{__('inv::invoice.total')}}</th>
                                           <th>{{__('inv::invoice.action')}}</th>
                                       </tr>
                                    </thead>
                                    <tbody id="order-table-item-body" data-url="{{ route('get_product_by_barcode', ['query' => ':query']) }}">
                                    @if(count($invoice_info->invoice_item) > 0)
                                    @foreach($invoice_info->invoice_item as $item)
                                    <tr>
                                        <td hidden><input type="text" class="form-control" name="product_id[]" id="product_id" value="{{ $item->id }}"></td>
                                        <td hidden><input type="text" class="form-control" name="cost_price[]" id="cost_price" value="{{ $item->cost }}"></td>
                                        <td><input type="text" class="form-control" id="barcode" name="barcode[]" value="{{ $item->barcode }}"></td>
                                        <td><input type="text" class="form-control" name="description[]" id="description" value="{{ $item->description }}"></td>
                                        <td><input type="text" class="form-control" id="serialnumber" name="serialnumber[]" value="{{ $item->serialnumber }}"></td>
                                        <td><input type="number" class="form-control" id="quantity" name="quantity[]" value="{{ $item->quantity }}"></td>
                                        <td><input type="number" class="form-control" id="selling_price" name="selling_price[]" value="{{ Invoice::format_item_payment($item->selling_price) }}"></td>
                                        <td><input type="number" class="form-control" id="total" name="total[]" value="{{ Invoice::format_item_payment($item->total) }}"></td>
                                        <td><button class="btn btn-danger .removeRows remove-invoice-item" id="removeRows" type="button"><i class="fas fa-minus"></i></button></td>
                                    </tr>
                                    @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="mb-3">
                            <button type="button" id="add-discount" class="btn btn-primary mb-2"><span class="me-2"><i class="fa-solid fa-percent"></i></span>{{__('inv::invoice.add discount')}}</button>
                            @if(View::exists('stocks::Products.short_code.products_modal') && allow_inventory() == "enabled")
                                @include('stocks::Products.short_code.products_modal')
                            @endif
                            <button class="btn btn-success mb-2" id="addNewRows" type="button"><span class="me-2"><i class="fa-solid fa-plus"></i></span>{{__('inv::invoice.add rows')}}</button>
                        </div>
                        <div class="ps-payment-details-wrapper">
                            <div class="container">
                                <div class="row justify-content-center g-3">
                                    <div class="col-sm-4">
                                        <div class="note">
                                            <textarea name="inv_comment" class="form-control" id="inv_comment">{!! $invoice_info->comment !!}</textarea>
                                        </div>
                                        <!-- Button Record Invoice -->
                                        <div class="invoice-btn py-4 mx-2">
                                            <button type="button" class="btn btn-success" id="update-invoice" value="{{ $invoice_info -> id}}"
                                                    data-url="{{route('update-invoice', ['id' => $invoice_info->id, 'inv_no' => $invoice_info->invoice_number])}}">
                                                <span class="btn-text"> {{__('inv::invoice.update invoice')}}</span>
                                                <span class="loading-spinner"><i class="fa-solid fa-spinner fa-spin"></i></span>
                                                <span class="loading-text">{{__('inv::invoice.processing')}}.....</span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                                            <span class="form-inline">
                                                                <div class="form-group">
                                                                    <label>{{__('inv::invoice.subtotal')}}:</label>
                                                                    <div class="input-group">
                                                                        <div class="input-group mb-2">
                                                                             <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                                                        <input type="number" class="form-control" name="subTotal" id="subTotal" step="any" value="{!! Invoice::format_item_payment($invoice_info->invoice_payment->subtotal) !!}" readonly>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>{{__('inv::invoice.tax rate')}}:</label>
                                                                    <div class="input-group mb-2">
                                                                        <span class="input-group-text">{{ ('%') }}</span>
                                            <input type="text" class="form-control" name="tax_Rate" id="tax_Rate"
                                                   value="{!! ($invoice_info->invoice_payment->tax_rate) ? $invoice_info->invoice_payment->tax_rate : Invoice::tax() !!}" readonly>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>{{__('inv::invoice.tax amount')}}:</label>
                                                                    <div class="input-group mb-2">
                                                                        <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                                                        <input  type="number" class="form-control" name="taxAmount" step="any" id="taxAmount" value="{!! Invoice::format_item_payment($invoice_info->invoice_payment->taxamount) !!}" readonly>
                                                                    </div>
                                                                </div>


                                                                <div class="form-group">
                                                                    <label>{{__('inv::invoice.total amount')}}:</label>
                                                                    <div class="input-group mb-2">
                                                                        <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                                <input type="number" class="form-control" name="totalAftertax" id="totalAftertax" step="any" value="{!! Invoice::format_item_payment($invoice_info->invoice_payment->totalaftertax) !!}" readonly>
                                                                    </div>
                                                                </div>
                                                            </span>
                                                                            </div>
                                                                            <div class="col-sm-4">

                                                                                <div class="form-group">
                                                                                    <label>{{__('inv::invoice.shipping fee')}}:</label>
                                                                                    <div class="input-group mb-3">
                                                                                        <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                                                                        <input type="number" class="form-control" step="any" name="shipping_fees" id="shipping_fees" value="{!! Invoice::format_item_payment($invoice_info->invoice_payment->shipping_fees) !!}">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group">
                                                                                    <label>{{__('inv::invoice.amount paid')}}:</label>
                                                                                    <div class="input-group mb-2">
                                                                                        <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                                                                        <input type="number" class="form-control" name="amountPaid" id="amountPaid" step="any" value="{!! Invoice::format_item_payment($invoice_info->invoice_payment->amount_paid) !!}">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group">
                                                                                    <label>{{__('inv::invoice.amount due')}}:</label>
                                                                                    <div class="input-group mb-2">
                                                                                        <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                                                                        <input type="number" class="form-control" name="amountDue" step="any" id="amountDue" value="{!! Invoice::format_item_payment($invoice_info->invoice_payment->amount_due) !!}"  readonly>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group balance-wrapper">
                                                                                    <label>{{__('inv::invoice.change')}}:</label>
                                                                                    <div class="input-group mb-2">
                                                                                        <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                                                                        <input type="number" class="form-control" name="Balance" step="any" id="Balance" value="0.00"  readonly>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                            </section>
                                    @endsection