@extends('layouts.admin')

@section('page-title', $edit ? sprintf(trans('crm.edit'), trans('crm.credit_note')) : trans('crm.new_credit_note'))

@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 ? sprintf(trans('crm.edit'), trans('crm.credit_note')) : trans('crm.new_credit_note')  }}</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="card">
            <form class="form-validate-jquery disable-block" id="credit-note-form" action="#">
                <input type="hidden" name="id" value="{{ $edit ? $creditnote->id: 0 }}">
                <div class="card-body">
                    @if($edit)
                    <div class="form-group">
                        {!! format_credit_note_status($creditnote->status) !!}
                    </div>
                    <div class="col-md-12" style="padding: 0">
                        <hr>
                    </div>
                    @endif
                    <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="{{ $creditnote['clientid'] }}" selected="selected">{{ get_company_or_contact_name($creditnote['clientid']) }}</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="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 && $creditnote ? local_time_format($creditnote->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><span class="text-danger">* </span>@lang('crm.credit_note_number')</label>
                                        <div class="input-group">
                                            <span class="input-group-prepend">
                                                <span class="input-group-text">
                                                    {{$creditnote_prefix}}
                                                </span>
                                            </span>
                                            <input type="text" name="number" id="number" class="form-control" required
                                                   value="{{ sprintf('%06d',  $edit &&  $creditnote ? $creditnote['number'] : $creditnote_num)}}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-lg-6  mt-1">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label><span class="text-danger">* </span>@lang('crm.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'] == $creditnote['currency']) selected @endif>{{$currency['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>@lang('crm.reference_no')</label>

                                        <input type="text" class="form-control" placeholder="" value="{{ $edit ? $creditnote['reference_no']:'' }}"
                                               name="reference_no" id="reference_no">
                                    </div>
                                </div>
                            </div>

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

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

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

        <div class="card">
            <div class="card-body">
                <table class="table" id="creditnote-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_table_item_description')</th>
                    <th id="quantity-type" class="text-right">@lang('crm.invoice_table_quantity_heading')</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 align="center"><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="creditnote-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 ? $creditnote->subtotal : 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 ? $creditnote->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 ? $creditnote['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 ? $creditnote['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="saveCreditNote" >@lang('crm.save')</a>
                        <a href="#" class="btn btn-primary dropdown-item" id="saveCreditNoteSend" >@lang('crm.save_and_send')</a>
                    </div>
                </div>

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

    </div>
@stop

@section('scripts')
    {!! HTML::script('assets/js/as/creditnote.js') !!}
    <script>
    </script>

@stop