@extends('admin.layout.master')
@section('title', __('obs.party'))
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
    {{-- <style>
        {!! $setting->style_css !!}
    </style> --}}
@endsection
@section('content')
        <div class="cl-card sina-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">@if ($type == 1) {{__('obs.vendor')}} @else {{__('obs.customer')}} @endif</h5>
            <button type="button" class="btn cl-btn btn-warning d-flex align-items-center justify-content-center"
                @if ($type == 1) onclick="createVendor()" @elseif($type == 2) onclick="createCustomer()" @endif>
                <i class="fas fa-plus fs-6 lh-1"></i>
            </button>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="row gx-2 gy-0">
                        <div class="col-md-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="status" class="form-label cl-form-label"> {{__('obs.group')}}</label>
                                <select class="form-select cl-form-select" id="filter_group_id" name="filter_group_id">
                                    <option selected value="">{{__('obs.choose')}}...</option>
                                    @foreach (InventoryDropDownTrait::getGroup($type) as $group)
                                        <option value="{{ $group->id }}"> {{ $group->name_eng }} </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="status" class="form-label cl-form-label"> {{ __('obs.party') }} </label>
                                @include('v2.inventory.global.party_live_dd', ['allow_clear'=> true, 'binder'=> '', 'type'=> $type, 'skip_add_new'=> true])
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="status" class="form-label cl-form-label"> {{__('obs.status')}}</label>
                                <select class="select_2 form-select cl-form-select" name="status" id="filter_status">
                                    <option value="1">{{__('obs.active')}}</option>
                                    <option value="0">{{ __('obs.inactive')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col">
                            <label for="" class="d-block">&nbsp;</label>
                            <button type="button" class="btn btn-coral cl-btn ms-2"
                                @if ($type == 1) onclick="getVendor()" @elseif($type == 2) onclick="getCustomer()" @endif>{{__('obs.filter')}}</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cl-table-container mt-3" id="div_tbl" style="max-height: calc(100vh - 190px);">
                <div class="cl-table-container">
                    <table class="table mb-0 rounded-2 cl-bg-gray-100 cl-table table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{__('obs.code')}}</th>
                                <th>{{__('obs.name')}}</th>
                                <th>{{__('obs.ledger')}}</th>
                                <th>{{__('obs.email')}}</th>
                                <th>{{__('obs.mobile')}}</th>
                                <th>{{__('obs.comm_type')}}</th>
                                <th>{{__('obs.commission')}}(%)</th>
                                <th>{{__('obs.limit_apply')}}</th>
                                <th>{{__('obs.limit')}}</th>
                                <th>{{__('obs.status')}}</th>
                                <th>{{__('obs.action')}}</th>
                            </tr>
                        </thead>

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

    @if ($type == 1)
        @include('v2.inventory.party.vendor_create_update')
    @elseif($type == 2)
        @include('v2.inventory.party.customer_create_update')
    @endif

    {{-- For Quick Posting --}}
        @include('v2.inventory.global.quick_posting.q_cost_center_create')
    {{-- END --}}

    @include('admin.global.loader')
@endsection
@section('script')
    <script>
        $(document).ready(function() {

        });

        const getVendorUrl = '/party/vendor/index';
        const getCustomerUrl = '/party/customer/index';
        const statusUrl = '/party/change-status';

        const getVendor = () => {
            ajaxCallV2(getVendorUrl, 'GET', {
                status: $('#filter_status').val(),
                group_id: $('#filter_group_id').val(),
                party_id: $('#party_id').val(),
            }, (vendors) => {
                $('#div_tbl').html(vendors);
                $('#vendor_table').dataTable();
                $('#loader').hide();
            });
        }

        const getCustomer = () => {
            ajaxCallV2(getCustomerUrl, 'GET', {
                status: $('#filter_status').val(),
                group_id: $('#filter_group_id').val(),
                party_id: $('#party_id').val(),
            }, (customer) => {
                $('#div_tbl').html(customer);
                $('#vendor_table').dataTable();
                $('#loader').hide();
            });
        }

        const callbackAfterPostingVendor = () => {
            $('#vendorrModal').modal('hide');
            getVendor();
        }
        const callbackAfterPostingCustomer = () => {
            $('#customerModal').modal('hide');
            getCustomer();
            resetVehicle();
        }

        const changePartyStatus = (id, label) => {
            ajaxCallV2(statusUrl, 'POST', { 'id': id, 'label': label }, function(data) {
                callSweetAlert('success', `<p class="text-info">${typeof data != 'object' ? data : 'Successful..!!'}</p>`, '');
                $('#loader').hide();
            })
        }
    </script>
@append