@php
    $source_types = config('constant.sourceType');
    $credit_report_providers = getCache('credit_report_provider_link');
@endphp

<div class="modal fade" id="first_time_login_video_modal" style="margin-top: 50px" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="iframe-div">
                        <iframe src="{{config('constant.VIDEO_URL')}}" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"
                                class="iframe"
                                title="What's Next With Credit Counsel Elite (MUST WATCH)">
                        </iframe>
                    </div>
                </div>
            </div>
            <div class="modal-footer" style="text-align: center!important;">
                <button class="btn button-color" onclick="showFirstTimeLoginModalView()">Get Started</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="first_time_login_modal" style="margin-top: 50px" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header modal-header-info">
                <h5 class="modal-title">Congratulations! Your in. First step is the set up your credit report system to import your credit report now.</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <div class="form-group">
                            <label for="source_type">Source Type</label>
                            <select class="form-control" id="report_provider">
                                @foreach($source_types as  $key=>$value)
                                    <option value="{{$value}}" {{auth()->user()->credit_report_company_type == $value ? 'selected':''}}> {{$key}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row " >
                    <h5 class="mb-1 text-center font-bold" >IMPORTANT:</h5>
                    <h5 class="mb-1 text-center">SET UP YOUR CREDIT REPORT NOW TO IMPORTANT INTO CREDIT COUNSEL ELITE SOFTWARE</h5>
                    <h5 class="mb-1 text-center color-red">USE THE SAME EMAIL AND PASSWORD THAT YOU USED TO SET UP CREDIT COUNSEL ELITE SYSTEM</h5>
                </div>


            </div>
            <div class="modal-footer" style="text-align: center!important;">
                <button class="btn btn-success pull-left" onclick="hideFirstTimeLoginModalView({{json_encode($credit_report_providers)}})">Go Get Credit Report</button>
                <button class="btn button-color pull-right" onclick="hideModalView()">No Thanks</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="first_time_login_view_modal" style="margin-top: 50px" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
                <div class="modal-header modal-header-info">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title">Congratulations! Your in. Next step add your 3 forms of information below</h5>
                </div>
                <div class="modal-body">
                        <h5 class="mb-1 text-left">1. Drivers license image</h5>
                        <h5 class="mb-1 text-left">2. Your Social Security Card image</h5>
                        <h5 class="mb-1 text-left">3. Your most recent bill image ( any bill )</h5>
                </div>
                <div class="modal-footer" style="text-align: center!important;">
                    <button class="btn btn-success btn-lg" id="btn_first_time_login">Ok</button>
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Close</button>
                </div>
        </div>
    </div>
</div>