@if(!empty($requirements))
    @foreach($requirements as $requirement)
        <div class="row">
            <div class="col-12 text-center">
                <div class="alert alert-danger text-left">
                    {!! $requirement !!}
                </div>
            </div>
        </div>
    @endforeach
@else

    @if(empty($bacs_pms) || sizeof($bacs_pms) == 0)

    @else
        @include('champion.billing.payment_method')
    @endif

    @if(!empty($stripe_invoices))
         @include('champion.billing.invoices')
    @endif

    @if(!empty($pre_subscription) && empty($lead->activeSubscription()) && !$lead->hasUnpaidInvoice())
        @include('champion.billing.commit')
    @elseif($lead->subscriptions->count() == 0)
        <h4>We still have work to do</h4>
        <hr />
        <p>We are still working on our network build in your area. We will send you updates as we progress but please feel free to contact us directly with any questions.</p>
    @else
        @include('champion.billing.overview')
    @endif
@endif

<script>
    $( document ).ready(function() {
        refreshAgree();
        refreshBookInstallBtn();
    });

    $('body').on('click', '#agree', function() {
        $('#agree-checkbox').prop("checked", !$('#agree-checkbox').prop("checked"));
        refreshAgree();
    });

    function refreshAgree(){
        if($('#agree-checkbox').prop('checked')){
            $('#agree').html('I agree');
            $('#agree').removeClass('btn-secondary');
            $('#agree').addClass('btn-success');
            $("#comit-btn").prop("disabled",false);
            $("#comit-disabled-explanation").html('');
        }else{
            $('#agree').html('Click to agree');
            $('#agree').removeClass('btn-success');
            $('#agree').addClass('btn-secondary');
            $("#comit-btn").prop("disabled",true);
            $("#comit-disabled-explanation").html('<i class="fas fa-exclamation-triangle mx-2"></i> Read and agree to the terms above before proceeding.');
        }
    }

    $('body').on('change', '#agree-checkbox', function() {
        refreshAgree();
    });


    var signaturePad;
    $( document ).ready(function() {
        if(document.getElementById("signaturePad")){
            signaturePad = $('#signaturePad').signature({syncField: '#signature64', syncFormat: 'PNG'});
        }
    });
    $('#clear').click(function(e) {
        e.preventDefault();
        signaturePad.signature('clear');
        $("#signature64").val('');
    });

</script>