@extends('admin.layout.master')
@section('title', __('obs.purchase'))
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
    <style>
        {!! getDefaultSettings(1)->style_css !!}
    </style>
@endsection
@section('content')
    <div class="cl-card card border-secondary border-opacity-50 rounded-2">
        <div class="card-header px-2 d-flex justify-content-between align-items-center">
            <h5 class="card-title m-0">{{__('obs.purchase')}}</h5>
            <div class="d-flex align-items-center">
                <button type="button" class="btn cl-btn btn-light me-2" onclick="createProduct()"> 
                    <i class="icofont-plus"></i>
                    {{__('obs.product')}}
                </button>
                <h5 class="card-title m-0"><input type="text" id="invoice_no" name="invoice_no" disabled NsModelBind="invoice.invoice_no"
                        class="form-control cl-form-control text-center" style="border: 0; background-color: var(--cl-gray-50);">
                </h5>
            </div>
        </div>
        <div class="card-body">
            <div class="row g-2">
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="">{{ __('obs.vendor') }}</label>
                            </td>
                            <td>
                                @include('v2.inventory.global.party_live_dd', [
                                    'type' => 1,
                                    'cls' => 'p',
                                    'event' => 'onchange=setPartyDetails()',
                                    'binder'=> 'invoice.party_id'
                                ])
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="ref_invoice">{{ __('obs.ref_no') }}</label>
                            </td>
                            <td>
                                <input type="text" id="ref_invoice" name="ref_invoice" NsModelBind="invoice.ref_invoice"
                                    class="form-control cl-form-control">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="note">{{ __('obs.description') }}</label>
                            </td>
                            <td>
                                <input type="text" id="note" name="note" NsModelBind="invoice.note" class="form-control cl-form-control">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="">{{__('obs.cost_center')}}</label>
                            </td>
                            <td>
                                @include('v2.inventory.global.cost_center_dd', ['id'=> 'inv_cost_center_id', 'name'=> 'inv_cost_center_id', 'cls'=> '_inv'])
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="date">{{ __('obs.date') }}</label>
                            </td>
                            <td>
                                @include('v2.inventory.global.inv_date')
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="status">{{ __('obs.status') }}</label>
                            </td>
                            <td>
                                <select class="form-select cl-form-select" name="status" id="status"
                                    NsModelBind="invoice.status">
                                    <option value="1">Active</option>
                                    <option value="0">Stand By</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    
                {{-- @if (!@$invoice)
                    @include('v2.inventory.global.counters', ['width'=> 100])
                @endif --}}
                </div>
            </div>

            <div class="row g-2 mt-2">
                <div class="col-12">
                    <div class="cl-table-container rounded-2" style="max-height: 660px; min-height: 280px;">
                        <table class="table mb-0 rounded-2 cl-bg-gray-100 cl-table table-borderless" style="min-width: 992px">
                            <thead>
                                <tr>
                                    <th class="text-center cl-fixed-cell" scope="col" style="width: 25px">#
                                    </th>
                                    <th class="text-center cl-fixed-cell" scope="col" style="width: 16%">
                                        {{ __('obs.camel_case_product') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.unit') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.img') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.note') }}</th>
                                    {{-- @if (warehouse_info()->use_expiry == 1)
                                        <th class="text-center" scope="col">{{ __('obs.expiry') }}
                                            {{ __('obs.date') }}</th>
                                    @endif --}}
                                    <th class="text-center" scope="col">{{ __('obs.qty') }}</th>
                                    <th class="text-center" scope="col" style="width: 10%">{{ __('obs.price') }}</th>
                                    <th class="text-center" scope="col">{{ __('obs.total') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.disc') }} (%)</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.m_disc') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.net') }}{{ __('obs.price') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.vat_type') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.vat_tax') }}</th>
                                    <th class="text-center d-none" scope="col">{{ __('obs.total') }}</th>
                                    <th class="text-center" scope="col">{{ __('obs.action') }} </th>
                                </tr>
                            </thead>
                            <tbody id="tbl_body">
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="col-12 d-flex">
                    <hr class="mb-0 w-100">
                    @include('v2.inventory.global.btn_add_new_row')
                </div>
            </div>

            <div class="row g-2 mt-2">
                <div class="col-xl-9">
                    @include('v2.inventory.global.inv_foot')
                </div>
                <div class="col-xl-3">
                    @include('v2.inventory.global.cash_bank_payments')
                </div>
            </div>
        </div>
    </div>
    {{-- For Quick Posting --}}
    @if (!request()->is_agro)
        @include('v2.inventory.product.product_create_update', ['ret_type' => 1])
    @else
        {{-- For Agro --}}
        @include('v2.agro.cow.product_create_update', ['ret_type' => 1])
    @endif

    @include('v2.inventory.global.quick_posting.q_party_create', ['type' => 1])
    @include('v2.inventory.global.quick_posting.q_item_group_create')
    @include('v2.inventory.global.quick_posting.q_cost_center_create')
    {{-- END --}}

    @include('v2.inventory.global.inv_loader')
@endsection
@section('script')
    <script>
        const standard_vats = @json($standard_vats);
        const edit_invoice = @json(@$invoice ?? null);
        console.log(edit_invoice);
    </script>
    @include('v2.inventory.global.init_default_settings_in_js', ['tran_type' => 1])
    <script>
        varObj.is_special = 1;
        varObj.is_agro = "{{ request()->is_agro }}";
    </script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/purchase/purchase.js'.getJsVersion()) }}"></script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/purchase/shopping/purchase.js'.getJsVersion()) }}"></script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/purchase/purchase_base.js'.getJsVersion()) }}"></script>
@append