@extends('layouts.admin')

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

@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_estimate_tooltip') : trans('crm.create_new_estimate') }}</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')
        <form class="form-validate-jquery disable-block" id="appendix-form" action="#">
        <div class="card">
            <div class="card-body">
                @if($edit)
                <div class="form-group">
                    @php
                        $status_string = 'Draft';
                        $status_actions = '';
                        foreach ($appendix_statuses as $id => $appendix_status) {
                            if ($edit && $id == $appendix['status']) {
                                $status_string  = $id;
                            }
                        }

                        echo format_estimate_status($status_string);
                    @endphp
                </div>
                <div class="col-md-12" style="padding: 0">
                    <hr>
                </div>
                @endif

                <div class="row">
                    <form class="disable-block" id="appendix-form" action="#">
                     <input type="hidden" name="id" value="{{ $edit ? $appendix['id']: 0 }}">
                        <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({{ $appendix['contractid'] ?? 0 }})" required data-func>
                                    @if($edit)<option value="{{ $appendix['clientid'] }}" selected="selected">{{ get_company_or_contact_name($appendix['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>

                            <div class="form-group">
                                <label>@lang('crm.contract')</label>
                                <select name="contractid" id="contractid" class="form-control form-control-select2 mb-5"  data-placeholder="Select a Contract..." required data-func>
                                    <option></option>
                                </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.estimate_add_edit_number')</label>
                                <div class="input-group">
                                    <span class="input-group-prepend">
                                        <span class="input-group-text">
                                            {{$appendix_prefix}}
                                        </span>
                                    </span>
                                    <input type="text" name="number" id="number" class="form-control" required
                                           value="{{  sprintf("%'.0".get_option('number_padding_prefixes')."d", $edit ? $appendix['number'] : $appendix_num)}}"/>
                                    <span class="input-group-append">
                                        <span class="input-group-text">
                                            {{$appendix_suffix}}
                                        </span>
                                    </span>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>@lang('crm.estimate_add_edit_date')</label>
                                        <input class="form-control daterange-single" type="text" name="date" id="date"
                                               value="{{$edit ? local_date_format($appendix['date']) : ''}}"/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>@lang('crm.estimate_add_edit_expirydate')</label>
                                        <input class="form-control daterange-single" type="text" name="expirydate" id="expirydate"
                                               value="{{$edit ? local_date_format($appendix['expirydate']):''}}"/>
                                    </div>
                                </div>
                            </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="tags" name="tags" class="form-control tokenfield ml-1" value="" data-func>
                            </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 $id => $currency)
                                                <option value="{{$currency['id']}}" @if($edit && $appendix['currency'] == $currency['id']) 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.estimate_dt_table_heading_status')</label>
                                            <select name="status" id="status" class="form-control-select2 mb-5">
                                                @foreach($appendix_statuses as $id => $appendix_status)
                                                    <option value="{{$id}}" @if($edit && $id == $appendix['status']) selected @endif>{{$appendix_status}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>@lang('crm.reference_no')</label>
                                <input type="text" name="reference_no" id="reference_no" class="form-control" value="{{$edit ? $appendix['reference_no'] : ''}}">
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <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'] == $appendix['$sale_agent']) selected @endif>{{$sale_agent['firstname'].' '.$sale_agent['midname'].$sale_agent['lastname']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <div class="form-group">
                                        </div>
                                    </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 ? $appendix['adminnote'] : ''}}</textarea>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <table class="table" id="appendix-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.estimate_table_item_heading')</th>
                    <th>@lang('crm.estimate_table_item_description')</th>
                    <th id="quantity-type" class="text-right">Qty</th>
                    <th class="text-right">@lang('crm.estimate_table_rate_heading')</th>
                    <th class="text-right">@lang('crm.estimate_table_amount_heading')</th>
                    <th><i class="fa fa-cog"></i></th>
                    </thead>
                    <tbody>
                    <tr>
                    <td>
                        <input type="hidden" id="itemid" name="itemid" class="form-control" 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">
                        <div class="text-right">
                            <span>Unit</span>
                        </div>
                    </td>

                    <td></td>
                    <td>
                        <button type="button" class="btn btn-success btn-icon btn-sm" onclick="onAddDescription()"><i
                                    class="icon-check"></i>
                        </button>
                     </td>
                    </tr>
                    </tbody>
                </table>

                <div class="form-group">

                </div>

                <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 ? $appendix['subtotal'] : 0}}</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="{{$appendix['discount_percent']}}" 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="{{$appendix['adjustment']}}" min="0" onchange="onAdjustment()"/>
                            </div>
                        </div>
                        <label class="col-md-1 text-lg-right" id="adjustment-value">${{$appendix['adjustment']}}</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 ? $appendix['total'] : 0}}</label>
                    </div>
                </div>
            </div>
        </div>

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

                <div class="text-right">
{{--                    <button type="button" class="btn btn-primary" id="updateAppendix" onclick="updateAppendix({{$appendix['id']}})" >@lang('crm.clients_edit_profile_update_btn')</button>--}}
                        <button type="button" class="btn btn-primary" id="saveAppendix">Save</button>
                </div>
            </div>
        </div>
        </form>
    </div>

@stop

@section('scripts')
    {!! HTML::script('assets/js/as/appendix.js') !!}
    <script>
        $(document).ready(function () {
            @foreach($itemables as $itemable)
                onAddItemables("{{$itemable['id']}}","{{$itemable['description']}}", "{{$itemable['long_description']}}", "{{$itemable['qty']}}", "{{$itemable['rate']}}");
            @endforeach

            if($('#clientid').val()){
                $('#clientid').trigger('change')
            }
        });
    </script>

@stop