@extends('admin.layout.master')
@section('title', 'Update Customer')
@section('custom_style')
    <style>
        label {
            font-size: 13px
        }

        .table th,
        .table td {
            padding: 0rem;
            padding-right: 0.35rem;
            padding-left: 0.35rem;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-top: 1px solid #2c7f6f;
            border-bottom: 1px solid #e2e2e2;
            border-left: 1px solid #2c7f6f;
            border-right: 1px solid #2c7f6f;
            background: none !important;
            color: #2c7f6f;
        }

        .nav-link:hover {
            border-bottom: #2c7f6f !important;
        }

        a.nav-link.active:hover {
            border-bottom: #e2e2e2 !important;
        }

        a.nav-link {
            color: #9e9e9e;
        }

        .nav-tabs {
            border-bottom: 1px solid #2c7f6f;
        }

        .gj-datepicker-bootstrap [role=right-icon] button .gj-icon,
        .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
            top: 4px;
        }

    </style>
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>{{ ucfirst($routeGroup??'N/A') }} Info</h4>
        </div>
        {{-- @if ($errors->any())
            @foreach ($errors->all() as $error)
                <div style="color:red">{{ $error }}</div>
            @endforeach
        @endif --}}
        <form action="{{ route('customer.update') }}" method="post">
            @csrf
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>{{__('obs.group_name')}}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="custom-select" id="group_id" name="group_id">
                                                    <option selected value="">{{__('obs.choose')}}...</option>
                                                    @foreach ($groups as $group)
                                                        <option {{ $customer->group_id == $group->id ? 'selected' : '' }}
                                                            value="{{ $group->id }}">{{ $group->name_eng }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>{{__('obs.code')}} *</label>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" value="{{ $customer->code }}" class="form-control"
                                                id="code" name="code" />
                                            <input type="hidden" value="{{ $customer->id }}" class="form-control"
                                                id="ID" name="id" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>{{__('obs.name')}} *</label>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" value="{{ $customer->name_eng }}" class="form-control"
                                                id="name" name="name_eng" />
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>{{__('obs.local_name')}}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" class="form-control" value="{{ $customer->name_local }}"
                                                id="localname" name="name_local" />
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="row d-flex">
                                    <div class="col-md-2 pr-0">
                                        <label> {{__('obs.party_type')}}</label>
                                    </div>
                                    <div class="col-md-5 px-0" style="margin-top: -6px">
                                        <div class="row">
                                            <div class="form-group col-md-3">
                                                <div class="row">
                                                    <input style="max-width: 15px;" type="radio"
                                                        {{ $customer->party_type == 2 ? 'checked' : '' }}
                                                        class="form-check" name="party_type" id="default" value="2" />
                                                    <label style="padding-top: 10px; padding-left: 5px;"
                                                        for="default">{{__('obs.default')}}</label>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <div class="row">
                                                    <input {{ $customer->party_type == 3 ? 'checked' : '' }}
                                                        style="max-width: 15px;" type="radio" class="form-check" id="wv"
                                                        name="party_type" value="3" />
                                                    <label style="padding-top: 10px; padding-left: 5px;" for="wv">{{__('obs.with')}}
                                                    {{__('obs.vendor')}}</label>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <div class="row">
                                                    <input style="max-width: 15px;"
                                                        {{ $customer->party_type == 4 ? 'checked' : '' }} id="sr_box"
                                                        onclick="shopEnable(this)" type="radio" class="form-check"
                                                        name="party_type" value="4" />
                                                    <label style="padding-top: 10px; padding-left: 5px;"
                                                        for="sr_box">{{__('obs.sr')}}</label>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3" id="shop_field"
                                                style="{{ $customer->party_type == 4 ? '' : 'display: none' }}">
                                                <div class="row">
                                                    @php
                                                        $ss = $customer->shops->pluck('id');
                                                    @endphp
                                                    <select style="width:100%" class="custom-select" id="shop"
                                                        name="shop[]" multiple>
                                                        @foreach ($shops as $shop)
                                                            <option value="{{ $shop->id }}" @if (in_array($shop->id, $ss->toArray())) selected="selected" @endif>
                                                                {{ $shop->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            {{-- <div class="form-group col-md-3">
                                                <div class="row">
                                                    <input {{ $customer->party_type == 4 ? 'checked' : '' }}
                                                        style="max-width: 25px;" type="radio" class="form-control"
                                                        name="party_type" value="4" />
                                                    <label style="padding-top: 10px; padding-left: 5px;" for="">{{__('obs.sr')}}</label>
                                                </div>
                                            </div>

                                            <div class="form-group col-md-3">
                                                <div class="row">
                                                    <input {{ $customer->party_type == 5 ? 'checked' : '' }}
                                                        style="max-width: 25px;" type="radio" class="form-control"
                                                        name="party_type" value="5" />
                                                    <label style="padding-top: 10px; padding-left: 5px;" for="">{{__('obs.shop')}}</label>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <div class="row">
                                                    <input {{ $customer->party_type == 6 ? 'checked' : '' }}
                                                        style="max-width: 25px;" type="radio" class="form-control"
                                                        name="party_type" value="6" />
                                                    <label style="padding-top: 10px; padding-left: 5px;"
                                                        for="">{{__('obs.dealer')}} </label>
                                                </div>
                                            </div> --}}
                                        </div>

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

                            <div class="col-md-12">
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" role="tab"
                                            aria-controls="home" aria-selected="true">{{__('obs.master_details')}}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
                                            role="tab" aria-controls="profile" aria-selected="false">{{__('obs.other_data')}}</a>
                                    </li>
                                    @if(warehouse_info()->is_using_vat == 1)
                                        <li class="nav-item">
                                            <a class="nav-link" id="vat-tab" data-bs-toggle="tab" data-bs-target="#vat"
                                                role="tab" aria-controls="vat" aria-selected="false">{{__('obs.vat')}}</a>
                                        </li>
                                    @endif
                                    <li class="nav-item">
                                        <a class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
                                            role="tab" aria-controls="contact" aria-selected="false">{{__('obs.cash_in_bank')}}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#credentials"
                                            role="tab" aria-controls="contact" aria-selected="false">{{__('obs.credentials')}}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#cardMember"
                                            role="tab" aria-controls="contact" aria-selected="false">{{__('obs.membership_card')}}</a>
                                    </li>
                                </ul>
                                <div class="tab-content pt-3" id="myTabContent">
                                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.cost_center')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <select class="custom-select" id="cost_center"
                                                                    name="cost_center">
                                                                    <option selected value="0">{{__('obs.choose')}}...</option>
                                                                    @foreach ($cost_centers as $cost_center)
                                                                        <option
                                                                            {{ $customer->cost_center == $cost_center->id ? 'selected' : '' }}
                                                                            value="{{ $cost_center->id }}">
                                                                            {{ $cost_center->name }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                <a href="{{ route('costcenter.index') }}" id="basic-addon2"
                                                                    class='btn btn-danger ml-2 btn-sm'> <i
                                                                        class="fas fa-plus"></i></a>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.type')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <select class="custom-select" id="type" name="type">
                                                                    <option selected value="0">{{__('obs.choose')}}...</option>
                                                                    @foreach ($types as $type)
                                                                        <option
                                                                            {{ $accoountHeads->type == $type->id ? 'selected' : '' }}
                                                                            value="{{ $type->id }}">
                                                                            {{ $type->name_eng }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                <a href="{{ route('type.index') }}" id="basic-addon2"
                                                                    class='btn btn-danger ml-2 btn-sm'> <i
                                                                        class="fas fa-plus"></i></a>
                                                            </div>
                                                        </div>

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

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.commission(%)')}}</label>
                                                        <input type='checkbox'
                                                            {{ !empty($customer->commission) ? 'checked' : '' }}
                                                            onchange="CheckCommission(this)">
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <input type="number" step=".0001" id="Commission" @if (!empty($customer->commission)) value="{{ $customer->commission }}" @else style="display: none" @endif
                                                                    class="form-control input-sm" name="commission" />
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.commission_type')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <select class="custom-select" id="commissionType"
                                                                    name="commission_type">
                                                                    <option
                                                                        {{ $customer->commission_type == 1 ? 'selected' : '' }}
                                                                        value="1">Fixed</option>
                                                                    <option
                                                                        {{ $customer->commission_type == 2 ? 'selected' : '' }}
                                                                        value="2">{{__('obs.customized')}}</option>
                                                                </select>
                                                            </div>
                                                        </div>

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

                                            <div class="col-md-4">
                                                <div class="row">
                                                    {{-- @dd($customer->limit_apply, $customer->credit_limit_amount, $customer->limit_apply == 1) --}}
                                                    <div class="col-md-4">
                                                        <label for="limitapply">{{__('obs.limit_apply')}}</label>
                                                        <input type="checkbox" value="1" {{ $customer->limit_apply == 1 ? 'checked' : '' }} id="limitapply" name="limit_apply" onchange="CheckLimitApply(this)">
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <input type="number" step=".01" id="creditLimitAmount" name="credit_limit_amount" value="{{ $customer->limit_apply == 1 ? $customer->credit_limit_amount : 0 }}" class="form-control input-sm" style="display: {{ $customer->limit_apply == 1 ? '' : 'none' }}"/>
                                                                <label id="creditLimitAmountlabel" style="display: {{ $customer->limit_apply == 1 ? '' : 'none' }}"> &nbsp {{__('obs.credit_limit_amount')}})</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.credit_limit_day')}})</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <input type="number"
                                                                    value="{{ $customer->credit_limit_day }}"
                                                                    id="creditLimitDay" class="form-control input-sm"
                                                                    name="credit_limit_day" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- starting newly added --}}
                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.other_commission_name')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <input type="text"
                                                                    value="{{ $customer->other_commission_title }}"
                                                                    id="otherCommissionTitle" class="form-control input-sm"
                                                                    name="other_commission_title" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.other_commission')}} </label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <input type="text"
                                                                    value="{{ $customer->other_commission }}"
                                                                    id="otherCommission" class="form-control input-sm"
                                                                    name="other_commission" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.commission_calculation_type')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <select id="comCalcType" class="custom-select"
                                                                    name="com_calc_type">
                                                                    <option
                                                                        {{ $customer->com_calc_type == 1 ? 'selected' : '' }}
                                                                        value="1">+</option>
                                                                    <option
                                                                        {{ $customer->com_calc_type == 0 ? 'selected' : '' }}
                                                                        value="0">-</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.private_depot')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <select name="depot_id" class="select_2 vendor_live form-control">
                                                                    <option value="{{$customer->depot_id}}">{{$customer->parentDepot->name_eng ?? ''}}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.block_free')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="form-check form-check-inline">

                                                            <label>
                                                            {{__('obs.yes')}}
                                                                <input class="form-check-input" name="block_free"
                                                                {{ $customer->block_free == 1 ? 'checked' : '' }} id="block_free_yes" type="radio" value="1">
                                                            </label>
                                                        </div>
                                                        <div class="form-check form-check-inline">

                                                            <label>
                                                            {{__('obs.no')}}
                                                                <input class="form-check-input" name="block_free" id="block_free_no"
                                                                {{ $customer->block_free == 0 ? 'checked' : '' }} type="radio" value="0">
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- starting newly added --}}

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.storelocation')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                         {{-- <label for="cbm">StoreLocation</label> --}}
                                                         <select class="select_2 @error('store_location_ids') is-invalid @enderror form-control" style="width: 100%" name="store_location_ids[]" id="store_location_ids" multiple>

                                                            @foreach (adminAsignedWarehouseList() as $wh)
                                                                <option value="{{$wh->id}}" @if(current_store()==$wh->id) disabled @endif @if(in_array($wh->id,$locations)) selected @endif>{{ $wh->name_eng }}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('store_location_ids')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                        {{-- <div class="form-check form-check-inline">
                                                            <label>
                                                                Current Store
                                                                <input class="form-check-input"
                                                                    {{ $customer->warehouse_id == current_store() ? 'checked' : '' }}
                                                                    name="stores" id="cstore" type="radio" value="1">
                                                            </label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <label>
                                                                All Store
                                                                <input class="form-check-input"
                                                                    {{ $customer->warehouse_id == current_warehouse() ? 'checked' : '' }}
                                                                    name="stores" id="allstore" type="radio" value="2">
                                                            </label>
                                                        </div> --}}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.return_percentage')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="number" step=".001" class="form-control" id="return_percentage" name="return_percentage" value="{{ $customer->return_percentage }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.target')}}</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="number" step=".001" class="form-control" id="target" name="target" value="{{ $customer->target }}">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>{{__('obs.line')}}</label>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <select name="line" id="line" class="form-control w-100 select_line">
                                                            <option value="1" {{ $customer->line == 1 ? 'selected' : '' }}>{{__('obs.a')}}  </option>
                                                            <option value="2" {{ $customer->line == 2 ? 'selected' : '' }}> {{__('obs.b')}} </option>
                                                            <option value="3" {{ $customer->line == 3 ? 'selected' : '' }}> {{__('obs.both')}} </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.mobile')}}</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="number" value="{{ $customer->mobile }}"
                                                            class="form-control" id="mobile" name="mobile" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.email')}} *</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="email" value="{{ $customer->email }}"
                                                            class="form-control" id="email" name="email" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.address')}}</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="text" value="{{ $customer->address }}"
                                                            class="form-control" id="address" name="address" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @if(warehouse_info()->is_using_vat == 1)
                                        @include('inventory.customer.vat_info', ['customer'=>$customer])
                                    @endif
                                    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.bank_name')}}</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="text" value="{{ $customer->bank_name }}"
                                                            class="form-control" id="bank_name" name="bank_name" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.swift_code')}}</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="number" value="{{ $customer->swift_code }}"
                                                            class="form-control" id="swift_code" name="swift_code" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.account_name')}} </label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="text" value="{{ $customer->acc_name }}"
                                                            class="form-control" id="acc_name" name="acc_name" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.account_number')}}</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="number" value="{{ $customer->acc_number }}"
                                                            class="form-control" id="acc_number" name="acc_number" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="credentials" role="tabpanel" aria-labelledby="credentials-tab">
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.user_name')}} *</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="text" value="{{ $customer->user_name }}"
                                                            class="form-control" id="user_name" name="user_name" />
                                                    </div>

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

                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label>{{__('obs.showroom')}}</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <input type="text" value="{{ $customer->showroom_name }}"
                                                            class="form-control" id="showroom_name"
                                                            name="showroom_name" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="cardMember" role="tabpanel" aria-labelledby="cardMember-tab">
                                        <div class="">
                                            <div class="col-md-6 mb-1">
                                                <div class="row">
                                                    <div class="col-md-3"> <label for="grade_id">{{__('obs.card_grade')}}</label> </div>
                                                    <div class="col-md-9">
                                                        <select name="grade_id" id="grade_id" style="width:100%" class="form-control select_2">
                                                            <option value=""></option>
                                                            @forelse ($grade as $grade)
                                                                <option value="{{ $grade->id }}" {{ $customer->grade_id == $grade->id ? 'selected' : '' }}>{{ $grade->name_eng }}</option>
                                                            @empty
                                                            @endforelse
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mb-1">
                                                <div class="row">
                                                    <div class="col-md-3"> <label for="card_number">{{__('obs.card_number')}}</label> </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" id="card_number" name="card_number" value="{{ $customer->card_number }}"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <div class="col-md-3"> <label for="expiry_date">{{__('obs.expire_date')}}</label> </div>
                                                    <div class="col-md-9">
                                                        <input type="date" name="expiry_date" class="form-control" id="expiry_date" value="{{ $customer->expiry_date?date('Y-m-d', strtotime($customer->expiry_date)):'' }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary btn-sm mt-3 ml-3">{{__('obs.submit')}}</button>
                        <a href="{{ route('customer.index') }}" type="button" class="btn btn-danger btn-sm mt-3 ml-3">{{__('obs.go')}}
                        {{__('obs.back')}}</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
    {{-- @include('inventory.modal.add_group') --}}
    <script src="{{ asset('inventory/blade_js/common.js') }}"></script>

    <script>
        $(document).ready(function() {
            $('.custom-select').select2();
            select2('select_2');
            select2('select_line', 'Select', false);
            partySearch('vendor_live', 2);
        });
        const shopEnable = (v) => {
            if ($(v).prop("checked")) {
                $('#shop_field').show();
            } else {
                $('#shop_field').hide();
            }
        }
        const CheckCommission = (v) => {
            if ($(v).prop("checked")) {
                // checked
                $('#Commission').show();

            } else {
                $('#Commission').val(0);
                $('#Commission').hide();

            }
        }
        const CheckLimitApply = (v) => {
            if ($(v).prop("checked")) {
                // checked
                $('#creditLimitAmount').show();
                $('#creditLimitAmountlabel').show();
                $('#limitapply').val(1);
            } else {
                $('#creditLimitAmount').hide();
                $('#creditLimitAmountlabel').hide();
                $('#limitapply').val(2);
                $('#creditLimitAmount').val(0);

            }
        }
        // for type
        const types = (v) => {
            if ($(v).prop("checked")) {
                // checked
                $('#PartyType').val(3);
            } else {
                $('#PartyType').val(2);
            }
        }
    </script>

@endsection