{{--@include('header')--}}
<style>
    /*body {*/

    /*    background-color: #000;*/
    /*}*/


    .card {

        width: 600px;
        border: none;
        margin: auto;
        /*width: 50%;*/
        /*border: 3px solid green;*/
        padding: 10px;
    }


    .btr {

        border-top-right-radius: 5px !important;
    }


    .btl {

        border-top-left-radius: 5px !important;
    }

    .btn-dark {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }


    .btn-dark:hover {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }


    .nav-pills {

        display: table !important;
        width: 100%;
    }

    .nav-pills .nav-link {
        border-radius: 0px;
        border-bottom: 1px solid #0d6efd40;

    }

    .nav-item {
        display: table-cell;
        background: #0d6efdfc;
    }


    .form {

        padding: 10px;
        /*height: 300px;*/
    }

    .form input {

        margin-bottom: 12px;
        border-radius: 3px;
    }


    .form input:focus {

        box-shadow: none;
    }


    .form button {

        margin-top: 20px;
    }

    .container-center-horizontal {
        min-height: 750px;
    }

    .full-height {
        height: 100%;
    }

    .right-btn {
        float: right;
    }

    .error {
        color: red;
        font-weight: bold;
        text-align: center;
    }

    #pills-tabContent {
        padding: 10px;
    }

    .text-small {
        font-size: 13px;
    }

</style>
<div class="card">
    <label class="error d_none"></label>
    <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade active show" id="pills-profile" role="tabpanel"
             aria-labelledby="pills-profile-tab">

            <div class="col-12">
                <p class="text-small">
                    Join <b>Assessify</b> Affiliates and receive a 15% commission on all payments within the first 12
                    months for paying customers you refer to the provided link after registration.
                </p>
            </div>
            <p class="form px-4">

                <input type="text" name="first_name" class="form-control form_data input-mobile-font"
                       placeholder="First Name">

                <input type="text" name="last_name" class="form-control form_data input-mobile-font"
                       placeholder="Last Name">

                <input type="email" name="email_creation" class="form-control form_data input-mobile-font"
                       placeholder="Email">

                <input type="password" name="password_creation" class="form-control form_data input-mobile-font"
                       placeholder="Password">
            <p>
                By signing up you agree to the <a href="{{URL::to("affiliate-terms")}}">Assessify Affiliate Program - Terms of Service.</a>
            </p>

            <p>You are already a partner?<br><a href="{{URL::to("affiliate-login")}}">Login Instead</a></p>
            <button class="btn btn-dark btn-block right-btn full-width submit-btn-font" onclick="sign_up('affiliate');">
                Sign Up
            </button>
        </div>


    </div>

</div>

<script type="text/javascript">

    function check_error(element) {
        if (!$(element).hasClass("active")) {
            $(".error").html("");
            $(".error").hide();
        }
    }


</script>