@include('layouts.header_script')
<style>
    .only_for_product{
        display: none;
    }
    .select2-container{
        flex: 1;
    }
</style>
<div class="container-fluid">
    <div class="row">
        <div class="col-4">
            <div class="card">
                <div class="card-title card_1">
                    <h6>{{__('msg.add')}}</h6>
                </div>
                <div class="card-body p-2">
                    <form action="{{ route('inventory.group.store') }}" class="form_submit px-1" method="post">
                        <input type="hidden" name="row_id" class="row_id">
                        <div class="form-group">
                            <label for="">{{__('msg.type')}}</label>
                            <select name="type" id="type" class="form-control select_2" onchange="typeChange()">
                                <option value="1">{{__('msg.customer')}}</option>
                                <option value="2">{{__('msg.vendor')}}</option>
                                @if(active_user() == 1)
                                    <option value="3">{{__('msg.product')}}</option>
                                @endif
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="">{{__('msg.name')}}</label>
                            <input type="text" name="name" class="form-control" id="name">
                        </div>
                        @php
                            $ledger_html = '';
                            foreach ($ledger as $key => $value) {
                                $ledger_html .= '<option value="'.($value->id).'">'.($value->name ?? '').'</option>';
                            }
                        @endphp
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.main_ledger')}}</label>
                            <div class="d-flex">
                                <select name="acc_ledger_id" id="acc_ledger_id" class="form-control select_2 w-100">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.purchase_ledger')}}</label>
                            <div class="d-flex">
                                <select name="purchase_ledger_id" id="purchase_ledger_id" class="form-control select_2">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.purchase _return_ledger')}}</label>
                            <div class="d-flex">
                                <select name="purchase_return_ledger_id" id="purchase_return_ledger_id" class="form-control select_2">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.purchase_discount_ledger')}}</label>
                            <div class="d-flex">
                                <select name="purchase_discount_ledger_id" id="purchase_discount_ledger_id" class="form-control select_2">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.sales_ledger')}}</label>
                            <div class="d-flex">
                                <select name="sales_ledger_id" id="sales_ledger_id" class="form-control select_2">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.sales_return_ledger')}}</label>
                            <div class="d-flex">
                                <select name="sales_return_ledger_id" id="sales_return_ledger_id" class="form-control select_2">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.sales_discount_ledger')}}</label>
                            <div class="d-flex">
                                <select name="sales_discount_ledger_id" id="sales_discount_ledger_id" class="form-control select_2">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <div class="form-group only_for_product">
                            <label for="">{{__('msg.cogs_ledger')}}</label>
                            <div class="d-flex">
                                <select name="cogs_ledger_id" id="cogs_ledger_id" class="form-control select_2">
                                    {!! $ledger_html !!}
                                </select>
                            </div>
                        </div>
                        <button class="btn btn-sm w-50 btn-success mt-2">{{__('msg.save')}}</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-8">
            <div class="card">
                <div class="card-title card_1">
                    <h6>{{__('msg.list')}}</h6>
                </div>
                <div class="card-body">
                    <div class="row mt-2">
                        <div class="col-1">
                            <label for="">{{__('msg.type')}}</label>
                        </div>
                        <div class="col-2">
                            <select name="filter_type" id="filter_type" class="form-control select_2">
                                <option value="1">{{__('msg.customer')}}</option>
                                <option value="2">{{__('msg.vendor')}}</option>
                                <option value="3">{{__('msg.product')}}</option>
                            </select>
                        </div>
                        <div class="col-1">
                            <button class="btn btn-sm w-100 btn-success d-block filter_button w-100" onclick="getData()">{{__('msg.filter')}}</button>
                        </div>
                        <div class="col-12 commonListBody">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('layouts.footer_script')
<script>
    function getData() {
        getLoader();
        $('.row_id').val('');
        let data = {
            type: $('#filter_type').val()
        };
        customAjaxCall(function(res) {
            console.log("res", res);
            $('.commonListBody').html(res.html);
            $('.select_2').select2();
        }, 'GET', "{{ route('inventory.group.index') }}", data);
    }
    function editGroup(id) {
        let data = {
            id
        };
        getLoadingStatus();
        $('.btn-success').text('Update').addClass('btn-info').removeClass('btn-success');
        customAjaxCall(function(res) {
            typeChange();
            closeSweetAlert();
            console.log("res", res);
            $('.row_id').val(res.info.id);
            $('#type').val(res.info.type).trigger('change');
            $('#name').val(res.info.name);
            $('#acc_ledger_id').val(res.info.acc_ledger_id).trigger('change');
            $('#purchase_ledger_id').val(res.info.purchase_ledger_id).trigger('change');
            $('#purchase_return_ledger_id').val(res.info.purchase_return_ledger_id).trigger('change');
            $('#purchase_discount_ledger_id').val(res.info.purchase_discount_ledger_id).trigger('change');
            $('#sales_ledger_id').val(res.info.sales_ledger_id).trigger('change');
            $('#sales_return_ledger_id').val(res.info.sales_return_ledger_id).trigger('change');
            $('#sales_discount_ledger_id').val(res.info.sales_discount_ledger_id).trigger('change');
            $('#cogs_ledger_id').val(res.info.cogs_ledger_id).trigger('change');
            $('.btn-info').text('Update').addClass('btn-info').removeClass('btn-success');

        }, 'GET', "{{ route('inventory.group.edit') }}", data);
    }
    function typeChange() {
        let type = $('#type').val();
        if(type == 3){
            $('.only_for_product').show();
        } else{
            $('.only_for_product').hide();
        }
    }
</script>