@extends('admin.layout.master')
@section('title',  ucfirst($routeGroup).' List')
@section('content')
    <style>
        .table th,
        .table td {
            padding: 0rem;
            padding-left: 0.35rem;
        }
        .custom-td {
            white-space:pre-wrap;
            word-wrap:break-word;
        }
    </style>
    @if(request()->code_edit)
        <style>
            .display_code_to_edit {
               display:inline-block !important;
            }
            .code_list {
               display:none !important;
            }
            </style>
    @else
        <style>
            .code_list {
               display:inline-block !important;
            }
            .display_code_to_edit {
               display:none !important;
            }
        </style>
    @endif
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">{{ ucfirst($routeGroup) }} {{__('obs.list')}}</h4>
            <div class="col-6 d-flex justify-content-end">
                @if(checkAuthPermission($type==2?'customer.create':'vendor.create'))
                <a href="{{ route($type==2?'customer.create':'vendor.create') }}" class="btn-sina-title-add d-flex align-items-center"
                    type="button" name="button">
                    <div class="col pl-0 pr-2">
                        <i class="fas fa-plus-circle"></i>
                    </div>
                    <div>{{__('obs.add_new')}}</div>
                </a>
                @endif
            </div>
        </div>
        <div class="card-body">
            <div class="row mb-4">
                <div class="col-md-3 col-6">
                    <label>{{__('obs.group')}}</label>
                    <select name="group_id" class="form-control select_2" id="group_id">
                        <option value=""></option>
                        @foreach ($groups as $group)
                            <option value="{{ $group->id }}">{{ $group->name_eng }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4 col-6">
                    <label>{{__('obs.name')}}</label>
                    {{-- <select name="party_id" id="party_id" style="width: 100%" class="form-control party_live">
                    </select> --}}
                    @include('v2.inventory.global.party_live_dd', ['type'=> $type, 'allow_clear'=> true])
                </div>
                <div class="col-md-3 col-6">
                    <label for="status">{{__('obs.status')}}</label>
                    <select name="status" class="form-control select_2" id="status">
                        <option value=""></option>
                        <option value="1">{{__('obs.active')}}</option>
                        <option value="0">{{__('obs.inactive')}}</option>
                    </select>
                </div>
                <div class="col-md-2 col-6"> <br>
                    <button class="btn btn-danger btn-sm" onclick="filter({{$type}})"><i class="fas fa-search"></i></button>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12" id="div_tbl">
                        <table class="table table-hover table-bordered" id="apply_data_table" style="width:100%">
                            <thead class="thead-dark">
                                <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.comm(%)')}}</th>
                                    <th>{{__('obs.limit_apply')}}</th>
                                    <th>{{__('obs.limit')}}</th>
                                    <th>{{__('obs.status')}}</th>
                                    <th>{{__('obs.action')}}</th>
                                </tr>
                            </thead>
                            <tbody id="DataSet">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.global.loader')
        @include('inventory.forms.customer_info')
        @if(request()->code_edit)
            <button style="position: fixed;bottom:10%;right:2px;z-index:2;" class="btn-sina-submit" onclick="updateCodeForCustomer()" type="button"><i class="fa fa-save"></i> {{__('obs.save')}} </button>
        @endif
    @endsection
    @section('script')
    <script>
        const store_setting = @json(store_info());

        $(document).ready(function() {
            select2('select_2');
            // partySearch('party_live', {{$type}})
        });
        const updateCodeForCustomer=()=>{
            var new_default_keys=[];
            var mainObj=[];
            $('.new_code_to_edit').each(function(){
                var customerData={};
                let row_id=$(this).attr('data-customer-id');
                customerData['id']=row_id;
                customerData['code']=$(this).val();
                customerData['email']=$('#new_email_to_edit-'+row_id).val();
                
                mainObj.push(customerData);
            });
            if(mainObj.length){
                updateCustomerOthersInfo(mainObj);
            }
        }
        const updateCustomerOthersInfo=(customer_array)=>{
        console.log('customer_array',customer_array);
        let keyLength=Object.keys(customer_array).length;
        if (keyLength > 0) {
            let link="{{route('customer.update')}}";
            let int_data_param={
                update:100,
                customer_array:customer_array
            }
            const showResponse=(data)=>{
                Swal.fire('Action Successfull', '', 'success');
                $('#loader').hide();
                filter(2);
            }
            ajaxCall(link,'POST',int_data_param, showResponse);
        } else {
            Swal.fire('MISMATCH', '', 'success');
        }
    }

        // function setArea(pivot_id, customer_id) {
        //     if (confirm('are you sure?')) {
        //         $.ajax({
        //             type: "GET",
        //             url: "/add-customer",
        //             data: {
        //                 customer_id: customer_id,
        //                 id: pivot_id,
        //                 type: 4
        //             },
        //             success: function(data) {
        //                 location.reload();
        //             },
        //             error: function(response) {},
        //         });
        //     }
        // }

        // function showDetails(data) {
        //     // let data = ShowArray[id];
        //     $("#edit_modal").modal("hide");
        //     var str = `<tr><th>Code</th><td>` + data.code + `</td></tr><tr>
        //             <th>User Name</th><td>` + data.user_name + `</td></tr><tr>
        //             <th>Name</th><td>` + data.name_eng + `</td></tr><tr>
        //             <th>Mobile</th><td>` + data.mobile + `</td></tr><tr>
        //             <th>Address</th><td>` + data.address + `</td></tr><tr>
        //             <th>Bank Name</th><td>` + data.bank_name + `</td></tr><tr>
        //             <th>Account Number</th><td>` + data.acc_number + `</td></tr><tr>
        //             <th>Commission</th><td>` + data.commission + `</td></tr><tr>
        //             <th>Commission Type</th><td>` + data.commission_type + `</td></tr><tr>
        //             <th>Credit Limit Amount</th><td>` + data.credit_limit_amount + `</td></tr><tr>
        //             <th>Credit Limit Day</th><td>` + data.credit_limit_day + `</td></tr>`
        //     if (data.shops.length) {
        //         str += `<tr><th colspan="2" class="text-center">AREA LIST</th><tr>`;
        //         for (let index = 0; index < data.shops.length; index++) {
        //             str += `<tr onclick="setArea('` + data.shops[index].pivot.id + `','` + data.id +
        //                 `')"><th colspan="2">` + data.shops[index].name;
        //             if (data.shops[index].pivot.active == 1) {
        //                 str += ` <span class="text-right badge badge-success">Active</span>`;
        //             } else {
        //                 str += ` <span class="text-right badge badge-danger">Active pls</span>`;
        //             }
        //             str += `</th><tr>`;
        //         }

        //     }
        //     $('#customer_info').html(str);

        //     $("#edit_modal").modal("show");
        // }
    </script>
    {{-- <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script> --}}
    <script type="text/javascript" src="{{ asset('inventory/custom/customer.js') }}"></script>
@endsection