@props(['referrer'])
<!-- Lead form -->
<div class="lead-form col-md-8 offset-md-2 col-sm-10 offset-sm-1 col-12" style="margin-bottom: 3rem;">

    <div class="card shadow">
        <div class="card-header darken" id="lead-heading">
            Featured
        </div>

        <div class="card-body">

            <div class="row mb-1" id="postcode-report">
                <!-- Display report after postcode has been submitted -->
            </div>

            <div class="row mb-3">
                <div class="col-12">
                    <span class="badge badge-success">Strict data protection, your data will not be shared.</span>
                    <p style="font-style: italic;" class="mt-2">*Required fields are marked with an asterisk &lsquo;*&rsquo;</p>
                </div>
            </div>

            <div class="row mb-2">
                <div class="col-12">
                {!! Form::open([
                    'url' => 'api/lead',
                    'id' => 'lead',
                    'class' => 'ajaxform',
                    'data-endpoint' => 'lead']) !!}
                {!! Form::hidden('referrer', $referrer) !!}
                {!! Form::hidden('id', null, ['id' => 'lead_id']) !!}
                @if(!empty(auth()->user()))
                    {!! Form::hidden('user_id', auth()->user()->id, ['id' => 'user_id']) !!}
                @endif
                {!! Form::hidden('package_id', null, ['id' => 'lead_form_package_id']) !!}
                        <div id="postcode_adrs">

                        </div>
                        <div id="custom_adr">
                            <div class="row my-3">
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('adr[address_line_1]', null, [
                                        'placeholder' => '*1st line of address',
                                        'class' => 'form-control',
                                        'maxlength' => 240]) !!}
                                    <div class="w-100 py-2 d-sm-none"></div>
                                </div>
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('adr[address_line_2]', null, [
                                        'placeholder' => '2nd line of address',
                                        'class' => 'form-control',
                                        'maxlength' => 240]) !!}
                                </div>
                            </div>
                            <div class="row my-3">
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('adr[address_line_3]', null, [
                                        'placeholder' => '3rd line of address',
                                        'class' => 'form-control',
                                        'maxlength' => 240]) !!}
                                    <div class="w-100 py-2 d-sm-none"></div>
                                </div>
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('adr[city]', null, [
                                        'placeholder' => '*City / Town',
                                        'class' => 'form-control',
                                        'id' => 'adr_city',
                                        'maxlength' => 120]) !!}
                                </div>
                            </div>
                            <div class="row my-3">
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('adr[county]', null, [
                                        'placeholder' => 'County / Region',
                                        'class' => 'form-control',
                                        'id' => 'adr_county',
                                        'maxlength' => 120]) !!}
                                    <div class="w-100 py-2 d-sm-none"></div>
                                </div>
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('adr[postcode]', null, [
                                        'placeholder' => '*Postcode',
                                        'class' => 'form-control',
                                        'id' => 'adr_postcode',
                                        'maxlength' => 12]) !!}
                                </div>
                            </div>
                        </div>

                            <div class="row mb-3">
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('fullname', null, [
                                        'placeholder' => '*Full name',
                                        'class' => 'form-control',
                                        'maxlength' => 240]) !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6 col-12">
                                    {!! Form::text('adr[telephone]', null, [
                                        'placeholder' => '*Contact phone number',
                                        'id' => 'lf_tel',
                                        'class' => 'form-control',
                                        'maxlength' => 22]) !!}
                                </div>
                            </div>
                            @if(empty(auth()->user()))
                          <div class="row my-3">
                                <div class="col-sm-6 col-12">
                                    {!! Form::email('adr[email]', null, [
                                        'placeholder' => '*Email',
                                        'class' => 'form-control',
                                        'autocomplete' => 'email',
                                        'maxlength' => 120]) !!}
                                    <div class="w-100 py-2 d-sm-none"></div>
                                </div>
                                <div class="col-sm-6 col-12">
                                    {!! Form::email('cemail', null, [
                                        'placeholder' => '*Confirm email',
                                        'class' => 'form-control',
                                        'autocomplete' => 'email',
                                        'maxlength' => 120]) !!}
                                </div>
                            </div>
                            @endif
                            <div class="row my-3">
                                <div class="col-12">
                                    Address type: &nbsp;
                                    {!! Form::select('adr[type]',
                                        array_slice(config('enum.address_types'), 0, 3),
                                        0, ['id' => 'type-select']) !!}
                                </div>
                            </div>
                            @if(empty(auth()->user()))
                           <div class="row my-3">
                                <div class="col-sm-6 col-12">
                                    <label>Password</label>
                                    <input type="password" class="form-control"
                                        name="password" maxlength="120" placeholder="Password">
                                    <div class="w-100 py-2 d-sm-none"></div>
                                </div>
                                <div class="col-sm-6 col-12">
                                    <label>Confirm password</label>
                                    <input type="password" class="form-control"
                                        name="vpassword" maxlength="120" placeholder="Confirm password">
                                </div>
                            </div>
                            @endif
                           <div class="row my-3">
                                <div class="col-sm-6 col-12">
                                    <label>Referred by</label>
                                    <input type="text" class="form-control"
                                        name="referrer_m" maxlength="120" placeholder="Referrer">
                                    <div class="w-100 py-2 d-sm-none"></div>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-2 text-right">
                                    {!! Form::checkbox('contact_consent', 1, false,
                                        ['id' => 'contact_consent', 'class' => 'p-0']) !!}
                                </div>
                                <div class="col-10">
                                    {!! Form::label('contact_consent', '
                                    Confirm you give consent for us to contact you with updates about our internet service in your area.') !!}
                                </div>
                            </div>
                            <div class="row my-3">
                                <div class="col-12 text-right">
                                    <button class="ml-3 btn btn-primary" type="submit" id="lead_form_submit_btn">
                                        Submit &nbsp; <i class="fas fa-chevron-circle-right"></i>
                                    </button>
                                </div>
                            </div>

                    {!! Form::close() !!}

                </div>
            </div>



        </div>
    </div>
</div>
<!-- End Lead form -->

<div class="col-md-8 offset-md-2 col-sm-10 offset-sm-1 col-12" style="margin-bottom: 3rem;" id="lead_completed">
    <div class="card shadow">
        <div class="card-header darken">
            <i class="fas fa-check-circle mr-2"></i> Address added to our list.
        </div>

        <div class="card-body">
            <div class="row mb-3">
                <div class="col-12">
                    <p><i class="fas fa-check-circle mr-2"></i> Confirmation has been sent to your email address along with more specific information.</p>
                    <div class="section-title">Connect your community</div>
                    Our referral program can lower the cost of your service. Please share the news using your preferred social network below.
                </div>
            </div>

            <x-elements.champion_share :link="config('app.url')" />

            <div class="row mb-3" id="login-user-form-row">
                <div class="col-12 text-right">
                    <x-lead_form.login_user_form />
                </div>
            </div>

            @if(!empty(auth()->user()))
            <div class="row mb-3 mt-2">
                <div class="col-12 text-right">
                    <a href="/champion_dashboard" class="btn btn-primary">
                        Continue
                    </a>
                </div>
            </div>
            @endif

        </div>
    </div>
</div>