@php
    
    $edit = $data->action == 'edit';
    $fixed_asset = $data['fixed_assets'];
    $vendor = $fixed_asset->vendor;
    $vendor_head = $data['fixed_assets']->vendor->head->id;
    $payee_name = $vendor->name;
    // dd($data['fixed_assets']->vendor);
    if ($action == 'edit') {
        $cr_head_id = $data->rebateItems->first()->incomeExpenseHead->id ?? null;
        $cr_head_name = $data->rebateItems->first()->incomeExpenseHead->name ?? '-';
    }
    
@endphp

<input type="hidden" value=1 name='multiple' />

<div class="row">
    <div class="col-md-8">

        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="form-group form-float">
                <div class="form-line">
                    <input class="form-control" name="vendor_name" type="text" readonly value="{{ $vendor->name }}" />
                    <input class="form-control" type="hidden" name="vendor_id"  value="{{ $vendor->id }}" />
                    <label class="form-label">{{__('lang.vendor_name')}}</label>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="form-group form-float">
                <div class="form-line">
                    <input type="hidden" name="branch_id" value="{{$fixed_asset->branch->id}}"/>
                    <input class="form-control" name="branch_name" type="text" readonly value="{{ $fixed_asset->branch->name }}" />
                    <label class="form-label">{{__('lang.project_name')}}</label>
                </div>
            </div>
        </div>



        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="form-group form-float">
                <div id="bs_datepicker_container" class="form-line input-group date">
                    <input class="form-control" name="fixed_asset_voucher_date" type="text"
                        value="{{ $voucher_date ?? Carbon\Carbon::now()->format('d/m/Y') }}"/>
                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                    <label class="form-label">{{ __('lang.voucher_date') }}</label>
                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="form-group form-float">
                <div class="form-line">
                    <input name="fixed_asset_payee_name" value="{{ $payee_name }}" type="text"
                        class="form-control">
                    <label class="form-label">{{ __('lang.payee_name') }}</label>
                </div>
            </div>
        </div>
        <div class="fixed_asset_cheque_container">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <div class="form-group form-float">
                    <div class="form-line">
                        <input name="fixed_asset_cheque_number" value="{{ $check_number }}" type="text"
                            class="form-control">
                        <label class="form-label">{{ __('lang.cheque_no') }}</label>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="form-group form-float">
                    <div id="bs_datepicker_container" class="form-line input-group date">
                        <input class="form-control" name="fixed_asset_cheque_date" type="text"
                            value="{{ $data->cheque_date ?  date('d/m/Y', strtotime($data->cheque_date)) :  '' }}" />
                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                        <label class="form-label">{{ __('lang.cheque_date') }}</label>
                    </div>
                </div>
            </div>
            {{-- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="form-group form-float">
               <div class="form-line">
                  <input autocomplete="off" value="{{ $bill_reference ?? '' }}"
                     name="bill_reference" type="text" placeholder="{{__('lang.bill_reference')}}"
                     class="form-control" readonly="true">
               </div>
            </div>
         </div> --}}
        </div>
    </div>
    <div class="col-md-4">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">

            <div class="form-group form-float">
                <div>
                    <div>
                        @include('includes.multiple-images')
                    </div>
                    <div style="margin-bottom: 20px; ">
                        <div id="my_rebateWebCam" style=" width:170px; margin: 0 auto; "></div>
                    </div>
                    <input style="position: relative;top: -38px;"
                        class="btn btn-primary m-t-15 waves-effect hide rebateSnapShotBtn" type="button"
                        value="Take Snapshot" onClick="take_rebate_snapshot()">
                    <br />
                    <label for="profile"
                        class="btn btn-warning waves-effect m-t-15">{{ __('lang.upload_image') }}</label>
                    <button class="btn btn-warning waves-effect m-t-15 rebateWebCam"
                        type='button'>{{ __('lang.from_web_cam') }}</button>
                    <input type="hidden" name="web_cam" class="image-tag">
                </div>
            </div>

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

<div id="general_amount_container">
    <fieldset disabled="disabled">
        <legend class="addRowLegend"><span> {{ __('lang.payment_details') }} </span>

        </legend>
    </fieldset>
    <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <div class="form-group form-float">
                <div class="form-line">
                    <input type="text" name="item_name" class="form-control" value="{{ $fixed_asset->name }}"
                        readonly="readonly" />
                    <label class="form-label">{{__('lang.item_name')}}</label>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="form-group form-float">
                <div class="form-line">
                    <input type="text" name="particulars" class="form-control" />
                    <label class="form-label">{{__('lang.particulars')}}</label>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <div class="form-group form-float">
                <div class="form-line">
                    <input type="hidden" name="total_amount" value="{{ str_replace(',', '',$fixed_asset->amount) }}"/>
                    <input type="number" name="paid_amount" value="{{ str_replace(',', '', $fixed_asset->amount) }}" readonly
                        class="form-control" onkeyup="calculateAmount(this)" />
                    <label class="form-label">{{__('lang.amount')}} {{$transaction->systemSettingCurrency()}}</label>
                </div>
            </div>
        </div>
    </div>
</div>



{{-- Dynamic Start --}}


<div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12  ">
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6  ">
        <div class="form-group form-float">
            <div class="form-line">
                <input type="number" class="form-control total_amount"
                    value="{{ $paid_amount ? $paid_amount : 0 }}" readonly>
                <label class="form-label">{{ __('lang.total_amount') }}</label>
            </div>
        </div>
    </div>
</div>




{{-- Dynamic End --}}

<script>
    $(document).ready(function() {
        calculateAmount();
    })

    function calculateAmount() {
        let amount = $(`input[name="paid_amount"]`).val();
        $(`.total_amount`).val(amount);
    }
</script>