@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

</style>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Add Merchant
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="{{ asset('/') }}" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ asset('admin-user') }}" class="m-nav__link">
                            <span class="m-nav__link-text">
                                 Merchant
                            </span>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Add
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if ($errors->any())
                @foreach ($errors->all() as $error)
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                        {{ $error }}
                    </div>
                @endforeach
        @endif
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="flaticon-add"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Add Merchant
                        </h3>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <form action="{{ asset('admin/merchant/add') }}" class="m-form m-form--fit m-form--label-align-right" id="merchant_form" method="POST" enctype="multipart/form-data">
                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <div class="form-group m-form__group row" style="display: none;">
                            <label class="col-lg-3 col-form-label">
                                Guest Merchant<br/>
                                <code>(Check if this merchant is guest merchant):</code>
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="guest_merchant" name="guest_merchant">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Code:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="referred_by" value="{{ Request::old('referred_by') }}" maxlength="5" placeholder="Enter Referral Code">
                                <span><img class="loading_cc" style="display:none; width: 16px;margin-top: -3px;margin-left: 3px;" src="/assets/front/img/loading.gif"/></span><code style="display: none;" class="ref-ct"></code>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                GST Number:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="gst_number" value="{{ Request::old('gst_number') }}" placeholder="Enter GST Number">
                                <div class="btn btn-primary fill-gst-details" data-gstin="0">Fill Details</div>
                            </div>
                        </div>
                        <div class="form-group m-form__group row" style="position: relative;">
                            <label class="col-lg-3 col-form-label">
                                Official Merchant Name:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="official_merchant_name" value="{{ Request::old('official_merchant_name') }}" placeholder="Official Merchant Name" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Brand Name: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="merchant_name" value="{{ Request::old('merchant_name') }}" placeholder="Enter Name" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Type of Firm: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">

                                <select class="form-control m-input" name="type_of_firm" id="exampleSelect1" required="required">
                                    <option value=""> Select Type of Firm </option>
                                    <option value="partnership">Partnership</option>
                                    <option value="llp">Limited Liability Partnership</option>
                                    <option value="company">Registered Company</option>
                                    <option value="proprietorship">Proprietorship</option>
                                    <option value="nonprofit">Non Profit Company / Foundation</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Signing Authority Name: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="owner_name" value="{{ Request::old('owner_name') }}" placeholder="Enter Signing Authority Name" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Designation: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="title" value="{{ Request::old('title') }}" placeholder="Enter Designation" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Alias: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="slug" value="{{ Request::old('slug') }}" placeholder="Enter Alias" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Category: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select name="category_id" id="merchant_category" autocomplete="on" class="form-control" required="required">
                                    <option value="" disabled selected>Select Category</option>
                                    @foreach($categories as $category)
                                        <option value="{!! $category->id !!}" <?php echo Request::old('category_id') == $category->id ? 'selected="selected"' : '' ?> >{!! $category->name !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Relation Ship Manager:
                            </label>
                            <div class="col-lg-6">
                                <select name="rm_id" id="rm" autocomplete="on" class="form-control" required="required">
                                    <option value="" disabled selected>Select Relation</option>
                                    @foreach($users as $user)
                                        <option value="{!! $user->id !!}" <?php echo Request::old('rm_id') == $user->id ? 'selected="selected"' : '' ?>>{!! $user->name !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                DOB: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" id="fl_from_date" name="dob" placeholder="Date of Birth" value="{{ Request::old('dob') }}" autocomplete="off" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Gender: {{--<span style="color: red;">*</span>--}}
                            </label>
                            <div class="col-lg-6">
                                <select name="gender" id="gender" class="form-control">
                                    <option value="" disabled selected>Select Gender</option>
                                    <option value="1" <?php echo Request::old('gender') == 1 ? 'selected="selected"' : '' ?>>MALE</option>
                                    <option value="2" <?php echo Request::old('gender') == 2 ? 'selected="selected"' : '' ?>>FEMALE</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Mobile Number: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="contact_number" id="contact_number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" value="{{ Request::old('contact_number') }}" placeholder="Enter Mobile Number" maxlength="10" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Email:
                            </label>
                            <div class="col-lg-6">
                                <input type="email" class="form-control m-input" name="email" value="{{ Request::old('email') }}" placeholder="Enter Email">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Pan Card: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="pan_card" value="{{ Request::old('pan_card') }}" placeholder="Enter Pan Card" required="required" oninput="validatePancard()" id="pan_card">
                                <span id="error_message_pancard" style="color: red; display: none;font-size: 13px;">Please enter correct pancard number.</span>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Address: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <textarea name="address" class="form-control m-input" placeholder="Enter Address" required="">{{ Request::old('address') }}</textarea>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Location:
                            </label>
                            <div class="col-lg-3">
                                <input type="text" class="form-control m-input" name="longitude" id="longitude" value="{{ Request::old('longitude') }}" placeholder="Enter longitude">
                            </div>
                            <div class="col-lg-3">
                                <input type="text" class="form-control m-input" name="latitude" id="latitude" value="{{ Request::old('latitude') }}" placeholder="Enter latitude">
                            </div>
                            <div class="col-lg-3">
                                <div class="btn btn-primary fetch-location">Fetch</div>
                                <span><img class="loading_fl" style="display:none;width: 16px; margin-top: -3px; margin-left: 3px;" src="/assets/front/img/loading.gif"></span>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                State: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control" name="state" id="state" required>
                                    <option value="">Please select State</option>
                                    @foreach($state_list as $state_name)
                                        <option value="{!! $state_name->name !!}" <?php echo Request::old('state') == $state_name->name ? 'selected="selected"' : '' ?>>{!! $state_name->name !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                City: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="city" class="form-control m-input" placeholder="Enter City" required="" value="{{ Request::old('city') }}"/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Pincode: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="pincode" id="pincode" maxlength="6" class="form-control m-input" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" placeholder="Enter Pincode" required="" value="{{ Request::old('pincode') }}"/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                No. of month/year in Business:
                            </label>
                            <div class="col-lg-3">
                                <input type="number" class="form-control m-input" name="year_in_business" value="{{ Request::old('year_in_business') }}" placeholder="No. of year in Business">
                            </div>
                            <div class="col-lg-3">
                                <input type="number" class="form-control m-input" name="month_in_business" value="{{ Request::old('year_in_business') }}" placeholder="No. of month in Business">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Source: {{--<span style="color: red;">*</span>--}}
                            </label>
                            <div class="col-lg-6">
                                <select name="source" id="source" autocomplete="on" class="form-control">
                                    <option value="" disabled selected>Select source of merchant</option>
                                        <option value="Referral" <?php echo Request::old('source') == 'Referral' ? 'selected="selected"' : '' ?>>Referral</option>
                                        <option value="Personal Contacts" <?php echo Request::old('source') == 'Personal Contacts' ? 'selected="selected"' : '' ?>>Personal Contacts</option>
                                        <option value="Business Developments efforts" <?php echo Request::old('source') == 'Business Developments efforts' ? 'selected="selected"' : '' ?>>Business Developments efforts (Cold calling/ Emails/ LinkedIn)</option>
                                        <option value="Marketing" <?php echo Request::old('source') == 'Marketing' ? 'selected="selected"' : '' ?>>Marketing</option>
                                        <option value="Others" <?php echo Request::old('source') == 'Others' ? 'selected="selected"' : '' ?>>Others</option>
                                </select>
                            </div>
                            <div class="col-lg-6" style="display:none; width:100%;margin:auto" id="userList">
                                <select name="u_id" id="uid" autocomplete="on" class="form-control">
                                    <option value="" disabled selected>Select Referral User</option>
                                    @foreach($users as $user)
                                        <option value="{!! $user->id !!}" <?php echo Request::old('u_id') == $user->id ? 'selected="selected"' : '' ?>>{!! $user->name !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Nature of Business: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="nature_of_business" value="{{ Request::old('nature_of_business') }}" placeholder="Enter Nature of Business" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Logo:
                            </label>
                            <div class="col-lg-6">
                                 <input type="file" accept="image/jpeg,image/png,application/pdf" id="merchant_logo"  name="merchant_logo" value="{{Request::old('merchant_logo')}}">
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Current Financial Partner: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="financial_partner" value="{{ Request::old('financial_partner') }}" placeholder="Bajaj, Liquiloans, Eduvanz, etc" required="">
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Total Revenue Per Month: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" id="total_revenue_per_month" name="total_revenue_per_month" class="form-control" value="{{ Request::old('total_revenue_per_month') }}" placeholder="Enter total revenue per month" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Percentage of Sales in EMI: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-5">
                                <input type="text" id="percentage_of_sales_in_emi" name="percentage_of_sales_in_emi" class="form-control" value="{{ Request::old('percentage_of_sales_in_emi') }}" min='0' max='100' maxlength='3' placeholder="Enter value in percentage between 0 and 100" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">
                            </div>
                            <div class="col-lg-1" style="font-size: x-large;padding: 0;">
                                %
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Number of lenders: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" id="number_of_lenders" name="number_of_lenders" class="form-control" value="{{ Request::old('number_of_lenders') }}" placeholder="Enter number of lenders" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Preferred number of visits required on a monthly basis: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" id="number_of_visits" name="number_of_visits" class="form-control" value="{{ Request::old('number_of_visits') }}" min='0' min='30' placeholder="Enter number of visits required" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Landmark (Between City/State): <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" id="landmark" name="landmark" class="form-control" value="{{ Request::old('landmark') }}" placeholder="Enter landmark between city or state">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Average Ticket Size:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('avg_ticket_size') }}" id="avg_ticket_size" name="avg_ticket_size" class="form-control" placeholder="Average Ticket Size" required="" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Potential number of applications on MOM Basis: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="number" class="form-control m-input" name="target_number_application" value="{{ Request::old('target_number_application',0) }}" placeholder="Enter target number of application on MOM basis" required="">
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Potential value of applications on MOM Basis: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="number" class="form-control m-input" name="target_value_application" value="{{ Request::old('target_value_application',0) }}" placeholder="Enter target value of applications on MOM basis:" required="">
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Max no. of cases allowed: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input quantity" name="max_no_cases" value="{{ Request::old('max_no_cases') }}" placeholder="Max no. cases are allowed" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Max approval value allowed: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input quantity" name="max_approval_value" value="{{ Request::old('max_approval_value') }}" placeholder="Max. approval value allowed" required="">
                            </div>
                        </div>


                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Processing Fee Collected:
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="is_collected" name="is_collected" checked="checked">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Sent Pending Collection Report:
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="send_collection_report" name="send_collection_report" checked="checked">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                GST Applicable:
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="is_gst" name="is_gst" checked="checked"/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Co-app for signing:
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="co_applicant" name="co_applicant">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Auto Abort <br/>
                                <code>(Check it to enable auto abort emails):</code>
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="is_auto_abort" name="is_auto_abort" checked="checked">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Auto Abort Approved Cases<br/>
                                <code>(Check it to enable auto abort emails for approved cases):</code>
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="is_auto_abort_approved" name="is_auto_abort_approved" checked="checked">
                            </div>
                        </div>



                        {{-- Hold merchant liability --}}
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Hold merchant liability
                            </label>
                            <div class="col-lg-6">
                                <input type="checkbox" id="hold_liability" <?php /*echo isset($merchant->is_auto_abort) && $merchant->is_auto_abort == 1 ? 'checked' : ''; */?> name="hold_liability">
                            </div>
                        </div>

                        <div id="hold_percentage" class="form-group m-form__group row" style="display: none">
                            <label class="col-lg-3 col-form-label">
                                Percentage to be held: <span style="color: red">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="hold_percentage" class="form-control m-input" placeholder="Enter the percentage to be held" value="{{--{{ Request::old('hold_percentage',$merchant->pincode) }}--}}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"/>
                            </div>
                        </div>



                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Regular Contact Person:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('rcp') }}" id="rcp" name="rcp" class="form-control" placeholder="Regular Contact Person">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Regular Contact Person Email:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('rcp_email') }}" id="rcp" name="rcp_email" class="form-control" placeholder="Regular Contact Person Email">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Regular Contact Person Mobile:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('rcp_mobile') }}" id="rcp" name="rcp_mobile" class="form-control" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" maxlength="10" placeholder="Regular Contact Person Mobile">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Sales Head:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('sales_head') }}" id="sales_head" name="sales_head" class="form-control" placeholder="Sales Head">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Sales Head Email:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('sales_head_email') }}" id="sales_head_email" name="sales_head_email" class="form-control" placeholder="Sales Head Email">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Sales Head Mobile:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('sales_head_mobile') }}" id="sales_head_mobile" name="sales_head_mobile" class="form-control" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" maxlength="10" placeholder="Sales Head Mobile">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Finance Head:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('finance_head') }}" id="finance_head" name="finance_head" class="form-control" placeholder="Finance Head">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Finance Head Email:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('finance_head_email') }}" id="finance_head_email" name="finance_head_email" class="form-control" placeholder="Finance Head Email">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Finance Head Mobile:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" value="{{ Request::old('finance_head_mobile') }}" id="finance_head_mobile" name="finance_head_mobile" class="form-control" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" maxlength="10" placeholder="Finance Head Mobile">
                            </div>
                        </div>

                        <div class="form-group m-form__group row" style="display: none;">
                            <label class="col-lg-3 col-form-label">
                                User Type: <span style="color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control m-input" name="status" id="exampleSelect1" readonly="">
                                    <option value="inactive" selected="selected">InActive</option>
                                </select>
                            </div>
                        </div>
                        <input type="hidden" value="{!! request()->old('gst_authentication') !!}" name="gst_authentication"/>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">Special Notes
                            <p>Use <code>&lt;br/&gt;</code> to break the line</p>
                            </label>
                            <div style="padding-left: 15px;" class="col-lg-6">
                                <textarea class="form-control special_notes" name="special_notes" id="special_notes" placeholder="Special notes for Credit Team"></textarea>
                            </div><!-- Widget Area -->
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">

                            </label>
                                <div style="padding-left: 15px;" class="col-lg-6">
                                        <textarea class="form-control" name="comment_box" id="comment_box" placeholder="Important notes for merchant"></textarea>
                                        @if(\Illuminate\Support\Facades\Session::has('comment_to_merchant|-0'))
                                            <div class="form-inline" style="display:none;padding-bottom: 10px;">
                                                <div class="form-group">
                                                    <label style="margin-right: 13px;">Show For Merchant:</label>
                                                    <input type="checkbox" class="form-control" name="show_for_merchant">
                                                </div>
                                            </div>
                                        @endif
                                </div><!-- Widget Area -->
                        </div>
                    </div>
                </div>
                <input type="hidden" name="is_redirect" id="is_redirect"/>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <button type="submit" class="btn btn-success">
                            Save
                        </button>
                        <button type="submit" class="btn btn-primary" onclick="document.getElementById('is_redirect').value = 'module';">
                            Save & go to Module
                        </button>
                        <button type="submit" class="btn btn-primary" onclick="document.getElementById('is_redirect').value = 'bank';">
                            Save & go to Bank
                        </button>
                        <button type="reset" onclick="window.history.back()" class="btn btn-secondary">
                            Cancel
                        </button>
                    </div>
                </div>
                </div>
            </form>
            <!--end::Form-->
        </div>
    </div>
