@extends('frontend.layout.master')
@section('content')
    <div id="content-main-wrap" class="is-clearfix">
        <div id="content-area" class="site-content-area">
        <section class="profile-detail-section" id="profile-detail-section" data-link="confirmation-modal">
            <div class="niveshaay-container">
                <form method="POST" action="{{ route('store.companysubscription-details') }}" id="subscription-form">@csrf
                    <div class="profile-detail-block">
                        <div class="custom-col three-col">
                            <div class="col">
                                <div class="custom-form-field">
                                    <label for="name">Name of Investor<span>*</span></label>
                                    <input id="name" name="name_of_investor" type="text" class="form-control" placeholder="Name of Investor" value="{{ Auth::user()->name }}" required>
                                    @error('name_of_investor')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-form-field">
                                    <label for="email"> Email Address<span class="red-text">*</span></label>
                                    <input id="email" name="email" type="text" class="form-control" placeholder="Enter Address" value="{{ Auth::user()->email }}">
                                    @error('email')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-form-field">
                                    <label for="mobile-num">Mobile Number<span>*</span></label>
                                    <input id="mobile-num" name="mobile_no" type="text" class="form-control" placeholder="Enter Mobile Number " value="{{ Auth::user()->phone_no }}">
                                    @error('mobile_no')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="{{ old('state') == 'Other' ? 'three-col custom-col two-col' : 'custom-col two-col' }}">
                            <div class="col">
                                <div class="custom-form-field">
                                    <label for="city"> City<span>*</span></label>
                                    <input id="city" name="city" type="text" class="form-control" placeholder="Enter city" value="{{ old('city') }}" required>
                                    @error('city')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-form-field">
                                    <label for="state">State/Union Territory ( Please put in country also if outside India)<span>*</span></label>
                                    <select name="state" class="custom-dropdown form-control" required>
                                        <option value=''>SELECT One</option>
                                        @foreach ($states as $key=>$value )
                                            <option value="{{ $value }}" @if ($value == old('state'))
                                                selected
                                            @endif>{{ $value }} </option>
                                        @endforeach
                                    </select>
                                    @error('state')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col" id="other_state" style="{{ old('state') != 'Other' ? 'display: none;' : '' }}">
                                <div class="custom-form-field">
                                    <label for="other_state"> Other State<span>*</span></label>
                                    <input id="other_state" name="other_state" type="text" class="form-control" placeholder="Enter state"  value="{{ old('other_state') }}">
                                    @error('other_state')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="custom-col two-col">
                            <div class="col">
                                <div class="custom-form-field">
                                    <div class="custom-form-field">
                                        <label for="gst_no"> GST No.</label>
                                        <input id="gst_no" name="gst_no" type="text" class="form-control" placeholder="Enter GST No. " value="{{ old('gst_no') }}">
                                        @error('gst_no')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-form-field">
                                    <label for="pan-num"> Please provide your PAN NO<span>*</span></label>
                                    <input id="pan-num" name="pan_no" type="text" class="form-control" placeholder="Enter PAN No. " value="{{ old('pan_no') }}">
                                    @error('pan_no')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="custom-col two-col">
                            <div class="col">
                                <div class="custom-form-field">
                                    <label for="street-address">Full Street Address</label>
                                    <input id="street-address" name="street_address" type="text" class="form-control" placeholder="Enter Street Address" value="{{ old('street_address') }}">
                                    @error('street_address')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-form-field">
                                    <label>Residential Status<span>*</span></label>
                                    <select name="residential_status" class="form-control residential-status" required>
                                        <option value=''>SELECT One</option>
                                        @foreach ($residential_status as $key => $value)
                                        <option value="{{ $key }}" @if ($key == old('residential_status')) selected @endif>
                                            {{ $value }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('residential_status')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="custom-col two-col">
                            <div class="col">
                                <div class="custom-form-field">
                                    <p class="input-title">Date of Incorporation<span>*</span></p>
                                    <input  name="date_of_incorporation" type="date" class="form-control" placeholder="Enter Date of Incorporation" value="{{ old('date_of_incorporation') }}">
                                    @error('date_of_incorporation')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col">
                                <div class="custom-form-field">
                                    <p class="input-title">Legal Status<span>*</span></p>
                                    <input id="legal_status" name="legal_status" type="text" class="form-control" placeholder="Enter Legal Status" value="{{ old('legal_status') }}">
                                    @error('legal_status')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        {{-- <div class="custom-col two-col">
                            <div class="col">
                                <p class="input-title">Do you have DEMAT Account?<span>*</span></p>
                                <div class="radio-wrap">
                                    <label for="is_demat_account" class="radio-inline">
                                        <input id="is_demat_account" name="is_demat_account" type="radio" value="1" @if(old('is_demat_Account') == 1) checked @endif>Yes
                                    </label>
                                    <label for="is_demat_account" class="radio-inline">
                                        <input id="is_demat_account" name="is_demat_account" type="radio" value="0" @if(old('is_demat_account') == 0) checked @endif>No
                                    </label>
                                </div>
                                @error('is_demat_account')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col">
                                <div class="custom-form-field">
                                    <p class="input-title">DEMAT Account No</p>
                                    <input id="demat_account_no" name="demat_account_no" type="text" class="form-control" placeholder="Enter DEMAT account no. " value="{{ old('demat_account_no') }}">
                                    @error('demat_account_no')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="custom-col two-col">
                            <div class="col">
                                <p class="input-title">Number of years since Incorporation/Registration<span>*</span></p>
                                <div class="radio-wrap">
                                    <label for="less5" class="radio-inline">
                                        <input id="less5" name="number_of_years_since_registration" type="radio" value="1" @if(old('number_of_years_since_registration') == '1') checked @endif>less than 5 years
                                    </label>
                                    <label for="5-10" class="radio-inline">
                                        <input id="5-10" name="number_of_years_since_registration" type="radio" value="2" @if(old('number_of_years_since_registration') == '2') checked @endif>5-10 years
                                    </label>
                                    <label for="10plus" class="radio-inline">
                                        <input id="10plus" name="number_of_years_since_registration" type="radio" value="3" @if(old('number_of_year_since_registration') == '3') checked @endif>more than 10 years
                                    </label>
                                </div>
                                @error('number_of_years_since_registration')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                                @error('number_of_years_since_registration')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col">
                                <p class="input-title">Average profit after tax (PAT) for last 3 years<span>*</span></p>
                                <div class="radio-wrap">
                                    <label for="less10" class="radio-inline">
                                        <input id="less10" name="average_profit" type="radio" value="1" @if(old('average_profit') == '1') checked @endif>
                                        less than Rs. 10 lakhs
                                    </label>
                                    <label for="10-25" class="radio-inline">
                                        <input id="10-25" name="average_profit" type="radio" value="2" @if(old('average_profit') == '2') checked @endif>
                                        Rs. 10-25 lakhs
                                    </label>
                                    <label for="25plus" class="radio-inline">
                                        <input id="25plus" name="average_profit" type="radio" value="3" @if(old('average_profit') == '3') checked @endif>
                                        more than Rs. 25 lakhs
                                    </label>
                                </div>
                                @error('average_profit')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="custom-col two-col">
                            <div class="col">
                                <p class="input-title">
                                    Your comfortable holding investment horizon: <span>*</span>
                                </p>
                                <div class="radio-wrap">
                                    <label for="below12months" class="radio-inline">
                                        <input id="below12months" name="investment_period" type="radio" value="1" @if(old('investment_period') == '1') checked @endif>
                                        &lt; 12 Months
                                    </label>
                                    <label for="12-36Months" class="radio-inline">
                                        <input id="12-36Months" name="investment_period" type="radio" value="2" @if(old('investment_period') == '2') checked @endif>
                                        12-36 Months
                                    </label>
                                    <label class="radio-inline" for="above36months">
                                        <input id="above36months" name="investment_period" type="radio" value="3" @if(old('investment_period') == '3') checked @endif>
                                        Over 36 Months
                                    </label>
                                </div>
                                @error('investment_period')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col">
                                <p class="input-title">
                                    What percentage of your surplus/investible funds are you looking to invest now? <span>*</span>
                                </p>
                                <div class="radio-wrap">
                                    <label for="below12months" class="radio-inline">
                                        <input id="below25percent" name="invest_net_worth" type="radio" value="1" @if(old('invest_net_worth') == '1') checked @endif>
                                        &lt; 25%
                                    </label>
                                    <label for="25-50percent" class="radio-inline">
                                        <input id="25-50percent" name="invest_net_worth" type="radio" value="2" @if(old('invest_net_worth') == '2') checked @endif>
                                        25% - 50%
                                    </label>
                                    <label for="above50percent" class="radio-inline">
                                        <input id="above50percent" name="invest_net_worth" type="radio" value="3" @if(old('invest_net_worth') == '3') checked @endif>
                                        &gt; 50%
                                    </label>
                                </div>
                                @error('invest_net_worth')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="custom-col one-col">
                            <div class="col">
                                <p class="input-title">
                                    What best describes your Risk Attitude? <span>*</span>
                                </p>
                                <div class="radio-wrap">
                                    <label class="radio-inline">
                                        <input id="secure" name="risk_attitude" type="radio" value="1" @if(old('risk_attitude') == '1') checked @endif>
                                        SECURE : I seek complete safety of my capital with no negative returns
                                    </label><br />
                                    <label class="radio-inline">
                                        <input id="moderate" name="risk_attitude" type="radio" value="2" @if(old('risk_attitude') == '2') checked @endif>
                                        MODERATE : I seek a balance of regular income and capital appreciation over medium term
                                    </label><br />
                                    <label class="radio-inline">
                                        <input id="aggressive" name="risk_attitude" type="radio" value="3" @if(old('risk_attitude') == '3') checked @endif>
                                        AGGRESSIVE : I am comfortable with volatility and seek aggressive returns over a long term
                                    </label>
                                </div>
                                @error('risk_attitude')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="custom-col one-col">
                            <div class="col">
                                <p class="input-title">
                                    What best describes your Knowledge & Experience?<span>*</span>
                                </p>
                                <div class="radio-wrap">
                                    <label class="radio-inline" for="limited">
                                        <input id="limited" name="knowledge_experience" type="radio" value="1" @if(old('knowledge_experience') == '1') checked @endif>
                                        LIMITED : I have limited understanding & experience of financial investments
                                    </label><br />
                                    <label class="radio-inline" for="moderate">
                                        <input id="moderate" name="knowledge_experience" type="radio" value="2" @if(old('knowledge_experience') == '2') checked @endif>
                                        MODERATE : I am comfortable with financial products & have fair understanding & experience in investments
                                    </label><br />
                                    <label class="radio-inline" for="extensive">
                                        <input id="extensive" name="knowledge_experience" type="radio" value="3" @if(old('knowledge_experience') == '3') checked @endif>
                                        EXTENSIVE : I have extensive knowledge & experience of financial products
                                    </label>
                                </div>
                                @error('knowledge_experience')
                                    <span class="error">{{ $message }}</span>
                                @enderror
                            </div>
                        </div> --}}

                        <div class="custom-col one-col">
                            <div class="col">
                                <button class="btn btn-green" id="save" title="Save & Next" data-link="thanks-modal">
                                Save & Next
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </section>
        </div>
    </div>

    <div id="thanks-modal" class="custom-modal" data-tab="thanks-modal">
        <div class="modal-backdrop" id="verified-backdrop"></div>
            <div class="modal-content">
                <div class="modal-content-inner">
                    <div class="modal-body custom-form-section">
                        <a href="#" title="Close" class="modal-close" id="verified-close">
                            <img src="{{ asset('images/close.svg') }}" alt="close-btn" />
                        </a>
                        <div class="form-wrapper">
                            <div class="form-inner-wrapper">
                                <i>
                                    <img src="{{ asset('images/thanks.svg') }}" alt="thanks Logo" />
                                </i>
                                <h2>Thanks for subscribring!</h2>
                                <p class="bg-text">
                                    You'll receive our next email in a few days time.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@stack('js')
<script type="module">
    $(document).ready(function() {
        @if(session('show_modal'))
            jQuery('body,html').addClass('open-modal');
            var obj=$('#save').attr('data-link');
            var activemodal=jQuery("[data-tab='" + obj + "']");
            activemodal.addClass('visible');
        @endif
        $('.custom-dropdown').change(function() {
            var selectedValue = $(this).val();

            if (selectedValue === 'Other') {
                jQuery(this).parent().parent().parent().addClass('three-col');
                jQuery('#other_state').show();
            } else {
                jQuery(this).parent().parent().parent().removeClass('three-col');
                jQuery('#other_state').hide();
            }
        });

        jQuery('#verified-close, #verified-backdrop').click(function(e){
            e.preventDefault();
            jQuery('body,html').removeClass('open-modal');
            jQuery(this).closest('.custom-modal').removeClass('visible');
            window.location.href = "{{ route('frontend.research-dashboard') }}";
        });
    });
</script>