@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">

                    <h4>{{ __('sitelabel.CreatenewCreditCustomer') }}</h4>
                </div>
            </div>
            <form method="post" action="{{ url('/') }}/creditcustomerprocess" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SeleactCustomerType') }}<span
                                            class="text-danger">*</span></label>
                                    <select class="form-select" name="cmbCustomerType" id="cmbCustomerType">
                                        <option value="">{{ __('sitelabel.SeleactCustomerType') }}</option>
                                        @foreach ($customertype as $customertype)
                                            <option value="{{ $customertype->Id }}">{{ $customertype->CustomerTypeName }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbCustomerType')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Code') }}<span class="text-danger">*</span></label>
                                    <input type="text" id="txtCode" name="txtCode" value="{{ $CustomerCode }}">
                                    <span class="text-danger">
                                        @error('txtCode')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Name') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtName" name="txtName"
                                        value="{{ old('txtName', '') }}">
                                    <span class="text-danger">
                                        @error('txtName')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PhoneNo') }}</label>
                                    <input type="text" class="form-control" id="txtPhoneNo" name="txtPhoneNo"
                                        value="{{ old('txtPhoneNo', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.MobileNo') }}</label>
                                    <input type="text" class="form-control" id="txtMobileNo" name="txtMobileNo"
                                        value="{{ old('txtMobileNo', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.EmailAddress') }}</label>
                                    <input type="text" class="form-control" id="txtEmailAddress" name="txtEmailAddress"
                                        value="{{ old('txtEmailAddress', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ContactPerson') }}</label>
                                    <input type="text" class="form-control" id="txtContactPerson" name="txtContactPerson"
                                        value="{{ old('txtContactPerson', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Country') }}</label>
                                    <select name="cmbCountry" id="cmbCountry" class="form-control">
                                        <option value="">{{ __('sitelabel.SelectCountry') }}</option>
                                        @foreach ($countries as $item)
                                            <option value="{{ $item->Id }}">{{ $item->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SaleTaxRegNo') }}</label>
                                    <input type="text" class="form-control" id="txtSaleTaxRegNo" name="txtSaleTaxRegNo"
                                        value="{{ old('txtSaleTaxRegNo', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NTNNo') }}</label>
                                    <input type="text" class="form-control" id="txtNTNNo" name="txtNTNNo"
                                        value="{{ old('txtNTNNo', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PaymentTerms') }}</label>
                                    <select name="cmbPaymentTerms" id="cmbPaymentTerms" class="form-control">
                                        <option value="">{{ __('sitelabel.SelectPaymentTerms') }}</option>
                                        @foreach ($paymentterms as $paymentterms)
                                            <option value="{{ $paymentterms->Id }}">{{ $paymentterms->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.CNIC') }}</label>
                                    <input type="text" class="form-control" id="txtCNIC" name="txtCNIC"
                                        value="{{ old('txtCNIC', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.OpeningBalance') }}</label>
                                    <input type="number" class="form-control" id="txtOpeningBalance"
                                        name="txtOpeningBalance" value="{{ old('txtOpeningBalance', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.CreditLimit') }}</label>
                                    <input type="number" class="form-control" id="txtCreditLimit"
                                        name="txtCreditLimit" value="{{ old('txtCreditLimit', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Discount') }}</label>
                                    <input type="number" class="form-control" id="txtDiscount"
                                        name="txtDiscount" value="{{ old('txtDiscount', '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PriceList') }}</label>
                                    <select class="form-select" id="cmbPriceList" name="cmbPriceList[]" multiple>
                                        <option value="">{{ __('sitelabel.SelectPriceLists') }}</option>
                                        @foreach ($pricelist as $item)
                                            <option value="{{ $item->Id }}">{{ $item->Name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.AutoCOAAccount') }}</label>
                                    <input class="form-check-input" type="checkbox" id="chkAutoCOA" name="chkAutoCOA"
                                        checked>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SeleactCOA') }}</label>
                                    <select class="form-select" id="cmbCOA" name="cmbCOA">
                                        <option value="0">{{ __('sitelabel.AutoCOAAccount') }}</option>
                                        @foreach ($coachartofaccount as $coachartofaccount)
                                            <option value="{{ $coachartofaccount->Id }}">{{ $coachartofaccount->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TaxStatus') }}</label>
                                    <input class="form-check-input" type="checkbox" id="chkTaxStatus"
                                        name="chkTaxStatus">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <input class="form-check-input" type="checkbox" id="chkStatus" name="chkStatus"
                                        checked>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TempAddress') }}</label>
                                    <textarea class="form-control" id="txtTempAddress" name="txtTempAddress"></textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PermanentAddress') }}</label>
                                    <textarea class="form-control" id="txtPermanentAddress" name="txtPermanentAddress"></textarea>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-lg-12">
                                    <table class="table table-bordered">
                                        <thead style="background-color: #0C133A">
                                            <th style="color: #fff">{{ __('sitelabel.Category') }}</th>
                                            <th style="color: #fff">{{ __('sitelabel.SubCategory') }}</th>
                                            <th style="color: #fff">{{ __('sitelabel.DiscountPercent') }}</th>
                                            <th style="color: #fff">{{ __('sitelabel.Action') }}</th>
                                        </thead>
                                        <tbody>
                                            <tr style="background-color: rgb(192, 192, 192)">
                                                <td>
                                                    <select class="form-control" id="ddlCategory">
                                                        <option value="-1" selected>
                                                            {{ __('sitelabel.SelectCategory') }}</option>
                                                        @foreach ($parentcategory as $item)
                                                            <option value="{{ $item->Id }}">{{ $item->Name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td>
                                                    <select class="form-control" id="ddlSubCategory">
                                                        <option value="-1" selected>
                                                            {{ __('sitelabel.SelectSubCategory') }}</option>
                                                    </select>
                                                </td>
                                                <td><input type="number" class="form-control" min="0"
                                                        max="100" id="txtDiscountPercent"></td>
                                                <td><button type="button" class="btn btn-success"
                                                        onclick="addRowToTable()">{{ __('sitelabel.Add') }}</button></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-lg-12">
                                    <table class="table table-bordered" id="discountTable">
                                        <thead>
                                            <tr>
                                                <th>{{ __('sitelabel.Category') }}</th>
                                                <th>{{ __('sitelabel.SubCategory') }}</th>
                                                <th>{{ __('sitelabel.DiscountPercent') }}</th>
                                                <th>{{ __('sitelabel.Action') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Description') }}</label>
                                    <textarea class="form-control" id="txtDescription" name="txtDescription"></textarea>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label> {{ __('sitelabel.Picture') }}</label>
                                    <div class="image-upload">
                                        <input type="file" name="txtPicture" id="txtPicture">
                                        <div class="image-uploads">
                                            <img src="{{ url('/') }}/admin/assets/img/icons/upload.svg"
                                                alt="img">
                                            <h4>Drag and drop a file to upload</h4>
                                        </div>
                                        <span class="text-danger">
                                            @error('txtPicture')
                                                {{ $message }}
                                            @enderror

                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="submit" name="save_data" value="1"
                                    class="btn btn-primary">{{ __('sitelabel.SaveAndNew') }}</button>
                                <button type="submit" name="save"
                                    class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button"
                                    onclick="javascript:window.location='{{ url('/creditcustomer') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>

                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    </div>
@endsection
@section('script')