@extends("frontend.public_html.html.layout")

@php
    $title = 'Affiliate | Bluecare.vn';
    $description = 'Dịch vụ tiếp thị liên kết của Bluecare. Kiểm tra tài khoản của bạn.';
    $url = 'affiliate';
@endphp

@section('title')
    <title>{{$title}}</title>
@stop

@section('extra-head')
    <link rel="canonical" href="{{url($url)}}" />
    <meta name="description" content="{{$description}}" />
    <meta name="keywords" content="bluecare, tiêm vắc xin, chăm sóc sức khỏe tại nhà, nhận trách nhiệm, trao yêu thương" />
    <meta property="og:title" content="{{$title}}" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="{{url($url)}}" />
    <meta property="og:image" content="{{url('images/1%20menu%20logo.png')}}" />
    <meta property="og:site_name" content="bluecare.vn" />
    <meta property="og:description" content="{{$description}}" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="{{$title}}" />
    <meta name="twitter:description" content="{{$description}}" />
    <meta name="twitter:image" content="{{url('images/1%20menu%20logo.png')}}" />
@stop

@section("content")
    @php
        $v_time = round(microtime(true));
    @endphp
    <style>
        .affiliate-input {
            border-color: #959595;
            border-radius: 3px;
        }
        .bluecare-paginate {
            display: flex;
            padding-left: 0;
            list-style: none;
            border-radius: .25rem;
        }
        .bluecare-paginate a,
        .bluecare-paginate span {
            position: relative;
            display: block;
            padding: .5rem .75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #007bff;
            background-color: #fff;
            border: 1px solid #dee2e6;
        }

        .bluecare-paginate span {
            color: #6c757d;
        }
    </style>
    <section class="banner-section banner-default">
        <div class="default-image-parent">
            <img src="{{url('images/Banner/16-Hop tac.jpg')}}" alt="Hợp tác với bluecare"/>
        </div>
    </section>


    <section class="default-section co-operate-section shadow-section">
        <div class="wrapper">
            <form class="flex-1" name="check-affiliate-form">
                <div class="flex-1">
                    <h5>Tra cứu hoa hồng của bạn</h5>
                    <div class="text-danger pb-3 hide" id="affiliates-error-message"></div>
                    <div class="row">
                        <div class="col-md-6">
                            <input class="default-control affiliate-input" type="text" name="email" placeholder="Email đăng ký" required/>
                            <span class="text-danger" style="display:none;">Hãy điền email của bạn</span>
                        </div>
                        <div class="col-md-6">
                            <input class="default-control affiliate-input" type="text" name="invite_code" placeholder="Mã giới thiệu của bạn" required/>
                            <span class="text-danger" style="display:none;">Hãy điền mã giới thiệu của bạn</span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="book-service-button mt-2">
                        <button type="button" class="orange-button flat" id="submit-affiliate-btn">Tra cứu</button>
                    </div>
                </div>
            </form>
            <div id="affiliate-table" class="table-responsive">

            </div>

        </div>
    </section>

    <section class="default-section co-operate-section shadow-section">
        <div class="wrapper">
            <form class="become-bluecare-form flex-1 m-0" name="register-tasker-form">
                <div class="flex-1">
                    <h5>Nếu chưa có tài khoản, hãy đăng ký ngay</h5>
                    <div class="text-danger pb-3 hide" id="error-message"></div>
                    <div class="row">
                        <div>
                            <input class="default-control" type="email" name="email" placeholder="Địa chỉ email"/>
                        </div>
                        <div>
                            <input class="default-control" type="text" name="telephone" placeholder="Số di động"/>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="row">
                        <div>
                            <input class="default-control" type="password" name="password" placeholder="Mật khẩu"/>
                        </div>
                        <div>
                            <input class="default-control" type="password" name="confirm_password" placeholder="Nhập lại mật khẩu"/>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="row">
                        <div>
                            <input class="default-control" type="text" name="name" placeholder="Họ Tên cá nhân, tên tổ chức"/>
                        </div>
                        <div>
                            <input class="default-control" type="text" name="invite" placeholder="Mã giới thiệu"/>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="term-and-codition">
                        <i>Khi tiếp tục, tôi đồng ý Bluecare được phép thu thập, sử dụng và tiết lộ thông tin được tôi cung cấp theo Chính sách Bảo Mật mà tôi đã đọc và hiểu</i>
                    </div>
                    <div class="book-service-button ">
                        <button type="button" class="orange-button flat" id="submitBtn">Đăng ký</button>
                    </div>
                </div>
            </form>
        </div>
    </section>
    <section class="popup-window rate inactive" id="alert-register-tasker">
        <div class="inner">
            <div class="alert alert-success">
                Đăng ký tài khoản tasker thành công
                <br>
                Link giới thiệu của bạn là <a href="#" id="affiliate_link"></a>
            </div>
            <div class="popup-action">
                <button class="btn btn-default to-home-btn"><i class="fa fa-home"></i></button>
                <button class="btn btn-secondary popup-close"><i class="fa fa-close"></i></button>
            </div>
        </div>
    </section>
@endsection

@section('custom_script')
    <script type="text/javascript" src="{{url('frontend/js/register.js')}}?v={{$v_time}}"></script>
@stop