@extends('layouts.admin')

@section('page-title', $edit ? trans('crm.edit_invoice_tooltip') : trans('crm.create_invoice'))

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span
                            class="font-weight-semibold">{{ $edit ? trans('crm.edit_invoice_tooltip') : trans('crm.create_invoice')  }}</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">


        @include('partials.messages')


        <div class="card">
            <form class="form-validate-jquery disable-block" id="invoice-form" action="#">
                <input type="hidden" name="id" value="{{ $edit ? $invoice->id: 0 }}">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-6">

                            <div class="form-group">
                                <label><span class="text-danger">* </span>@lang('crm.client')</label>
                                <select name="clientid" id="clientid" class="select-remote-data mb-5" data-ajax--url="{{ url('admin/contracts/search?type=customer') }}"
                                        data-placeholder="Select Customer" onchange="onCustomerChanged()" required data-func>
                                    @if($edit)<option value="{{ $invoice['clientid'] }}" selected="selected">{{ get_company_or_contact_name($invoice['clientid']) }}</option>@endif
                                    @if(isset($_GET['client_id']))<option value="{{ $_GET['client_id'] }}" selected="selected">{{ get_company_or_contact_name($_GET['client_id']) }}</option>@endif
                                </select>
                            </div>

                            <a href="#" onclick="onBillShipClicked()"><i class="text-primary icon-pencil3"></i></a>
                            <div class="row">
                                <div class="col-lg-6 form-group">
                                    <span>@lang('crm.invoice_bill_to')</span><br>
                                    <span id="billing_street">--</span><br>
                                    <span id="billing_city">--</span>,<span id="billing_state">--</span><br>
                                    <span id="billing_country">--</span>,<span id="billing_zip">--</span><br>
                                </div>
                                <div class="col-lg-6">
                                    <div class="col-lg-6 form-group">
                                        <span>@lang('crm.ship_to')</span><br>
                                        <span id="shipping_street">--</span><br>
                                        <span id="shipping_city">--</span>,<span id="shipping_state">--</span><br>
                                        <span id="shipping_country">--</span>,<span id="shipping_zip">--</span><br>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label><span class="text-danger">* </span>@lang('crm.invoice_add_edit_number')</label>
                                <div class="input-group">
                                    <span class="input-group-prepend">
                                        <span class="input-group-text">
                                            {{$invoice_prefix}}
                                        </span>
                                    </span>
                                    <input type="text" name="number" id="number" class="form-control" required
                                           value="{{sprintf("%'.0".get_option('number_padding_prefixes')."d", $edit && $invoice ? $invoice['number'] : $invoice_num) }}"/>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label><span class="text-danger">* </span>@lang('crm.invoice_add_edit_date')</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control daterange-single"  name="date" id="date"
                                                   value="{{$edit && $invoice ? local_time_format($invoice->date) : '' }}">
                                            <span class="input-group-prepend">
                                                <span class="input-group-text"><i class="icon-calendar22"></i></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>@lang('crm.invoice_add_edit_duedate')</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control daterange-single"  name="duedate" id="duedate"
                                                   value="{{$edit && $invoice ? local_time_format($invoice->duedate) : '' }}">
                                            <span class="input-group-prepend">
                                                <span class="input-group-text"><i class="icon-calendar22"></i></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="form-check checkbox-primary">
                                <label class="form-check-label">
                                    <input type="checkbox" class='form-check-input-styled' name="cancel_overdue_reminders" id="cancel_overdue_reminder"
                                    @if(isset($invoice) && $invoice->cancel_overdue_reminders == 1) checked @endif>
                                    @lang('crm.cancel_overdue_reminders_invoice')
                                </label>
                            </div>

                        </div>
                        <div class="col-lg-6  mt-1">
                            <div class="form-group">
                                <label><i class="fa fa-tag"></i>@lang('crm.tags')</label>
                                <input type="text" id="invoice_tags" class="form-control tokenfield ml-1" value="" data-func>
                            </div>
                            <div class="form-group">
                                <label>@lang('crm.invoice_add_edit_allowed_payment_modes')</label>
                                <select multiple name="allowed_payment_modes[]" id="allowed_payment_modes" class="form-control-select2 mb-5">
                                    @foreach($payment_modes as $payment_mode)
                                        <option value="{{$payment_mode['id']}}"
                                                @if($edit && $invoice->allowed_payment_modes && in_array($payment_mode['id'], unserialize($invoice->allowed_payment_modes))) selected @endif>{{$payment_mode['name']}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label><span class="text-danger">* </span>@lang('crm.estimate_add_edit_currency')
                                        </label>
                                        <select name="currency" id="currency" class="form-control-select2 mb-5">
                                            @foreach($currencies as $currency)
                                                <option value="{{$currency['id']}}" @if($edit && $currency['id'] == $invoice['currency']) selected @endif>{{$currency['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <div class="form-group">
                                            <label>@lang('crm.sale_agent_string')</label>
                                            <select name="sale_agent" id="sale_agent" class="form-control select-search mb-5">
                                                <option value="-1" class="text-grey">Nothing Selected</option>
                                                @foreach($sale_agents as $sale_agent)
                                                    <option value="{{$sale_agent['id']}}" @if($edit && $sale_agent['id'] == $invoice['sale_agent']) selected @endif>
                                                        {{$sale_agent['firstname'].' '.$sale_agent['midname'].$sale_agent['lastname']}}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>@lang('crm.invoice_add_edit_recurring')</label>
                                        <input type="number" name="recurring_unit" id="recurring_unit" class="form-control" value="{{ $edit ? $invoice['recurring_unit']:1 }}">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Recurring Type</label>
                                        <select name="recurring_type" id="recurring_type" class="form-control-select2 mb-5">
                                            <option value="month">month(s)</option>
                                            <option value="day" >day(s)</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group " id="recurring_total_cycles">
                                        <label>@lang('crm.recurring_total_cycles')</label>
                                        <input type="number" class="form-control" placeholder="" value="{{ $edit ? $invoice['recurring_cycles']:1 }}"
                                               name="recurring_cycles" id="recurring_cycles">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>@lang('crm.estimate_add_edit_admin_note')</label>
                                <textarea name="adminnote" id="adminnote" class="form-control">{{ $edit ? $invoice['adminnote']:''}}</textarea>
                            </div>

                            <input type="hidden" name="action" value="save"/>
                        </div>
                    </div>

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

        <div class="card">
            <div class="card-body">

                {{--<div class="form-group">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="@lang('crm.add_item')">
                                <span class="input-group-append">
                                <span class="input-group-text"><i class="icon-plus2"></i></span>
                            </span>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="@lang('crm.bill_tasks')">
                                <span class="input-group-append">
                                <span class="input-group-text"><i class="icon-question4"></i></span>
                            </span>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="text-right mt-2">
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input type="radio" class="form-check-input-styled" name="radio-quantity"
                                               id="radio-qty"
                                               onclick="onRadioQtyClicked()"
                                               checked
                                               data-fouc>
                                        Qty
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input type="radio" class="form-check-input-styled" name="radio-quantity"
                                               onclick="onRadioHoursClicked()"
                                               id="radio-hours"
                                               data-fouc>
                                        Hours
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input type="radio" class="form-check-input-styled" name="radio-quantity"
                                               onclick="onRadioQtyHoursClicked()"
                                               id="radio-qty-hours"
                                               data-fouc>
                                        Qt/Hours
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>--}}

                <table class="table" id="invoice-table">
                    <thead style="background-color:#273246; color: white">
                    <th ><i class="icon-info22 mr-1" data-popup="tooltip" data-toggle="tooltip" data-title="@lang('crm.item_description_new_lines_notice')"></i>@lang('crm.invoice_table_item_heading')</th>
                    <th>@lang('crm.invoice_items_list_description')</th>
                    <th id="quantity-type" class="text-right">Qty</th>
                    <th class="text-right">@lang('crm.invoice_table_rate_heading')</th>
                    <th class="text-right">@lang('crm.invoice_table_tax_heading')</th>
                    <th class="text-right">@lang('crm.invoice_table_amount_heading')</th>
                    <th><i class="fa fa-cog"></i></th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            <input type="hidden" name="id" class="itemid" value="0">
                            <textarea id="item" class="form-control" placeholder="Description"></textarea>
                        </td>
                        <td>
                            <textarea id="description" class="form-control" placeholder="Long Description"></textarea>
                        </td>
                        <td>
                            <input type="number" class="form-control" id="qty" value="1">
                            <div class="text-right">
                                <span>Unit</span>
                            </div>
                        </td>
                        <td>
                            <input type="number" class="form-control" id="rate" value="1">
                        </td>
                        <td>
                            <select  class="form-control-select2 mb-5 discount_type" disabled>
                                <option>No Tax</option>
                                {{--@foreach($discount_types as $discount_type)
                                    <option value="{{$discount_type['id']}}">{{$discount_type['name']}}</option>
                                @endforeach--}}
                            </select>
                        </td>
                        <td></td>
                        <td>
                            <button type="button" class="btn btn-success btn-icon btn-sm" onclick="onAddDescription(this)"><i
                                        class="icon-check"></i>
                            </button>
                         </td>
                    </tr>
                    @if($edit && !empty($itemables))
                    @foreach($itemables as $item)
                        <tr class="invoice-item">
                            <td>
                                <input type="hidden" name="id" class="itemid" value="{{ $item['id'] }}">
                                <textarea class="form-control item" placeholder="Description">{{ $item->description }}</textarea>
                            </td>
                            <td>
                            <textarea class="form-control description"
                                      placeholder="Long Description">{{ $item->long_description }}</textarea>
                            </td>
                            <td>
                                <input type="number" class="form-control qty" value="{{ $item->qty }}">
                                <div class="text-right">
                                    <span>Unit</span>
                                </div>
                            </td>
                            <td>
                                <input type="number" class="form-control rate" value="{{ $item->rate }}">
                            </td>
                            <td>
                                <select  class="form-control-select2 mb-5 discount_type" disabled>
                                    <option>No Tax</option>
                                    {{--@foreach($discount_types as $discount_type)
                                        <option value="{{$discount_type['id']}}">{{$discount_type['name']}}</option>
                                    @endforeach--}}
                                </select>
                            </td>
                            <td class="text-right">
                                {{ $item->rate * $item->qty }}
                            </td>
                            <td>
                                <button type="button" class="btn btn-danger btn-icon btn-sm" onclick="onDeleteItem(this, {{ $loop->index }})"><i
                                            class="icon-cross2"></i>
                                </button>
                            </td>
                        </tr>
                    @endforeach
                    @endif
                    </tbody>
                </table>


                <div class="form-group mt-5">
                    <div class="row">
                        <div class="col-md-8"></div>
                        <label class="col-md-3 font-size-sm font-weight-bold text-lg-right">Sub Total:</label>
                        <label class="col-md-1 text-lg-right" id="sub-total-value">${{ $edit ? $invoice->total : 0.00  }}</label>
                    </div>
                </div>

               {{-- <div class="form-group">
                    <div class="row">
                        <div class="col-md-8"></div>
                        <div class="col-md-3 text-lg-right">
                            <div class="form-group row">
                                <label for="discount" class="col-form-label col-lg-3 font-size-sm font-weight-bold">Discount</label>
                                <div class="input-group col-lg-9" style="padding-right: 0px;">
                                    <input class="form-control" type="number" name="discount" id="discount" value="0" min="0" onchange="onDiscountValueChanged()"/>
                                    <span class="input-group-append">
                                            <select name="calc_type" id="calc_type" class="form-control select" onchange="onDiscountTypeChanged()" data-func>
                                                <option value="1">%</option>
                                                <option value="2">Fixed Amount</option>
                                            </select>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <label class="col-md-1 text-lg-right" id="discount-value">-$0.00</label>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-8"></div>
                        <div class="col-md-3 text-lg-right">
                            <div class="form-group row">
                                <label for="adjustment" class="col-form-label col-lg-3 font-size-sm font-weight-bold">Adjustment</label>
                                <input class="col-lg-9 form-control" type="number" name="adjustment" id="adjustment" value="0" min="0" onchange="onAdjustment()"/>
                            </div>
                        </div>
                        <label class="col-md-1 text-lg-right" id="adjustment-value">$0.00</label>
                    </div>
                </div>--}}

                <div class="form-group">
                    <div class="row">
                        <div class="col-md-8"></div>
                        <label class="col-md-3 font-size-sm font-weight-bold text-lg-right">Total:</label>
                        <label class="col-md-1 text-lg-right" id="total-value">${{ $edit ? $invoice->total : 0.00  }}</label>
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-body">

                <div class="form-group">
                    <label>@lang('crm.invoice_add_edit_client_note')</label>
                    <textarea name="clientnote" id="clientnote" class="form-control" rows="4">{{ $edit ? $invoice['clientnote']:''}}</textarea>
                </div>
                <div class="form-group">
                    <label>@lang('crm.terms_and_conditions')</label>
                    <textarea name="terms" id="terms" class="form-control" rows="4">{{ $edit ? $invoice['terms']:''}}</textarea>
                </div>

                <div class="text-right">
                    {{--<button type="submit" class="btn btn-default border-grey" id="saveInvoiceDraft" >@lang('crm.save_as_draft')</button>--}}
                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"  aria-expanded="false">@lang('crm.save')</button>
                    <div class="dropdown-menu dropdown-menu-right" x-placement="top-end" >
                        <a href="#" class="btn btn-primary dropdown-item" id="saveInvoice" >@lang('crm.save')</a>
                        <a href="#" class="btn btn-primary dropdown-item" id="saveInvoiceSend" >@lang('crm.save_and_send')</a>
                        <a href="#" class="btn btn-primary dropdown-item" id="saveInvoicePayment" >@lang('crm.save_and_record_payment')</a>
                    </div>
                </div>
            </div>
        </div>

    </div>

@stop

@section('scripts')
    {!! HTML::script('assets/js/as/invoice.js') !!}
    <script>
        $(function () {
            if($('#clientid').val()){
                $('#clientid').trigger('change')
            }
        })
    </script>
@stop