@php
    $is_warehouse_only = current_warehouse() == current_store(); 
@endphp
@extends('admin.layout.master')
@section('title', __('obs.purchase'))
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
    {{-- <style>
        {!! $setting->style_css !!}
    </style> --}}
@endsection
@section('content')
    <div class="cl-card card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title m-0">{{__('obs.purchase')}}</h4>
        </div>
        <div class="card-body">
            <div class="row gx-2 gy-1">
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="tran_type" class="form-label cl-form-label">{{__('obs.type')}}</label>
                    <select class="select_2 form-select cl-form-select" name="tran_type" id="tran_type"
                        NsModelBind="dataObj.tran_type">
                        <option value="1">{{ __('obs.purchase') }}</option>
                        <option value="2">{{ __('obs.purchase_return') }}</option>
                        <option value="13">{{ __('obs.opening') }}</option>
                    </select>
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="party_id" class="form-label cl-form-label">{{__('obs.vendor')}}</label>
                    @include('v2.inventory.global.party_live_dd', [
                        'type' => 1,
                        'binder' => 'dataObj.party_id',
                        'skip_add_new'=> 1
                    ])
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="admin_id" class="form-label cl-form-label"> {{ __('obs.user') }} </label>
                    @include('v2.inventory.global.admin_dd', ['binder' => 'dataObj.admin_id'])
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="cost_center_id" class="form-label cl-form-label">{{__('obs.cost_center')}}</label>
                    @include('v2.inventory.global.cost_center_dd', [
                        'binder' => 'dataObj.cost_center_id',
                        'skip_add_new'=> 1
                    ])
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="inv_group_id" class="form-label cl-form-label">{{__('obs.inv_group')}}</label>
                    @include('v2.inventory.global.invoice_group_dd', ['type' => 1, 'binder'=> 'dataObj.inv_group_id'])
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="pay_status" class="form-label cl-form-label">{{ __('obs.paid') }} {{ __('obs.status') }}</label>
                    <select class="select_2 form-select cl-form-select" NsModelBind="dataObj.pay_status" name="pay_status" id="pay_status">
                        <option value="">Select</option>
                        <option value="0">Unpaid</option>
                        <option value="1">Partial Paid</option>
                        <option value="2">Paid</option>
                    </select>
                </div>

                <div class="col-md-2 col-sm-4 col-6">
                    <label for="invoice_no" class="form-label cl-form-label">{{__('obs.inv_no')}}</label>
                    <input type="text" id="invoice_no" name="invoice_no" class="form-control cl-form-control"
                        NsModelBind="dataObj.invoice_no">
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                <label for="ref_invoice" class="form-label cl-form-label">{{__('obs.ref_no')}}</label>
                    <input type="text" id="ref_invoice" name="ref_invoice"
                        class="form-control cl-form-control" NsModelBind="dataObj.ref_invoice">
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="date_from" class="form-label cl-form-label">{{ __('obs.date_from') }}</label>
                    <input type="text" id="date_from" name="date_from" NsModelBind="dataObj.date_from"
                        class="form-control date-picker cl-form-control" value="{{ date('d-m-Y') }}" />
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="date_to" class="form-label cl-form-label">{{ __('obs.date_to') }}</label>
                    <input type="text" id="date_to" name="date_to" NsModelBind="dataObj.date_to"
                        class="form-control date-picker cl-form-control" value="{{ date('d-m-Y') }}" />
                </div>
                <div class="col">
                    <label for="" class="d-block">&nbsp;</label>
                    <button type="button" class="btn btn-coral cl-btn" onclick="getPurhaseInvoices()"> <i class="bi bi-filter"></i>
                        <span>{{__('obs.filter')}}</span>
                    </button>
                </div>
            </div>

            @include('v2.inventory.invoice.sales.print_dynamic_parameters',  ["tran_type" => 1])

            <div class="cl-table-container mt-3" id="div_tbl" style="max-height: calc(100vh - 190px);">
                <table class="table mb-0 rounded-2 cl-bg-gray-100 cl-table table-bordered">
                    <thead>
                        <th>#</th>
                        <th>{{__('obs.inv_no')}}</th>
                        <th>{{__('obs.ref_no')}}</th>
                        <th>{{__('obs.order_no')}}</th>
                        <th>{{__('obs.inv_date') }}</th>
                        {{-- <th>{{ __('obs.other') }}</th> --}}
                        <th>{{__('obs.by')}}</th>
                        <th>{{__('obs.customer_name')}}</th>
                        @if ($is_warehouse_only) <th class="text-center">{{__('obs.store')}}</th> @endif
                        <th>{{__('obs.inv_amount')}}</th>
                        <th>{{__('obs.pay_status')}}</th>
                        {{-- <th>{{ __('obs.attach') }}</th> --}}
                        <th>{{__('obs.approval_status')}}</th>
                        <th>{{__('obs.status')}}</th>
                        <th>{{__('obs.action')}}</th>
                        {{-- <th>{{ __('obs.print') }}</th> --}}
                    </thead>
                </table>
            </div>
        </div>
    </div>
    @include('v2.inventory.global.invoicewise_receive_payment_voucher_list')
@endsection
@section('script')
    <script>
        dataObj = {
            tran_type: 1,
            party_id: '',
            admin_id: '',
            cost_center_id: '',
            inv_group_id: '',
            invoice_no: '',
            ref_invoice: '',
            pay_status: '',
            date_from: date_picker_instances[0].element.value,
            date_to: date_picker_instances[1].element.value
        }

        $(document).ready(function() {
        });

        const getPurhaseInvoices = () => {
            ajaxCallV2('/inventory/purchase', 'GET', dataObj, (html) => {
                $('#div_tbl').html(html);
                $('#purchase_table').dataTable({
                    drawCallback: function () {
                        var api = this.api();
                        $('#net_total').html(parseFloat(api.column(6, {page:'current'} ).data().sum()).toFixed(2));
                    }
                });

                $('select[name="purchase_table_length"]').append(`<option value="250">250</option><option value="500">500</option><option value="1000">1000</option><option value="2000">2000</option>`);
                reInitializeFixedCellTable();
                $('#loader').hide();
            });
        }

        const printBarcode = async (inv_id) => {
            const inv = await invoices.find(inv=> inv.id == inv_id);
            let reqObj = inv.transactions.map(tr=> ({'product_id': tr.product_id, 'quantity': tr.quantity}));
            ajaxCallV2('/invoicewise-barcode-generate', 'GET', {'data': reqObj}, (res)=> {
                printPopUp({ html: res });
                $('#loader').hide();
            });
        }
    </script>
@endsection