</div>
@include("admin.layouts.footer")
<script>
        function validatePancard() {
            const inputField = document.getElementById('pan_card');
            const errorMessage = document.getElementById('error_message_pancard');
            let panValue = inputField.value.toUpperCase();
            const regex = /^[A-Z]{5}[0-9]{4}[A-Z]$/;

            if (!regex.test(panValue)) {
                inputField.value = panValue;
                inputField.classList.add('error');
                errorMessage.style.display = 'inline';
            } else {
                inputField.value = panValue;
                inputField.classList.remove('error');
                errorMessage.style.display = 'none';
            }
}
    function validateEmail(mailId){
            const regex = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[_a-z0-9-]+)*(\.[a-z]{2,})$/i;
            if (mailId !== '' && !regex.test(mailId)) {
                return false;
            }
            return true;
        }


    $("input[name='gst_number']").keyup(function(){
        if($(".fill-gst-details").attr('data-gstin') != $(this).val()){
            $(".fill-gst-details").removeClass('disabled');
        }else{
            $(".fill-gst-details").addClass('disabled');
        }
    });

    $(".quantity").keypress(function (e) {
        if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
            return false;
        }
    });

    $(".fill-gst-details").click(function(){

        let event = $(this);
        if($(this).hasClass('disabled')){
            return false;
        }

        if($("input[name='gst_number']").val().length == 0){
            alert('Please enter GST Number');
            return false;
        }
        var _token = '<?php echo csrf_token(); ?>';

        let gst = $("input[name='gst_number']").val();
        $(".init-loader").css({display:'block'});
        $.ajax({
            type: 'POST',
            url: "/admin/merchant/get-gst-details/0",
            data: {
                _token: _token,
                gst: gst
            },
            dataType: "JSON",
            success: function (response) {

                if(response.status == 'OK') {

                    if(typeof response.data_enc !== 'undefined'){
                        $("input[name='gst_authentication']").val(response.data_enc);
                    }


                    $(".fill-gst-details").addClass('disabled');
                    if (typeof response.data.result !== 'undefined' && typeof response.data.result.gstin !== 'undefined' && response.data.result.gstin) {
                        $(".fill-gst-details").attr('data-gstin', response.data.result.gstin);
                    }

                    if (typeof response.data.result !== 'undefined' && typeof response.data.result.tradeNam !== 'undefined') {
                        $("input[name='official_merchant_name']").val(response.data.result.tradeNam);
                    }
                    if (typeof response.data.result !== 'undefined' && response.data.result.pradr && typeof response.data.result.pradr.adr !== 'undefined') {
                        $("textarea[name='address']").text(response.data.result.pradr.adr);
                    }

                    if (response.stateName) {
                        $("select[name='state']").find('option[value="' + response.stateName + '"]')
                            .attr('selected', true);
                    }

                    if (response.pincode) {
                        $("input[name='pincode']").val(response.pincode);
                    }

                    if (typeof response.data.result !== 'undefined' && typeof response.data.result.ctb !== 'undefined' && response.data.result.ctb.length && response.data.result.ctb.toLowerCase() == 'proprietorship') {
                        if (typeof response.data.result.lgnm !== 'undefined' && response.data.result.lgnm) {
                            $("input[name='owner_name']").val(response.data.result.lgnm)
                        }
                        if (typeof response.data.result !== 'undefined' && typeof response.data.result.gstin !== 'undefined' && response.data.result.gstin) {
                            $("input[name='pan_card']").val(response.data.result.gstin.substr(2, 10));
                        }
                    }

                    if (typeof response.data.result !== 'undefined' && typeof response.data.result.ctb !== 'undefined' && response.data.result.ctb.length){
                        if (response.data.result.ctb.toLowerCase() == 'proprietorship') {
                            $("select[name='type_of_firm']").find('option[value="' + response.data.result.ctb.toLowerCase() + '"]')
                                .attr('selected', true);
                        }else if (response.data.result.ctb.toLowerCase() == 'private limited company') {
                            $("select[name='type_of_firm']").find('option[value="company"]')
                                .attr('selected', true);
                        }else if (response.data.result.ctb.toLowerCase() == 'limited liability partnership') {
                            $("select[name='type_of_firm']").find('option[value="llp"]')
                                .attr('selected', true);
                        }else if (response.data.result.ctb.toLowerCase() == 'partnership') {
                            $("select[name='type_of_firm']").find('option[value="' + response.data.result.ctb.toLowerCase() + '"]')
                                .attr('selected', true);
                        }
                    }

                }else{
                    alert(response.message);
                }

                $(".init-loader").css({display:'none'});
            }
        });
    });

    $("select[name='source']").on('change', function(){
        if(this.value == 'Referral' || this.value == 'Others'){
            $('#userList').css({'display':'block'});
        }else{
            $('#userList').css({'display':'none'});
        }
    });

    var tags = ['input','textarea','select'];
    var guest_merchant_validations = ['merchant_name','owner_name','category_id','contact_number','address','state','city','pincode','slug'];

    $("#guest_merchant").change(function(){
       if($(this).is(':checked')){
           attributes(0)
       }else{
           attributes(1);
       }
    });
