@extends('layout.appHome')

@section('content')

    <section class="section contact-banner">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                    <div class="page-banner">
                        <div class="align-middle">
                            <h1>
                                <span>{{ $strapi_response['sec1_cntcpg_bnr_h1_spn1_fnt1'] }}</span>
                                <span>
                                    <span class="d-inline-flex">
                                        <font class="text-darkBlue">{{ $strapi_response['sec1_cntcpg_bnr_h1_spn2_fnt1'] }}</font>
                                        <font class="text-lightGreen">{{ $strapi_response['sec1_cntcpg_bnr_h1_spn2_fnt2'] }}</font>
                                    </span>
                                </span>
                            </h1>
                            <p>{{ $strapi_response['sec1_cntcpg_bnr_p'] }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <section class="section bg-lightBlue">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-md-8 col-sm-12 col-12">
                    <div class="section-heading mb-4">
                        <span class="tip">{{ $strapi_response['sec2_cntcpg_h2_spn1'] }}</span>
                        <span class="title">{{ $strapi_response['sec2_cntcpg_h2_spn2'] }}</span>
                    </div>

                    <form name="contact" class="uform" action="{{ route('send.contactForm') }}" method="post">

                        @csrf
                        @include('common.notify')


                        <div class="ucard p-4">
                            <div class="row">
                                <div class="col">
                                    <label for="companyname">{{ $strapi_response['sec2_cntcpg_frm_l1'] }}</label>
                                    <input type="text" id="companyname" class="form-control" name="companyname" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <label for="fname">{{ $strapi_response['sec2_cntcpg_frm_l2'] }} <span>*</span></label>
                                    <input type="text" id="fname" class="form-control" name="firstname" required max="50" />
                                    <div class="capt_msg" id="fname_msg">Please enter alphabets only</div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <label for="lname">{{ $strapi_response['sec2_cntcpg_frm_l3'] }} <span>*</span></label>
                                    <input type="text" id="lname" class="form-control" name="lastname" required max="50" />
                                    <div class="capt_msg" id="lname_msg">Please enter alphabets only</div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <label for="email">{{ $strapi_response['sec2_cntcpg_frm_l4'] }} <span>*</span></label>
                                    <input type="email" id="email" class="form-control" name="emailaddress" required max="100" />
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <label for="phone">{{ $strapi_response['sec2_cntcpg_frm_l5'] }} <span>*</span></label>
                                    <input type="text" id="phone" class="form-control" name="phone" required />
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <label for="reason">{{ $strapi_response['sec2_cntcpg_frm_l6'] }} <span>*</span></label>
                                    <select class="form-control" name="reason" id="reason" required >
                                        <option value="">Please Select</option>
                                        <option value="Press">Press</option>
                                        <option value="Careers">Careers</option>
                                        <option value="Developers">Developers</option>
                                        <option value="Info">Info</option>
                                        <option value="Charity">Charity</option>
                                        <option value="Legal">Legal</option>
                                        <option value="Partnerships">Partnerships</option>
                                    </select>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <label for="ecosystem">{{ $strapi_response['sec2_cntcpg_frm_l7'] }} <span>*</span></label>
                                    <select type="text" id="ecosystem" class="form-control" name="ecosystem" required >
                                        <option value="UWorld">UWorld</option>
                                        <option value="UMoney">UMoney</option>
                                        <option value="UFoundation">UFoundation</option>
                                        <option value="UCapital">UCapital</option>
                                        <option value="UTokenize">UTokenize</option>
                                        <option value="USafe">USafe</option>
                                        <option value="UStore">UStore</option>
                                        <option value="UGold">UGold</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <label for="message">{{ $strapi_response['sec2_cntcpg_frm_l8'] }} <span>*</span></label>
                                    <textarea id="message" class="form-control" name="message" rows="4"></textarea>
                                </div>
                            </div>
                            

                            <div class="row">
                                <div class="col mb-3">
                                    {!! NoCaptcha::display() !!}
                                    <div class="capt_msg" id="capt_msg">Please check the recaptcha</div>

                                    @if ($errors->has('g-recaptcha-response'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                        </span>
                                    @endif

                                </div>
                            </div>



                            <div class="row">
                                <div class="col">
                                    <button type="submit" class="btn center btn-blue">{{ $strapi_response['sec2_cntcpg_frm_btn_blue'] }}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>



<!-- Our Partners -->
<section class="section bg-white">

    <div class="coinwrap">
        <div id="partners-slider" class="owl-carousel owl-theme">
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/vertalo.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/sound-delivery.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/the-angelqu.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/osr.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/rise.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/macmillan.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/american-red-cross.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/ami-specility.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/ufoundation-partner-logo.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/trulioo.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/cybavo.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/aws.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/savvy.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/salesforce.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/cudo.png')}}">
            </div>
            <div class="crypto-coin">
                <img src="{{asset('assets/images/crypto/blockpark.png')}}">
            </div>
        </div>

    </div>
</section>


<!-- Join Community -->
<section class="section bg-community">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="section-heading mb-3">
                    <span class="tip">Join</span>
                    <span class="title">Our Community</span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                <p class="section-details">
                    Become a part of what shapes UWorld moving forward. The community comes together to form an
                    environmentally conscious social hub where people of all backgrounds can interact, share industry
                    insights and support one another in a safe and secure environment.
                </p>

                <a href="https://twitter.com/UWorld_ai?ref_src=twsrc%5Etfw" class="twitter-follow-button"
                    data-size="large" data-show-count="false">Follow @UWorld_ai</a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                        <div class="points">
                            <div class="icon"><img src="{{asset('assets/images/icons/bf-the-change.png')}}" /></div>
                            <div class="text">Be the Change</div>
                        </div>
                        <div class="points">
                            <div class="icon"><img src="{{asset('assets/images/icons/reservation.png')}}" /></div>
                            <div class="text">Priority Reservations</div>
                        </div>
                        <div class="points">
                            <div class="icon"><img src="{{asset('assets/images/icons/community.png')}}" /></div>
                            <div class="text">Community Airdrops</div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                        <div class="points">
                            <div class="icon">
                                <a href="{{ url('/voting') }}"><img src="{{asset('assets/images/icons/voating.png')}}" /></a>
                            </div>
                            <div class="text">
                                <a class="voting_link" href="{{ url('/voting') }}">Voting Rights</a>
                            </div>
                        </div>
                        <div class="points">
                            <div class="icon"><img src="{{asset('assets/images/icons/access.png')}}" /></div>
                            <div class="text">Presale Access</div>
                        </div>
                        <div class="points">
                            <div class="icon"><img src="{{asset('assets/images/icons/private-nft.png')}}" /></div>
                            <div class="text">Private NFT Auctions</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>




@endsection

@section('scripts')
<script src="{{asset('assets/js/multirowslider.js')}}"></script>
<script src="{{asset('assets/js/partners.js')}}"></script>
<script type="text/javascript">

function onlyLettersAndSpaces(str) {
    return /^[A-Za-z\s]*$/.test(str);
}

$(document).ready(function () {
    var slideid4='partners-slider';
    callcarousel(slideid4);

    $('#capt_msg').hide();
    $('#fname_msg').hide();
    $('#lname_msg').hide();

    $('form.uform').on('submit', function(e){
        $('#capt_msg').hide();
        $('#fname_msg').hide();
        $('#lname_msg').hide();

        var fname=$('#fname').val();
        var lname=$('#lname').val();

        if (onlyLettersAndSpaces(fname) == false) {
            event.preventDefault();
            $('#fname_msg').show();
        }

        if (onlyLettersAndSpaces(lname) == false) {
            event.preventDefault();
            $('#lname_msg').show();
        }

        var recaptcha=$("#g-recaptcha-response").val();
        if (recaptcha==="") {
            event.preventDefault();
            $('#capt_msg').show();
        }
    });
});
</script>

@endsection