@extends('layouts.frontend.app')
@section('title', trans('memberSurvey.member-survey'))
@section('scripts')

@endsection

@section('content')
@include('inner.breadcrumb',['pageName'=> trans('memberSurvey.member-survey')])

<section id="inner-contanier">


    <img class="service-shape1 animate-y" src="{{asset('mechi/images/shape1.png')}}" alt="">
    <img class="about-shape1 animate-y" src="{{asset('mechi/images/shape2.png')}}" alt="">
    <form id="captcha-form" method="post" class="container needs-validation" novalidate action="{{route('member-survey.submit')}}">

        @if(Session::has('success'))
        <div class="alert alert-success">
            <strong>Success!</strong> {{ Session::get('success') }}
        </div>
        @endif

        @if($errors->any())
        <div class="alert alert-danger">
            <strong>Error!</strong> Please scroll down to see the errors
        </div>
        @endif

        @if(Session::has('error'))

        <div class="alert alert-danger">
            <strong>Error!</strong> {{ Session::get('error') }}
        </div>
        @endif

        @csrf
        <h1>{{trans('memberSurvey.top-title')}}</h1>
        <div class="org-txt">
            <p class="form-paragraph">{{trans('memberSurvey.top-description')}}</p>
        </div>
        <div class="row ncbl-form">
            <h5>{{trans('memberSurvey.name-of-association-institution') }}<span class="asterisk"> * </span>
            </h5>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Name " required name="name_of_association_institution" value="{{old('name_of_association_institution')}}">
                    <label for="">{{trans('memberSurvey.name-of-association-institution') }}</label>
                </div>
                @error('name_of_association_institution')
                <span class="text-danger">{{ $message }}</span>
                @enderror
            </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <h5>{{ trans('memberSurvey.organization-address') }} <span class="asterisk"> * </span>
            </h5>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Name" required name="name_of_municipality" value="{{old('name_of_municipality')}}">
                    <label for="">{{trans('memberSurvey.name-of-municipality')}}</label>
                </div>
                @error('name_of_municipality')
                <span class="text-danger">{{ $message }}</span>
                @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Village-Toll" required name="village_ward" value="{{old('village_ward')}}">
                    <label for="">{{trans('memberSurvey.village-ward')}}</label>
                </div>
                @error('village_ward')
                <span class="text-danger">{{ $message }}</span>
                @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Ward" required name="ward_number" value="{{old('ward_number')}}">
                    <label for="">{{trans('memberSurvey.ward-number')}}</label>
                </div>
                @error('ward_number') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Number" required name="telephone" value="{{old('telephone')}}">
                    <label for=""> {{trans('memberSurvey.telephone-number')}}</label>
                </div>
                @error('telephone') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <h5>{{trans('memberSurvey.contact-person-details')}} <span class="asterisk"> * </span>
            </h5>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Contact-Name" required name="contact_person_name" value="{{old('contact_person_name')}}">
                    <label for="">{{trans('memberSurvey.contact-person-name')}}</label>
                </div>
                @error('contact_person_name') <span class="text-danger">{{ $message }}</span> @enderror
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Mobile" required name="contact_person_phone_number" value="{{old('contact_person_phone_number')}}">
                    <label for="">{{trans('memberSurvey.contact-person-mobile-number')}}</label>
                </div>
                @error('contact_person_phone_number') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.bank-branch-office-for-activities')}} <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="branch_name">
                        <option value=""> Select one option </option>

                        @foreach($branchName as $key=>$info)

                        <option value="{{$info->id}}" @if(old('branch_name')==$info->id) selected @endif>{{$info->title}}</option>

                        @endforeach
                    </select>
                    {{--
                    <p class="amt-dpt">{{trans('memberSurvey.what-type-of-account-does-organization-want-to-open')}}.</p>
                    --}}
                </div>
                @error('branch_name') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.organization-email')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <input type="email" class="form-control" placeholder="Email" required name="organization_email" value="{{old('organization_email')}}">
                    <label for="">{{trans('memberSurvey.organization-email')}}</label>
                </div>
                @error('organization_email') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.e-banking-service')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="is_ebanking">
                        <option value=""> Select one option </option>

                        @foreach($option2 as $key=>$info)
                        <option value="{{$key}}" @if(old('is_ebanking')==$key) selected @endif>{{$info}}</option>

                        @endforeach
                    </select>
                </div>
                @error('is_ebanking') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.sms-service')}}<span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="is_sms">
                        <option value=""> Select one option </option>

                        @foreach($option2 as $key=>$info)
                        <option value="{{$key}}" @if(old('is_sms')==$key) selected @endif>{{$info}}</option>

                        @endforeach
                    </select>
                </div>
                @error('is_sms') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.atm-service-for-members')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="does_provide_atm">
                        <option value=""> Select one option </option>
                        @foreach($option3 as $key=>$info)
                        <option value="{{$key}}" @if(old('does_provide_atm')==$key) selected @endif>{{$info}}</option>

                        @endforeach
                    </select>
                </div>
                @error('does_provide_atm') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            {{--
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.internal-audit-system')}}

            <span class="asterisk"> * </span>
            </h5>
            <div class="mb-4  form-floating">
                <select class="form-select" aria-label="Default select example" required name="has_internal_audit">
                    <option value=""> Select one option </option>

                    @foreach($option1 as $key=>$info)
                    <option value=" {{$key}}" @if(old('has_internal_audit')==$key) selected @endif>{{$info}}</option>

                    @endforeach
                </select>
            </div>
            @error('has_internal_audit') <span class="text-danger">{{ $message }}</span> @enderror
        </div>
        --}}
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
            <h5>{{trans('memberSurvey.participation-in-cooperative-bank-program')}} <span class="asterisk"> * </span>
            </h5>
            <div class="mb-4  form-floating">
                <select class="form-select" aria-label="Default select example" required name="is_participation_program">
                    <option value=""> Select one option </option>

                    @foreach($option2 as $key=>$info)
                    <option value=" {{$key}}" @if(old('is_participation_program')==$key) selected @endif>{{$info}}</option>

                    @endforeach
                </select>
            </div>
            @error('is_participation_program') <span class="text-danger">{{ $message }}</span> @enderror
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
            <h5>
                {{trans('memberSurvey.organizational-risk-reduction-insurance')}}<span class="asterisk"> * </span>
            </h5>
            <div class="mb-4  form-floating">
                <select class="form-select" aria-label="Default select example" required name="has_organization_risk_reduction_insurance">
                    <option value=""> Select one option </option>

                    @foreach($option1 as $key=>$info)
                    <option value=" {{$key}}" @if(old('has_organization_risk_reduction_insurance')==$key) selected @endif>{{$info}}</option>

                    @endforeach
                </select>
            </div>
            @error('has_organization_risk_reduction_insurance') <span class="text-danger">{{ $message }}</span> @enderror
        </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.use-of-software')}}<span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="use_of_software" id="use_of_software">
                        <option value=""> Select one option </option>

                        @foreach($option1 as $key=>$info)
                        <option value=" {{$key}}" @if(old('use_of_software')==$key) selected @endif>{{$info}}</option>

                        @endforeach
                    </select>
                </div>
                @error('use_of_software') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.interested-training-from-bank')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="form-floating mb-4">
                    <textarea class="membermsg-txt form-control" placeholder="Leave a comment here" required name="training_from_bank" id="floatingTextarea">{{old('training_from_bank') }} </textarea>
                    <label for="floatingTextarea">{{trans('memberSurvey.interested-training-from-bank')}}</label>
                    <p class="amt-dpt">0 of 100 max characters</p>
                </div>
                @error('training_from_bank') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="row software" style="display: none;">
                <h5>{{trans('memberSurvey.used-software-system')}} <span class="asterisk"> * </span>
                </h5>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <div class="mb-4  form-floating">
                        <input type="text" class="form-control" placeholder="Email" name="software_name" value="{{old('software_name')}}">
                        <label for="">{{trans('memberSurvey.software-name')}}</label>
                    </div>
                    @error('software_name') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <div class="mb-4  form-floating">
                        <input type="text" class="form-control" placeholder="Email" name="software_service_provider_company_name" value="{{old('software_service_provider_company_name')}}">
                        <label for="">{{trans('memberSurvey.software-service-provider-company-name')}}
                        </label>
                    </div>
                    @error('software_service_provider_company_name') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
            </div>
            {{--
            <h5>{{trans('memberSurvey.provide-detailed-financial-information-until-poush')}}
            <span class="asterisk"> * </span>
            </h5>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Email" required name="share_value" value="{{old('share_value')}}">
                    <label for="">{{trans('memberSurvey.share-value')}}
                    </label>
                </div>
                @error('share_value') <span class="text-danger">{{ $message }}</span> @enderror
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Email" required name="reserve_fund" value="{{old('reserve_fund')}}">
                    <label for="">{{trans('memberSurvey.reserve-fund')}}
                    </label>
                </div>
                @error('reserve_fund') <span class="text-danger">{{ $message }}</span> @enderror
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Email" required name="total_deposits" value="{{old('total_deposits')}}">
                    <label for="">{{trans('memberSurvey.total-deposits')}}
                    </label>
                </div>
                @error('total_deposits') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Email" required name="loan_investment" value="{{old('loan_investment')}}">
                    <label for="">{{trans('memberSurvey.loan-investment')}}
                    </label>
                </div>
                @error('loan_investment') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Email" required name="external_loan" value="{{old('external_loan')}}">
                    <label for="">{{trans('memberSurvey.external-loan')}}</label>
                </div>
                @error('external_loan') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Email" required name="member_count" value="{{old('member_count')}}">
                    <label for="">{{trans('memberSurvey.member-count')}}
                    </label>
                </div>
                @error('member_count') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
        --}}
        <div class="formblock-below"></div>

        <div class="row ncbl-form">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.satisfaction-with-cooperative-bank-services')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="satisfaction_with_cooperative_bank_service">
                        <option value=""> Select one option </option>

                        @foreach($option1 as $key=>$info)
                        <option value=" {{$key}}" @if(old('satisfaction_with_cooperative_bank_service')==$key) selected @endif>{{$info}}</option>

                        @endforeach
                    </select>
                </div>
                @error('satisfaction_with_cooperative_bank_service') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>
                    {{trans('memberSurvey.taking-loan-from-cooperative-bank')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="taking_loan_from_cooperative_bank">
                        <option value=""> Select one option </option>

                        @foreach($option1 as $key=>$info)
                        <option value=" {{$key}}" @if(old('taking_loan_from_cooperative_bank')==$key) selected @endif>{{$info}}</option>

                        @endforeach
                    </select>
                </div>
                @error('taking_loan_from_cooperative_bank') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.use-of-remittance-companies-for-members')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="form-floating">
                    <textarea class="membermsg-txt form-control" placeholder="Leave a comment here" required name="use_of_remittance_companies_for_members" id="floatingTextarea">{{old('use_of_remittance_companies_for_members') }} </textarea>
                    <label for="floatingTextarea">{{trans('memberSurvey.use-of-remittance-companies-for-members')}}</label>
                    <p class="amt-dpt">0 of 100 max characters</p>
                </div>
                @error('use_of_remittance_companies_for_members') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('memberSurvey.valuable-suggestions-for-improving-bank-services')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="form-floating">
                    <textarea class="membermsg-txt form-control" placeholder="Leave a comment here" required name="suggestion_to_improve_bank_service" id="floatingTextarea">{{old('suggestion_to_improve_bank_service') }} </textarea>
                    <label for="floatingTextarea">{{trans('memberSurvey.valuable-suggestions-for-improving-bank-services')}}</label>
                    <p class="amt-dpt">0 of 500 max characters</p>
                </div>
                @error('suggestion_to_improve_bank_service') <span class="text-danger">{{ $message }}</span> @enderror
            </div>

            <div class="form-check click-here">
                <input class="form-check-input mb-4" type="checkbox" value="" required id="flexCheckChecked" checked>
                <label class="form-check-label" for="flexCheckChecked">
                    माथि उल्लेखित शर्तहरुमा सहमति जनाउँदछु ।
                </label>
            </div>

            <div class="row ncbl-form">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 captcha-enter">
                    <div class="form-group captcha" style="float: left; position: relative;">
                        <span>{!! captcha_img('flat') !!}</span>
                        <a href="javascript:void(0)" id="refresh" style="top: 16px; position: absolute; right: -28px; z-index: 2;"><i class="fas fa-sync-alt"></i></a>
                    </div>
                    <div class="form-grp">
                        <input type="text" value="{{ old('captcha') }}" required name="captcha" class="form-control" id="captcha" placeholder="Enter Captcha *" value="{{ old('captcha') }}" required>
                        @if ($errors->has('captcha'))
                        <div class="text-danger">{{ $errors->first('captcha') }}</div>
                        @endif
                        <div class="text-danger captcha-error"></div>
                    </div>
                </div>



                <div class="col-lg-6 col-md-12 readmore-btn"> <button type="submit" id="submit-button" class="btn btn-primary">Submit </button> </div>
            </div>
    </form>
</section>

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<script>
    $(document).ready(function() {
        // Add change event listener to the use_of_software select
        $('#use_of_software').change(function() {
            // Check if the selected value is equal to 1
            var val = document.getElementById('use_of_software').value;
            // Show or hide the software div based on the value of val
            if (val == 1) {


                // Make software fields required
                document.querySelector('[name="software_name"]').required = true;
                document.querySelector('[name="software_service_provider_company_name"]').required = true;

                // Show the software div
                $('.software').show();
            } else {


                // Make software fields not required
                document.querySelector('[name="software_name"]').required = false;
                document.querySelector('[name="software_service_provider_company_name"]').required = false;
                // Hide the software div
                $('.software').hide();
            }
        });

        // Trigger the change event on page load to check the initial value
        $('#use_of_software').trigger('change');
    });
</script>
@endsection