//    $.inArray(iBarCode, myArray) == -1
    function attributes(type){
        $.each(tags, function (index, item) {
            $(item).each(function() {
                let attr = $(this).attr('required');
                let validation = $(this).attr('name');
                if(typeof attr !== 'undefined' && attr !== false && !type  && (jQuery.inArray( validation, guest_merchant_validations)== -1)){
                    $(this).parent().parent().find('label > span').css({'color':'white'});
                    $(this).removeAttr('required');
                    $(this).attr('data-pre-required', true);
                }else if(type){
                    let attr = $(this).attr('data-pre-required');
                    if(typeof attr !== 'undefined' && attr !== false) {
                        $(this).parent().parent().find('label > span').css({'color':'red'});
                        $(this).attr('required','required');
                    }
                }
            });
        });
    }

    $('#hold_liability').change(function(){
        if($('#hold_liability').is(":checked")){
            $('#hold_percentage').css('display', 'flex');
            $('#liability_star').css('color', 'red');
            $("input[name='hold_percentage']").attr('required', '');
        }else{
            $('#hold_percentage').css('display', 'none');
            $("input[name='hold_percentage']").removeAttr('required', '');
        }
    });

    $("#merchant_category").change(function(){
        let val = $(this).find('option:selected').val();
        if(val === '20' || val === '22'){
            $('#is_auto_abort').removeAttr('checked');
            $('#is_auto_abort_approved').removeAttr('checked');
        } else{
            $('#is_auto_abort').attr('checked', 'checked');
            $('#is_auto_abort_approved').attr('checked','checked');
        }
    });

    $("input[name='referred_by']").bind("keyup change", function(e) {
        if($(this).val().length == 5){
            $("code.ref-ct").css({display:'none'});
            $(".loading_cc").css({display:'block'});
            var _token = '<?php echo csrf_token(); ?>';
            $.ajax({
                type: 'POST',
                url: "/admin/users/get-referee/"+$(this).val(),
                data: {
                    _token: _token,
                },
                dataType: "JSON",
                success: function (response) {
                    $(".loading_cc").css({display:'none'});
                    $("code.ref-ct").css({display:'block'});
                    $("code.ref-ct").html(response.message);
                }
            });
        }
    });

    $(".fetch-location").click(function(){
        var _token = '<?php echo csrf_token(); ?>';
        let address = $("textarea[name='address']");
        let state = $("select[name='state']");
        let city = $("input[name='city']");
        let pincode = $("input[name='pincode']");


        address.css({'border-color':'#ebedf2'});
        pincode.css({'border-color':'#ebedf2'});
        city.css({'border-color':'#ebedf2'});
        state.css({'border-color':'#ebedf2'});

        if(address.val().length == 0 || pincode.val().length == 0 || city.val().length == 0 || state.find('option:selected').val().length == 0){

            if(address.val().length == 0) {
                address.css({'border-color':'red'});
            }else if(pincode.val().length == 0) {
                pincode.css({'border-color':'red'});
            }else if(city.val().length == 0) {
                city.css({'border-color':'red'});
            }else if(state.find('option:selected').val().length == 0) {
                state.css({'border-color':'red'});
            }
            return false;
        }

        if($("#longitude").val().length || $("#latitude").val().length){
            alert('You already fetched the location');
            return false;
        }

        let address_line = address.val()+" "+city.val()+" "+state.find('option:selected').val()+" "+pincode.val();

        $(".loading_fl").css({display:'inherit'});
        $.ajax({
            type: 'POST',
            url: "/admin/merchant/fetch-location-by-address",
            data: {
                _token: _token, address:address_line
            },
            dataType: "JSON",
            success: function (response) {
                $(".loading_fl").css({display:'none'});
                if(response.status == 'OK'){
                    $("#longitude").val(response.data.lng);
                    $("#latitude").val(response.data.lat);
                }else{
                    alert(response.message)
                }
            }
        });
    });

    //mapping pincode to state

        $("#pincode").keyup(function () {

            var event = $("select[name='state']");
            var is_keyup = 0;
            var pin = $(this).val();

            if (pin.length === 6) {
                is_keyup = 1;
                var  state_name = mapStatesToPincodes(pin, is_keyup);

                if(state_name){

                    var state = toTitleCase(state_name);
                    event.removeAttr('selected');
                    event.val(state);
                    event.attr('selected', 'selected');
                }

            }
        });

        function toTitleCase(str) {
            return str.replace(
                /\w\S*/g,
                function(txt) {
                    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
                }
            );
        }


    function mapStatesToPincodes(pin, is_keyup){

        var pincode = pin;
        var key_up = is_keyup;
        var flag =0;
        var _token = '<?php echo csrf_token(); ?>';

        $.ajax({

            url: "/admin/consumer-application/map-state",
            async: false,
            dataType: "json",
            type: "GET",
            data: {

                pincode: pincode,
                keyup: key_up,
                _token: _token

            },

            success: function (response) {

                if (response.status === 'OK' && response.keyup === 1) {

                    state_name = response.state_name;
                    flag = response.keyup;
                }
            }
        });

        if(flag === 1){
            return state_name;
        }else {
            return "";
        }

    }



    $(document).on("submit", "#merchant_form", function () {
        const inputFieldPincode = document.getElementById('pincode');
        const regexPincode = /^[1-9][0-9]{5}$/;

        if (!regexPincode.test(inputFieldPincode.value) && (inputFieldPincode !== "")) {
            alert("Invalid Pincode");
            return false;
        }
        const inputFieldContactNumber = $("input[name='contact_number']").val();
        const inputFieldContactNumber3 = document.getElementById('sales_head_mobile');
        const inputFieldContactNumber4 = document.getElementById('finance_head_mobile');
        const inputFieldContactNumber2 = $("input[name='rcp_mobile']").val();
        const regexContactNumber = /^[1-9][0-9]{9}$/;

        if (!regexContactNumber.test(inputFieldContactNumber3.value) && (inputFieldContactNumber3.value !== "")) {
            alert("Invalid Mobile Number In Sales Head Mobile");
            return false;
        }
        if (!regexContactNumber.test(inputFieldContactNumber4.value) && (inputFieldContactNumber4.value !== "")) {
            alert("Invalid Mobile Number In Finance Head Mobile");
            return false;
        }
        if (!regexContactNumber.test(inputFieldContactNumber) && (inputFieldContactNumber !== "")) {
            alert("Invalid Mobile Number");
            return false;
        }
        if (!regexContactNumber.test(inputFieldContactNumber2) && (inputFieldContactNumber2 !== "")) {
            alert("Invalid Mobile Number Regular Contact Person Mobile");
            return false;
        }
        const mailIds=$("input[name='email']").val();
        const emails = mailIds.split(',').map(email => email.trim());
        for (let email of emails) {
                if (!validateEmail(email)) {
                    alert("Invalid Email")
                    return false;
                    break;
                }
            }
        const rcpmailId=$("input[name='rcp_email']").val();
        if (rcpmailId !==""){
            rcpmail = rcpmailId.split(',').map(email => email.trim());
            for (let email of rcpmail) {
                if (!validateEmail(email)) {
                    alert("Invalid Regular Contact Person Email")
                    return false;
                    break;
                }
            }
        }
        const salesmailId=document.getElementById('sales_head_email').value;
        if (salesmailId !==""){
            salemail = salesmailId.split(',').map(email => email.trim());
            for (let email of salemail) {
                if (!validateEmail(email)) {
                    alert("Invalid Sales Head Email")
                    return false;
                    break;
                }
            }
        }
        const finacemailId=document.getElementById('finance_head_email').value;
        if (finacemailId !==""){
            finacemail = finacemailId.split(',').map(email => email.trim());
            for (let email of finacemail) {
                if (!validateEmail(email)) {
                    alert("Invalid Finance Head Email")
                    return false;
                    break;
                }
            }
        }
        
        const inputFieldTicket = document.getElementById('avg_ticket_size');
        const regexTicket = /^[0-9]+$/;

        if (!regexTicket.test(inputFieldTicket.value)) {
            alert("Invlid Ticket Size");
            return false;
        }

        const inputFieldPancard = document.getElementById('pan_card');
        const regexPancard = /^[A-Z]{5}[0-9]{4}[A-Z]$/;

        if (!regexPancard.test(inputFieldPancard.value)) {
            alert("Invalid Pancard Number");
            return false;
        }

        var pincode = $("#pincode").val();

        var is_keyup =1;

        var filled_state = $("#state").val();
        //        event.preventDefault();

        var state  =  mapStatesToPincodes(pincode, is_keyup);

        if(state === ""){
            return true;

        }else{
            var state_name = toTitleCase(state);
            if (state_name === filled_state){
               return true;

            }else{
                alert('Pincode doesn\'t belong to the selected state!');
                return false;
            }

        }

        if($('input[name="total_revenue_per_month"]').val().length <= 0){
            alert('Total revenue value is missing');
            return false;
        }
        if($('input[name="number_of_lenders"]').val().length <= 0){
            alert('Number of lender is missing');
            return false;
        }
        if($('input[name="landmark"]').val().length <= 0){
            alert('Landmark value is missing');
            return false;
        }

        if($('input[name="percentage_of_sales_in_emi"]').val().length <= 0){
            alert('Sale percentage value is missing');
            return false;
        }else if($('input[name="percentage_of_sales_in_emi"]').val() < 0 || $('input[name="percentage_of_sales_in_emi"]').val() > 100){
            alert('Entered value must be in between 0 to 100');
            $('input[name="percentage_of_sales_in_emi"]').css({'border-color':'red'});
            let topC = $('input[name="percentage_of_sales_in_emi"]').offset().top;
            if(topC) {
                $('html, body').animate({scrollTop: topC - 150}, 'slow');
            }
            return false;
        }
        if($('input[name="number_of_visits"]').val().length <= 0){
            alert('Visit number is missing');
            return false;
        }else if($('input[name="number_of_visits"]').val() < 0 || $('input[name="number_of_visits"]').val() > 30){
            alert('Entered value must be in between 0 to 30');
            $('input[name="number_of_visits"]').css({'border-color':'red'});
            let topC = $('input[name="number_of_visits"]').offset().top;
            if(topC) {
                $('html, body').animate({scrollTop: topC - 150}, 'slow');
            }
            return false;
        }
        if($('input[name="avg_ticket_size"]').val().length <= 0){
            alert('Averge ticket value is missing');
            return false;
        }

    });

    // var total_revenue = 0;
    // var precentage_of_sales = 0;
    // var lenders_number = 0;
    // var ticket_size = 0;

    // $('input[name="total_revenue_per_month"]').on('change', function(){
    //     if(this.value > 0){
    //         total_revenue = this.value;
    //         if($('input[name="percentage_of_sales_in_emi"]').val() > 0){
    //             precentage_of_sales = $('input[name="percentage_of_sales_in_emi"]').val();
    //         }
    //         if($('input[name="number_of_lenders"]').val() > 0){
    //             lenders_number = $('input[name="number_of_lenders"]').val();
    //         }
    //         if($('input[name="avg_ticket_size"]').val() > 0){
    //             ticket_size = $('input[name="avg_ticket_size"]').val();
    //         }
    //         var calculatePotentialNumber = (((total_revenue * (precentage_of_sales /100))/lenders_number)/ticket_size);
    //         $('input[name="target_number_application"]').val(Math.round(calculatePotentialNumber));
    //         var calculatePotentialValue = ((total_revenue * (precentage_of_sales /100))/lenders_number);
    //         $('input[name="target_value_application"]').val(Math.round(calculatePotentialValue));
    //     }
    // });
    // $('input[name="percentage_of_sales_in_emi"]').on('change', function(){
    //     if(this.value > 0){
    //         precentage_of_sales = this.value;
    //         if($('input[name="total_revenue_per_month"]').val() > 0){
    //             total_revenue = $('input[name="total_revenue_per_month"]').val();
    //         }
    //         if($('input[name="number_of_lenders"]').val() > 0){
    //             lenders_number = $('input[name="number_of_lenders"]').val();
    //         }
    //         if($('input[name="avg_ticket_size"]').val() > 0){
    //             ticket_size = $('input[name="avg_ticket_size"]').val();
    //         }
    //         var calculatePotentialNumber = (((total_revenue * (precentage_of_sales /100))/lenders_number)/ticket_size);
    //         $('input[name="target_number_application"]').val(Math.round(calculatePotentialNumber));
    //         var calculatePotentialValue = ((total_revenue * (precentage_of_sales /100))/lenders_number);
    //         $('input[name="target_value_application"]').val(Math.round(calculatePotentialValue));
    //     }
    // });
    // $('input[name="number_of_lenders"]').on('change', function(){
    //     if(this.value > 0){
    //         lenders_number = this.value;
    //         if($('input[name="total_revenue_per_month"]').val() > 0){
    //             total_revenue = $('input[name="total_revenue_per_month"]').val();
    //         }
    //         if($('input[name="percentage_of_sales_in_emi"]').val() > 0){
    //             precentage_of_sales = $('input[name="percentage_of_sales_in_emi"]').val();
    //         }
    //         if($('input[name="avg_ticket_size"]').val() > 0){
    //             ticket_size = $('input[name="avg_ticket_size"]').val();
    //         }
    //         var calculatePotentialNumber = (((total_revenue * (precentage_of_sales /100))/lenders_number)/ticket_size);
    //         $('input[name="target_number_application"]').val(Math.round(calculatePotentialNumber));
    //         var calculatePotentialValue = ((total_revenue * (precentage_of_sales /100))/lenders_number);
    //         $('input[name="target_value_application"]').val(Math.round(calculatePotentialValue));
    //     }
    // });
    // $('input[name="avg_ticket_size"]').on('change', function(){
    //     if(this.value > 0){
    //         ticket_size = this.value;
    //         if($('input[name="total_revenue_per_month"]').val() > 0){
    //             total_revenue = $('input[name="total_revenue_per_month"]').val();
    //         }
    //         if($('input[name="percentage_of_sales_in_emi"]').val() > 0){
    //             precentage_of_sales = $('input[name="percentage_of_sales_in_emi"]').val();
    //         }
    //         if($('input[name="number_of_lenders"]').val() > 0){
    //             lenders_number = $('input[name="number_of_lenders"]').val();
    //         }
    //         var calculatePotentialNumber = (((total_revenue * (precentage_of_sales /100))/lenders_number)/ticket_size);
    //         $('input[name="target_number_application"]').val(Math.round(calculatePotentialNumber));
    //         var calculatePotentialValue = ((total_revenue * (precentage_of_sales /100))/lenders_number);
    //         $('input[name="target_value_application"]').val(Math.round(calculatePotentialValue));
    //     }
    // });

</script>