@include('layouts.header_script')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-title text-white card_1 justify-content-between d-flex">
                    <h6>
                        {{ $posting_type == 3 ? __('msg.add_party') : ($posting_type == 1 ? __('msg.add_customer') : __('msg.add_vendor')) }}
                    </h6>
                </div>
                <div class="card-body">
                    <form action="{{ route('inventory.party.store') }}" class="form_submit">
                        <input type="hidden" name="row_id" class="row_id" id="row_id" value="">
                        <div class="row mt-1">
                            <div class="col-2">
                                <div class="card_1_outline">
                                    <div class="form-group">
                                        <label for="">{{__('msg.type')}}</label>
                                        <select name="type" id="type" class="form-control select_2" onchange="typeChange()">
                                            @if($posting_type == 3)
                                                <option value="">Select Type</option>
                                            @endif
                                            @if(in_array($posting_type, [1,3]))
                                                <option value="1">{{__('msg.customer')}}</option>
                                            @endif
                                            @if(in_array($posting_type, [2,3]))
                                                <option value="2">{{__('msg.vendor')}}</option>
                                            @endif
                                            <option value="3">{{__('msg.both')}}</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="">{{__('msg.group')}}</label>
                                        <select name="group_id" id="group_id" class="form-control">
                                            {{-- <option value="">{{__('msg.select')}}</option> --}}
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="">{{__('msg.code')}}</label>
                                        <input type="text" name="code" class="form-control" id="code">
                                    </div>
                                    <div class="form-group">
                                        <label for="">{{__('msg.status')}}</label>
                                        <select name="status" id="status" class="form-control">
                                            <option value="1">{{__('msg.active')}}</option>
                                            <option value="2">{{__('msg.inactive')}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-4">
                                <div class="card_1_outline">
                                    <div class="form-group">
                                        <label for="">{{__('msg.name')}}</label>
                                        <input type="text" name="name" class="form-control" id="name">
                                    </div>
                                    <div class="form-group">
                                        <label for="">{{__('msg.local_name')}}</label>
                                        <input type="text" name="local_name" class="form-control" id="local_name">
                                    </div>
                                    <div class="form-group">
                                        <label for="">{{__('msg.mobile')}}</label>
                                        <input type="text" name="mobile" class="form-control" id="mobile">
                                    </div>
                                    <div class="row">
                                        <div class="col-8 opening_balance_div">
                                            <div class="form-group">
                                                <label for="">{{__('msg.opening_balance')}}</label>
                                                <input type="text" step="0.01" value="0" class="form-control numeric_only" name="opening_balance" id="opening_balance">
                                            </div>
                                        </div>
                                        <div class="col-4 opening_balance_div">
                                            <div class="form-group">
                                                <label for="">{{__('msg.cr')}}/{{__('msg.dr')}}</label>
                                                <select name="cr_dr" id="cr_dr" class="form-control select_2">
                                                    <option value="1">{{__('msg.cr')}}</option>
                                                    <option value="2">{{__('msg.dr')}}</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card_1_outline">
                                    <div class="row">
                                        <div class="col-2">
                                            <div class="form-group">
                                                <label for="">{{__('msg.Com_Type')}}</label>
                                                <select name="commision_type" id="commision_type" class="form-control select_2">
                                                    <option value="1">{{__('msg.percentage')}}</option>
                                                    <option value="2">{{__('msg.fixed')}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="">{{__('msg.commision')}}</label>
                                                <input type="text" step="0.01" class="form-control numeric_only"
                                                    name="commision" id="commision">
                                            </div>
                                        </div>
                                        <div class="col-2">
                                            <div class="form-group">
                                                <label for="" class="text-nowrap">{{__('msg.limit_apply')}}</label>
                                                <select name="limit_apply" id="limit_apply" class="form-control">
                                                    <option value="0">{{__('msg.no')}}</option>
                                                    <option value="1">{{__('msg.yes')}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="">{{__('msg.limit')}}</label>
                                                <input type="text" step="0.01" class="form-control numeric_only"
                                                    name="limit" id="limit">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="">{{__('msg.email')}}</label>
                                                <input type="text" name="email" class="form-control" id="email">
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="">{{__('msg.password')}}</label>
                                                <input type="text" name="password" class="form-control" id="password">
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group">
                                                <label for="">{{__('msg.address')}}</label>
                                                <textarea name="address" id="address" class="form-control" cols="30" rows="1" placeholder="Address"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="form-group advanced_option">
                                                <label for="">{{__('msg.show_in')}}</label>
                                                <div class="d-flex">
                                                    @php
                                                        $default_show_in_type = getCompanySettings()->default_store ?? 2;
                                                    @endphp
                                                    <select name="show_in_type" id="show_in_type" class="form-control select_2 show_in_type w-100"
                                                        onchange="showInTypeChange()">
                                                        <option {{ $default_show_in_type == 1 ? 'selected' : '' }} value="1">{{__('msg.current')}}</option>
                                                        <option {{ $default_show_in_type == 2 ? 'selected' : '' }} value="2">{{__('msg.all')}}</option>
                                                        <option value="3">{{__('msg.selected')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group advanced_option" id="show_in_div">
                                                <label for="">{{__('msg.stores')}}</label>
                                                <div class="d-flex">
                                                    <select name="warehouse_ids[]" id="warehouse_ids" class="form-control select_2 w-100 warehouse_ids"
                                                        multiple>
                                                        @foreach ($warehouses as $warehouse)
                                                            <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-2 my-1">
                                <button class="btn btn-sm w-100 btn-success">{{__('msg.store')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@include('layouts.footer_script')
<script>
    let groups = @json($groups);
    let info = @json(isset($info) ? $info : '');
    let posting_type = @json($posting_type);
    $(document).ready(function() {
        showInTypeChange();
        if (info) {
            $('#row_id').val(info.id);
            $('#code').val(info.code);
            $('#type').val(info.type).trigger('change');
            $('#status').val(info.status).trigger('change');

            $('#type').select2();
            $('#name').val(info.name);
            $('#local_name').val(info.local_name);
            $('#mobile').val(info.mobile);
            $('#commision_type').val(info.commision_type);
            $('#commision').val(info.commision);
            $('#limit_apply').val(info.limit_apply);
            $('#limit').val(info.limit);
            $('#email').val(info.email);
            $('#password').val(info.password);
            $('#address').val(info.address);
            $('.show_in_type').val(info.show_in_type).trigger('change');
            $('.warehouse_ids').val(info.warehouse_ids).trigger('change');
            $('.btn-success').text('Update').addClass('btn-info').removeClass('btn-success');

            $('.opening_balance_div').hide();

            $('#group_id').val(info.group_id);
            $('#group_id').select2();
        } else {
            if(posting_type == 1 || posting_type == 2){
                $('#type').val(posting_type).trigger('change');
            }
            typeChange();
        }
    })

    function typeChange() {
        let type = $('#type').val();
        let group_html = '';
        let filtered_groups = groups;
        if(type != 3){
            filtered_groups = groups.filter((group) => group.type == type);
        }
        filtered_groups.map((group) => {
            group_html += `<option value="${group.id}">${group.name}</option>`;
        })
        if(type == 1){
            $('#cr_dr').val(2).trigger('change');
        } else if (type == 2){
            $('#cr_dr').val(1).trigger('change');
        }
        $('#group_id').html(group_html);
        $('#group_id').select2();
    }

    function showInTypeChange() {
        if ($('.show_in_type').val() == 3) {
            $('#show_in_div').show();
        } else {
            $('#show_in_div').hide();
        }
    }
</script>