@extends('layouts.app')
@section('title', __('purchase.add_purchase'))

@section('content')

    @php
        $custom_labels = json_decode(session('business.custom_labels'), true);
    @endphp
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>@lang('purchase.add_purchase') <i class="fa fa-keyboard-o hover-q text-muted" aria-hidden="true" data-container="body"
                data-toggle="popover" data-placement="bottom" data-content="@include('purchase.partials.keyboard_shortcuts_details')" data-html="true"
                data-trigger="hover" data-original-title="" title=""></i></h1>
    </section>

    <!-- Main content -->
    <section class="content no-print">

        <!-- Page level currency setting -->
        <input type="hidden" id="p_code" value="{{ $currency_details->code }}">
        <input type="hidden" id="p_symbol" value="{{ $currency_details->symbol }}">
        <input type="hidden" id="p_thousand" value="{{ $currency_details->thousand_separator }}">
        <input type="hidden" id="p_decimal" value="{{ $currency_details->decimal_separator }}">


        @include('layouts.partials.error')

        {!! Form::open([
            'url' => action('PurchaseController@store'),
            'method' => 'post',
            'id' => 'add_purchase_form',
            'files' => true,
        ]) !!}
        <form action="/purchases/storepop">
            @component('components.widget', ['class' => 'box-solid'])
                <div class="row">
                    <input type="text" name="is_pop_screen" value="1" hidden>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::label('supplier_id', __('purchase.supplier') . ':*') !!}
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-user"></i>
                                </span>
                                <input type="text" id="default_supplier_id" value="{{ $walk_in_supplier['id'] }}" hidden>
                                <input type="text" id="default_supplier_name" value="{{ $walk_in_supplier['name'] }}" hidden>
                                {!! Form::select('contact_id', [], null, [
                                    'class' => 'form-control',
                                    'placeholder' => __('messages.please_select'),
                                    'required',
                                    'id' => 'supplier_id',
                                ]) !!}
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default bg-white btn-flat add_new_supplier"
                                        data-name=""><i class="fa fa-plus-circle text-primary fa-lg"></i></button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::label('transaction_date', __('purchase.purchase_date') . ':*') !!}
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </span>
                                {!! Form::text('transaction_date', @format_datetime('now'), ['class' => 'form-control', 'readonly', 'required']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="hide col-sm-3 @if (!empty($default_purchase_status)) hide @endif">
                        <div class="form-group">
                            {!! Form::label('status', __('purchase.purchase_status') . ':*') !!} @show_tooltip(__('tooltip.order_status'))
                            {!! Form::select('status', $orderStatuses, $default_purchase_status, [
                                'class' => 'form-control select2',
                                'required',
                            ]) !!}
                        </div>
                    </div>
                    <div class="hide @if (!empty($default_purchase_status)) col-sm-4 @else col-sm-3 @endif">
                        <div class="form-group">
                            {!! Form::label('ref_no', __('purchase.ref_no') . ':') !!}
                            @show_tooltip(__('lang_v1.leave_empty_to_autogenerate'))
                            {!! Form::text('ref_no', null, ['class' => 'form-control']) !!}
                        </div>
                    </div>

                    <!-- Currency Exchange Rate -->
                    <div class="hide col-sm-3 @if (!$currency_details->purchase_in_diff_currency) hide @endif">
                        <div class="form-group">
                            {!! Form::label('exchange_rate', __('purchase.p_exchange_rate') . ':*') !!}
                            @show_tooltip(__('tooltip.currency_exchange_factor'))
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-info"></i>
                                </span>
                                {!! Form::number('exchange_rate', $currency_details->p_exchange_rate, [
                                    'class' => 'form-control',
                                    'required',
                                    'step' => 0.001,
                                ]) !!}
                            </div>
                            <span class="help-block text-danger">
                                @lang('purchase.diff_purchase_currency_help', ['currency' => $currency_details->name])
                            </span>
                        </div>
                    </div>

                    <div class="hide col-md-3">
                        <div class="form-group">
                            <div class="multi-input">
                                {!! Form::label('pay_term_number', __('contact.pay_term') . ':') !!} @show_tooltip(__('tooltip.pay_term'))
                                <br />
                                {!! Form::number('pay_term_number', null, [
                                    'class' => 'form-control width-40 pull-left',
                                    'placeholder' => __('contact.pay_term'),
                                ]) !!}

                                {!! Form::select('pay_term_type', ['months' => __('lang_v1.months'), 'days' => __('lang_v1.days')], null, [
                                    'class' => 'form-control width-60 pull-left',
                                    'placeholder' => __('messages.please_select'),
                                    'id' => 'pay_term_type',
                                ]) !!}
                            </div>
                        </div>
                    </div>

                    <div class="hide col-sm-3">
                        <div class="form-group">
                            {!! Form::label('document', __('purchase.attach_document') . ':') !!}
                            {!! Form::file('document', [
                                'id' => 'upload_document',
                                'accept' => implode(',', array_keys(config('constants.document_upload_mimes_types'))),
                            ]) !!}
                            <p class="help-block">
                                @lang('purchase.max_file_size', ['size' => config('constants.document_size_limit') / 1000000])
                                @includeIf('components.document_help_text')
                            </p>
                        </div>
                    </div>

                    @if (count($business_locations) == 1)
                        @php
                            $default_location = current(array_keys($business_locations->toArray()));
                            $search_disable = false;
                        @endphp
                    @else
                        @php
                            $default_location = null;
                            $search_disable = true;
                        @endphp
                    @endif
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::label('location_id', __('purchase.business_location') . ':*') !!}
                            @show_tooltip(__('tooltip.purchase_location'))
                            {!! Form::select(
                                'location_id',
                                $business_locations,
                                $default_location,
                                ['class' => 'form-control select2', 'required'],
                                $bl_attributes,
                            ) !!}
                        </div>
                    </div>
                </div>
                <div class="row">
                    @php
                        $custom_field_1_label = !empty($custom_labels['purchase']['custom_field_1']) ? $custom_labels['purchase']['custom_field_1'] : '';
                        
                        $is_custom_field_1_required = !empty($custom_labels['purchase']['is_custom_field_1_required']) && $custom_labels['purchase']['is_custom_field_1_required'] == 1 ? true : false;
                        
                        $custom_field_2_label = !empty($custom_labels['purchase']['custom_field_2']) ? $custom_labels['purchase']['custom_field_2'] : '';
                        
                        $is_custom_field_2_required = !empty($custom_labels['purchase']['is_custom_field_2_required']) && $custom_labels['purchase']['is_custom_field_2_required'] == 1 ? true : false;
                        
                        $custom_field_3_label = !empty($custom_labels['purchase']['custom_field_3']) ? $custom_labels['purchase']['custom_field_3'] : '';
                        
                        $is_custom_field_3_required = !empty($custom_labels['purchase']['is_custom_field_3_required']) && $custom_labels['purchase']['is_custom_field_3_required'] == 1 ? true : false;
                        
                        $custom_field_4_label = !empty($custom_labels['purchase']['custom_field_4']) ? $custom_labels['purchase']['custom_field_4'] : '';
                        
                        $is_custom_field_4_required = !empty($custom_labels['purchase']['is_custom_field_4_required']) && $custom_labels['purchase']['is_custom_field_4_required'] == 1 ? true : false;
                    @endphp
                    @if (!empty($custom_field_1_label))
                        @php
                            $label_1 = $custom_field_1_label . ':';
                            if ($is_custom_field_1_required) {
                                $label_1 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('custom_field_1', $label_1) !!}
                                {!! Form::text('custom_field_1', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $custom_field_1_label,
                                    'required' => $is_custom_field_1_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                    @if (!empty($custom_field_2_label))
                        @php
                            $label_2 = $custom_field_2_label . ':';
                            if ($is_custom_field_2_required) {
                                $label_2 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('custom_field_2', $label_2) !!}
                                {!! Form::text('custom_field_2', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $custom_field_2_label,
                                    'required' => $is_custom_field_2_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                    @if (!empty($custom_field_3_label))
                        @php
                            $label_3 = $custom_field_3_label . ':';
                            if ($is_custom_field_3_required) {
                                $label_3 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('custom_field_3', $label_3) !!}
                                {!! Form::text('custom_field_3', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $custom_field_3_label,
                                    'required' => $is_custom_field_3_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                    @if (!empty($custom_field_4_label))
                        @php
                            $label_4 = $custom_field_4_label . ':';
                            if ($is_custom_field_4_required) {
                                $label_4 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('custom_field_4', $label_4) !!}
                                {!! Form::text('custom_field_4', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $custom_field_4_label,
                                    'required' => $is_custom_field_4_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                </div>
            @endcomponent

            @component('components.widget', ['class' => 'box-solid', 'title' => 'Select Products'])
                <div class="col-sm-10 col-sm-offset-1">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default bg-white btn-flat" data-toggle="modal"
                                    data-target="#configure_search_modal"
                                    title="{{ __('lang_v1.configure_product_search') }}"><i
                                        class="fas fa-search-plus"></i></button>
                            </div>
                            {!! Form::text('search_product', null, [
                                'class' => 'form-control mousetrap',
                                'id' => 'search_product',
                                'placeholder' => __('lang_v1.search_product_placeholder'),
                            ]) !!}
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default btn-modal bg-white btn-flat pos_add_quick_product"
                                    data-href="{{ action('ProductController@quickAdd') }}"
                                    data-container=".quick_add_product_modal"><i
                                        class="fa fa-plus-circle text-primary fa-lg"></i></button>
                            </span>
                        </div>
                    </div>
                </div>

                @php
                    $hide_tax = '';
                    if (session()->get('business.enable_inline_tax') == 0) {
                        $hide_tax = 'hide';
                    }
                @endphp

                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1">
                        <div class="table-responsive">
                            <table class="table table-condensed table-bordered table-th-green text-center table-striped"
                                id="purchase_entry_table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>@lang('product.product_name')</th>
                                        <th>@lang('purchase.purchase_quantity')</th>
                                        <th hidden>@lang('lang_v1.unit_cost_before_discount')</th>
                                        <th hidden>@lang('lang_v1.discount_percent')</th>
                                        <th>Unit Price</th>
                                        <th class="{{ $hide_tax }}" hidden>@lang('purchase.subtotal_before_tax')</th>
                                        <th class="{{ $hide_tax }}" hidden>@lang('purchase.product_tax')</th>
                                        <th class="{{ $hide_tax }}" hidden>@lang('purchase.net_cost')</th>
                                        <th>@lang('purchase.line_total')</th>
                                        <th class="@if (!session('business.enable_editing_product_from_purchase')) hide @endif" hidden>
                                            @lang('lang_v1.profit_margin')
                                        </th>
                                        <th hidden>
                                            @lang('purchase.unit_selling_price')
                                            <small>(@lang('product.inc_of_tax'))</small>
                                        </th>
                                        @if (session('business.enable_lot_number'))
                                            <th>
                                                @lang('lang_v1.lot_number')
                                            </th>
                                        @endif
                                        @if (session('business.enable_product_expiry'))
                                            <th>
                                                @lang('product.mfg_date') / @lang('product.exp_date')
                                            </th>
                                        @endif
                                        <th><i class="fa fa-trash" aria-hidden="true"></i></th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                        <hr />
                        <div class="pull-right col-md-5">
                            <table class="pull-right col-md-12">
                                <tr>
                                    <th class="col-md-7 text-right">@lang('lang_v1.total_items'):</th>
                                    <td class="col-md-5 text-left">
                                        <span id="total_quantity" class="display_currency"
                                            data-currency_symbol="false"></span>
                                    </td>
                                </tr>
                                <tr class="hide">
                                    <th class="col-md-7 text-right">@lang('purchase.total_before_tax'):</th>
                                    <td class="col-md-5 text-left">
                                        <span id="total_st_before_tax" class="display_currency"></span>
                                        <input type="hidden" id="st_before_tax_input" value=0>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="col-md-7 text-right">@lang('purchase.net_total_amount'):</th>
                                    <td class="col-md-5 text-left">
                                        <span id="total_subtotal" class="display_currency"></span>
                                        <!-- This is total before purchase tax-->
                                        <input type="hidden" id="total_subtotal_input" value=0 name="total_before_tax">
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <input type="hidden" id="row_count" value="0">
                    </div>
                </div>
            @endcomponent

            @component('components.widget', ['class' => 'box-solid hide', 'title' => 'Add Payment'])
                <div class="row ">
                    <div class="col-sm-12">
                        <table class="table">
                            <tr>
                                <td class="col-md-3">
                                    <div class="form-group">
                                        {!! Form::label('discount_type', __('purchase.discount_type') . ':') !!}
                                        {!! Form::select(
                                            'discount_type',
                                            ['fixed' => __('lang_v1.fixed'), 'percentage' => __('lang_v1.percentage')],
                                            '',
                                            ['class' => 'form-control select2'],
                                        ) !!}
                                    </div>
                                </td>
                                <td class="col-md-3">
                                    <div class="form-group">
                                        {!! Form::label('discount_amount', __('purchase.discount_amount') . ':') !!}
                                        {!! Form::text('discount_amount', 0, ['class' => 'form-control input_number', 'required']) !!}

                                    </div>
                                </td>
                                <td class="col-md-3">
                                    &nbsp;
                                </td>
                                <td class="col-md-3">
                                    <br>
                                    <b>@lang('purchase.discount'):</b>(-)
                                    <span id="discount_calculated_amount" class="display_currency">0</span>
                                    {!! Form::text('final_total', 0, ['id' => 'grand_total_hidden']) !!}<br>
                                    <b>@lang('purchase.purchase_total'): </b><span id="grand_total" class="display_currency"
                                        data-currency_symbol='true'>0</span>
                                </td>
                            </tr>
                            <tr style="display: none;">
                                <td>
                                    <div class="form-group">
                                        {!! Form::label('tax_id', __('purchase.purchase_tax') . ':') !!}
                                        <select name="tax_id" id="tax_id" class="form-control select2"
                                            placeholder="'Please Select'">
                                            <option value="" data-tax_amount="0" data-tax_type="fixed" selected>
                                                @lang('lang_v1.none')</option>
                                            @foreach ($taxes as $tax)
                                                <option value="{{ $tax->id }}" data-tax_amount="{{ $tax->amount }}"
                                                    data-tax_type="{{ $tax->calculation_type }}">{{ $tax->name }}</option>
                                            @endforeach
                                        </select>
                                        {!! Form::hidden('tax_amount', 0, ['id' => 'tax_amount']) !!}
                                    </div>
                                </td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>
                                    <b>@lang('purchase.purchase_tax'):</b>(+)
                                    <span id="tax_calculated_amount" class="display_currency">0</span>
                                </td>
                            </tr>
                            <tr style="display: none;">
                                <td colspan="4">
                                    <div class="form-group">
                                        {!! Form::label('additional_notes', __('purchase.additional_notes')) !!}
                                        {!! Form::textarea('additional_notes', null, ['class' => 'form-control', 'rows' => 3]) !!}
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="row hide">
                    <div class="col-sm-12">
                        <table class="table">
                            <tr>
                                <td class="col-md-3 hide">
                                    <div class="form-group">
                                        {!! Form::label('cash_tendard', __('Cash Tendard') . ':') !!}
                                        {!! Form::text('discount_amount', 0, ['class' => 'form-control cash_tenderd input_number', 'required']) !!}
                                    </div>
                                </td>
                                <td class="col-md-3">
                                    &nbsp;
                                </td>
                                <td class="col-md-3 hide">
                                    <b>Change Return:</b>
                                    <span id="discount_calculated_amount" class="display_currency">0</span>
                                </td>
                            </tr>

                        </table>
                    </div>
                </div>
                <div class="box-body payment_row">
                    @include('purchase.partials.payment_row_form', [
                        'row_index' => 0,
                        'show_date' => true,
                        'show_denomination' => true,
                    ])
                    <hr>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="pull-right"><strong>Change Return:</strong> <span id="payment_due">0.00</span>
                            </div>
                        </div>
                    </div>
                    <br>
                    
                </div>
            @endcomponent
            <div class="row">
                <input type="text" id="is_save_and_print" name="is_save_and_print" value="0" hidden>
                <div class="col-sm-12 text-center">
                    <button type="button" id="submit_purchase_form" class="btn btn-primary btn-big">@lang('messages.save')</button>
                    <button type="button" id="save-and-print" class="btn btn-success btn-big">@lang('lang_v1.save_and_print')</button>
                </div>
            </div>
            @component('components.widget', ['class' => 'box-solid hide'])
                <div class="hide row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('shipping_details', __('purchase.shipping_details') . ':') !!}
                            {!! Form::text('shipping_details', null, ['class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="col-md-4 col-md-offset-4">
                        <div class="form-group">
                            {!! Form::label('shipping_charges', '(+) ' . __('purchase.additional_shipping_charges') . ':') !!}
                            {!! Form::text('shipping_charges', 0, ['class' => 'form-control input_number', 'required']) !!}
                        </div>
                    </div>
                </div>
                <div class="hide row">
                    @php
                        $shipping_custom_label_1 = !empty($custom_labels['purchase_shipping']['custom_field_1']) ? $custom_labels['purchase_shipping']['custom_field_1'] : '';
                        
                        $is_shipping_custom_field_1_required = !empty($custom_labels['purchase_shipping']['is_custom_field_1_required']) && $custom_labels['purchase_shipping']['is_custom_field_1_required'] == 1 ? true : false;
                        
                        $shipping_custom_label_2 = !empty($custom_labels['purchase_shipping']['custom_field_2']) ? $custom_labels['purchase_shipping']['custom_field_2'] : '';
                        
                        $is_shipping_custom_field_2_required = !empty($custom_labels['purchase_shipping']['is_custom_field_2_required']) && $custom_labels['purchase_shipping']['is_custom_field_2_required'] == 1 ? true : false;
                        
                        $shipping_custom_label_3 = !empty($custom_labels['purchase_shipping']['custom_field_3']) ? $custom_labels['purchase_shipping']['custom_field_3'] : '';
                        
                        $is_shipping_custom_field_3_required = !empty($custom_labels['purchase_shipping']['is_custom_field_3_required']) && $custom_labels['purchase_shipping']['is_custom_field_3_required'] == 1 ? true : false;
                        
                        $shipping_custom_label_4 = !empty($custom_labels['purchase_shipping']['custom_field_4']) ? $custom_labels['purchase_shipping']['custom_field_4'] : '';
                        
                        $is_shipping_custom_field_4_required = !empty($custom_labels['purchase_shipping']['is_custom_field_4_required']) && $custom_labels['purchase_shipping']['is_custom_field_4_required'] == 1 ? true : false;
                        
                        $shipping_custom_label_5 = !empty($custom_labels['purchase_shipping']['custom_field_5']) ? $custom_labels['purchase_shipping']['custom_field_5'] : '';
                        
                        $is_shipping_custom_field_5_required = !empty($custom_labels['purchase_shipping']['is_custom_field_5_required']) && $custom_labels['purchase_shipping']['is_custom_field_5_required'] == 1 ? true : false;
                    @endphp

                    @if (!empty($shipping_custom_label_1))
                        @php
                            $label_1 = $shipping_custom_label_1 . ':';
                            if ($is_shipping_custom_field_1_required) {
                                $label_1 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('shipping_custom_field_1', $label_1) !!}
                                {!! Form::text('shipping_custom_field_1', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $shipping_custom_label_1,
                                    'required' => $is_shipping_custom_field_1_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                    @if (!empty($shipping_custom_label_2))
                        @php
                            $label_2 = $shipping_custom_label_2 . ':';
                            if ($is_shipping_custom_field_2_required) {
                                $label_2 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('shipping_custom_field_2', $label_2) !!}
                                {!! Form::text('shipping_custom_field_2', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $shipping_custom_label_2,
                                    'required' => $is_shipping_custom_field_2_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                    @if (!empty($shipping_custom_label_3))
                        @php
                            $label_3 = $shipping_custom_label_3 . ':';
                            if ($is_shipping_custom_field_3_required) {
                                $label_3 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('shipping_custom_field_3', $label_3) !!}
                                {!! Form::text('shipping_custom_field_3', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $shipping_custom_label_3,
                                    'required' => $is_shipping_custom_field_3_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                    @if (!empty($shipping_custom_label_4))
                        @php
                            $label_4 = $shipping_custom_label_4 . ':';
                            if ($is_shipping_custom_field_4_required) {
                                $label_4 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('shipping_custom_field_4', $label_4) !!}
                                {!! Form::text('shipping_custom_field_4', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $shipping_custom_label_4,
                                    'required' => $is_shipping_custom_field_4_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                    @if (!empty($shipping_custom_label_5))
                        @php
                            $label_5 = $shipping_custom_label_5 . ':';
                            if ($is_shipping_custom_field_5_required) {
                                $label_5 .= '*';
                            }
                        @endphp

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('shipping_custom_field_5', $label_5) !!}
                                {!! Form::text('shipping_custom_field_5', null, [
                                    'class' => 'form-control',
                                    'placeholder' => $shipping_custom_label_5,
                                    'required' => $is_shipping_custom_field_5_required,
                                ]) !!}
                            </div>
                        </div>
                    @endif
                </div>
                <div class="hide row">
                    <div class="col-md-12 text-center">
                        <button type="button" class="btn btn-primary btn-sm" id="toggle_additional_expense"> <i
                                class="fas fa-plus"></i> @lang('lang_v1.add_additional_expenses') <i class="fas fa-chevron-down"></i></button>
                    </div>
                    <div class="col-md-8 col-md-offset-4" id="additional_expenses_div" style="display: none;">
                        <table class="table table-condensed">
                            <thead>
                                <tr>
                                    <th>@lang('lang_v1.additional_expense_name')</th>
                                    <th>@lang('sale.amount')</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        {!! Form::text('additional_expense_key_1', null, [
                                            'class' => 'form-control',
                                            'id' => 'additional_expense_key_1',
                                        ]) !!}
                                    </td>
                                    <td>
                                        {!! Form::text('additional_expense_value_1', 0, [
                                            'class' => 'form-control input_number',
                                            'id' => 'additional_expense_value_1',
                                        ]) !!}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        {!! Form::text('additional_expense_key_2', null, [
                                            'class' => 'form-control',
                                            'id' => 'additional_expense_key_2',
                                        ]) !!}
                                    </td>
                                    <td>
                                        {!! Form::text('additional_expense_value_2', 0, [
                                            'class' => 'form-control input_number',
                                            'id' => 'additional_expense_value_2',
                                        ]) !!}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        {!! Form::text('additional_expense_key_3', null, [
                                            'class' => 'form-control',
                                            'id' => 'additional_expense_key_3',
                                        ]) !!}
                                    </td>
                                    <td>
                                        {!! Form::text('additional_expense_value_3', 0, [
                                            'class' => 'form-control input_number',
                                            'id' => 'additional_expense_value_3',
                                        ]) !!}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        {!! Form::text('additional_expense_key_4', null, [
                                            'class' => 'form-control',
                                            'id' => 'additional_expense_key_4',
                                        ]) !!}
                                    </td>
                                    <td>
                                        {!! Form::text('additional_expense_value_4', 0, [
                                            'class' => 'form-control input_number',
                                            'id' => 'additional_expense_value_4',
                                        ]) !!}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="hide row">
                    <div class="col-md-12 text-right">
                        {!! Form::hidden('final_total', 0, ['id' => 'grand_total_hidden']) !!}
                        <b>@lang('purchase.purchase_total'): </b><span id="grand_total" class="display_currency"
                            data-currency_symbol='true'>0</span>
                    </div>
                </div>
            @endcomponent
        </form>

        {!! Form::close() !!}
    </section>
    <!-- This will be printed -->
<section class="invoice print_section" id="receipt_section">
</section>
    <!-- quick product modal -->
    <div class="modal fade quick_add_product_modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle"></div>
    <div class="modal fade contact_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
        @include('contact.create', ['quick_add' => true])
    </div>

    @include('purchase.partials.import_purchase_products_modal')
    <!-- /.content -->
@endsection

@section('javascript')
    <script src="{{ asset('js/purchase_pop.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            __page_leave_confirmation('#add_purchase_form');
            $('.paid_on').datetimepicker({
                format: moment_date_format + ' ' + moment_time_format,
                ignoreReadonly: true,
            });
        });

        $('.new_cheque_date').datetimepicker({
            format: moment_date_format + ' ' + moment_time_format,
            ignoreReadonly: true,
        });

        $(document).on('change', '.payment_types_dropdown, #location_id', function(e) {
            var default_accounts = $('select#location_id').length ?
                $('select#location_id')
                .find(':selected')
                .data('default_payment_accounts') : [];
            var payment_types_dropdown = $('.payment_types_dropdown');
            var payment_type = payment_types_dropdown.val();
            var payment_row = payment_types_dropdown.closest('.payment_row');
            var row_index = payment_row.find('.payment_row_index').val();

            var account_dropdown = payment_row.find('select#account_' + row_index);
            if (payment_type && payment_type != 'advance') {
                var default_account = default_accounts && default_accounts[payment_type]['account'] ?
                    default_accounts[payment_type]['account'] : '';
                if (account_dropdown.length && default_accounts) {
                    account_dropdown.val(default_account);
                    account_dropdown.change();
                }
            }

            if (payment_type == 'advance') {
                if (account_dropdown) {
                    account_dropdown.prop('disabled', true);
                    account_dropdown.closest('.form-group').addClass('hide');
                }
            } else {
                if (account_dropdown) {
                    account_dropdown.prop('disabled', false);
                    account_dropdown.closest('.form-group').removeClass('hide');
                }
            }
        });
    </script>
    @include('purchase.partials.keyboard_shortcuts')
@endsection