@extends('cabMeWebsite.master')

@section('content')
    <style>
        .fs18
        {
            text-align: justify;
        }
    </style>
    <section class="subheader">
        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="inner-padding" style="text-align: center">
                        <h2>Driver Invitation</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="terms" style="background-image: url({{asset('laravel-website')}}/img/banner.png); height: 25em; background-repeat:no-repeat; background-size: cover;">
        <div class="container py-1 py-sm-2 row" style="padding-top: 5% !important;">
            <div class="col-8 inner-padding">
                <div class="row">
                    <div class="row py-2 py-md-3">
                        <h1 style="color: white">Invite your friend and earn</h1><br><br>
                        <h5 style="color: white">"Invite your friend and earn.When your friend done {{ $inviteOffer->ride }} trips within first week of signing up with us you get ${{ $inviteOffer->invite_by_amount }} and your friend gets ${{ $inviteOffer->invite_by_amount }} on his first trip</h5>
                    </div>
                </div>
                {{--                <div class="row">--}}
                {{--                    <div class="row py-2 py-md-12">--}}
                {{--                        <h4 style="padding-bottom: 0px !important;margin-bottom: 0px !important; color: white">--}}
                {{--                            Referral Code--}}
                {{--                        </h4>--}}
                {{--                    </div>--}}
                {{--                </div>--}}
                {{--                <div class="row">--}}
                {{--                    <div class="row " style="margin-top: 0px !important; padding-top: 0px !important;">--}}
                {{--                        <input type="textbox" class="fomr-control" readonly style="font-size: 20px;padding: 10px;text-align: center" value="{{ $referralCode }}">--}}
                {{--                    </div>--}}
                {{--                </div>--}}
            </div>
            <div class="col-4">
                <div class="col-12 col-md-12 text-center" style="background-color: white; padding: 20px;border-radius: 5px">

                    <div class="centerDiv mt-2 mt-md-3">

                        <h2 style="padding-bottom: 0px !important;margin-bottom: 0px !important;">
                            Download CabMe
                        </h2>

                        <p class="mt-2 mt-md-4">

                            <a href="#"><img src="{{asset('laravel-website')}}/img/appstore.png" alt="Logo Image" width="" height="" /></a>

                            <a href="#"><img src="{{asset('laravel-website')}}/img/playstore.png" alt="Logo Image" width="" height="" /></a>

                        </p>

                    </div>

                </div>
                <!--//Row-->
            </div>
        </div>
    </section>

@endsection