@extends('layouts.website')
@section('title','Beta Tester')
@section('page_title','')

@section('page_level_css')
@endsection

@section('content')

<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor pb-0" id="kt_content">
    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">
        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="kt-grid kt-grid--hor kt-grid--root">
                <div class="main-box-white mt-4 mb-4">

                    <div class="cms-content">
                        <div class="row mb-5">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-lg-9 col-md-6">
                                        <h2 class="blue-header">Become a LabPair Beta Tester</h2>
                                        <h3 class="blue-header">Get premier access to resources that will increase your publication quality and quantity</h3>
                                        <h5>Who should become a beta-tester?</h5>
                                        <p>People who are directly involved in scientific research and live in the United States (Overseas expansion coming soon).</p>

                                        <ul>
                                            <li><span>Graduate students</span></li>
                                            <li><span>Lab managers and senior-level technicians</span></li>
                                            <li><span>Postdoctoral researchers</span></li>
                                            <li><span>Research assistant professors</span></li>
                                            <li><span>Principal investigators</span></li>
                                            <li><span>Research Scientists</span></li>
                                        </ul>

                                        <h5>Why Help?</h5>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>

                                        <h5>What does LabPair want me to do?</h5>
                                        <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
                                        </p>
                                    </div>
                                    <div class="col-lg-3 col-md-6">
                                        <div class="img-box">
                                            <img src="{{asset('assets/media/extra/beta-tester-content.jpg')}}" class="radius-15 w-100" />
                                        </div>
                                    </div>
                                </div>


                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
                                <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                            </div>
                        </div>

                        <div class="labpair-app-form">

                            <h3 class="dots blue-header">LabPair Application Form 
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </h3>
                            <h5>Tell us a little about you.</h5>
                            <h5>Choose the type of role that best describe you.</h5>

                            <div class="row mt-5">

                                <div class="col-lg-4">
                                    <div class="card labpair-form-box radius">
                                        <div class="card-header">
                                            <h3>Laboratory trainee or employee</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <div class="left-logo">
                                                    <img src="{{asset('assets/media/logos/main-logo.png')}}" />
                                                </div>
                                                <div class="right-content">
                                                    <p>
                                                        I am employed or train in a laboratory that is operated by a principal investigator. 
                                                        I need to get approval from my principal investigator to share data, samples, or skills and initiate collaborations.
                                                    </p>
                                                    <a href="{{getURL('register-pi')}}" class="btn btn-primary btn-wide">Select</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="card labpair-form-box radius">
                                        <div class="card-header">
                                            <h3>Principal Investigator</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <div class="left-logo">
                                                    <img src="{{asset('assets/media/logos/main-logo.png')}}" />
                                                </div>
                                                <div class="right-content">
                                                    <p>
                                                        Also known as "head of laboratory" and "research group leader" or "research advisor".
                                                        I am the decision maker when it comes to sharing data/samples/skills and approving collaborations.
                                                    </p>
                                                    <a href="{{getURL('register-general')}}" class="btn btn-primary btn-wide">Select</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end:: Content -->
    </div>

    <!-- Modal-->
    <div class="modal fade sign_in_popup" id="sign_in_popup" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body p-0">

                    <div class="kt-grid kt-grid--hor kt-grid--root kt-login kt-login--v3  kt-login--signin" id="kt_login">

                        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor">
                            <div class="kt-grid__item kt-grid__item--fluid kt-login__wrapper p-0 mt-0 mb-0">

                                <div class="kt-login__container contact-labpair mt-0 mb-0">
                                    <div class="kt-login__signin">
                                        <div class="kt-login__head">
                                            <h3 class="kt-login__title">Contact LabPair</h3>
                                        </div>
                                        <form class="kt-form" action="">
                                            <span class="in-form-info">Answer the questions below, enter your message, then click the “Send” button. A LabPair representative will contact you to address your questions or concerns.</span>

                                            <div class="input-group">
                                                <input class="form-control" type="text" placeholder="Your Full Name" name="email" autocomplete="off">
                                            </div>
                                            <div class="input-group d-flex mt-3">
                                                <label class="text-right mt-2 phone-label">Best Phone Number:</label>
                                                <div class="input-phone d-flex">
                                                    <input class="form-control phone-small mt-0" type="text">&nbsp;&nbsp;
                                                    <input class="form-control phone-small mt-0" type="text">&nbsp;&nbsp;
                                                    <input class="form-control mt-0" type="text">
                                                </div>
                                            </div>
                                            <div class="input-group d-flex mt-3">
                                                <label class="text-right mt-2">Institution or company name:</label>
                                                <textarea rows="4" class="form-control mt-0" type="text" placeholder="" ></textarea>
                                            </div>
                                            <div class="input-group d-flex mt-3">
                                                <label class="text-right mt-2">Your Question or Comment:</label>
                                                <textarea rows="8" class="form-control mt-0" type="text" placeholder="Hi, I would like to get more information about the costs of using LabPair. I was told that I can use a P-card to pay for my subscription and I have ten researchers on my team. Please call me to discuss further. Thx." ></textarea>
                                            </div>
                                            <div class="kt-login__actions">
                                                <button class="btn kt-login__btn-primary btn-pill btn-custom">Send Message</button>&nbsp;&nbsp;
                                                <button id="kt_login_signin_submit" class="btn kt-login__btn-primary btn-pill btn-custom" data-dismiss="modal">Cancel</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('page_level_script')
@endpush

@push('footerscript')

@endpush