<style>
    .color{
        color: #1d80e1;
    }
</style>
<div class="card">
    <div class="card-header bg-secondary">

        {{__('messages.installationWelcome')}}
        <div class="row">
            <div class="col-md-12 col-sm-10">
                <div class="progress progress-striped m-t-20 progress-lg">
                    <div role="progressbar" aria-valuenow="{{$progressPercent}}" aria-valuemin="0"
                         aria-valuemax="100"
                         class="progress-bar progress-bar-success progress-bar-striped"
                         style="width: {{$progressPercent}}%;"></div>


                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12 c-white m-t-10"><strong>{{__('messages.installationProgress')}}
                    : </strong> {{$progressPercent}}%
            </div>
        </div>
    </div>

    <div class="card-body">

        <div class="row">
            <div class="info-box" style="width: 100%">
                <span class="info-box-icon bg-success"><i class="icon-check"></i></span>
                <div class="info-box-content">
                    <div class="info-box-number"><a href="#">{{__('messages.installationStep1')}}</a></div>
                    <h6 class="info-box-text">{{__('messages.installationCongratulation')}}</h6>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="info-box" style="width: 100%">
                @if(isset($progress['smtp_setting_completed']))
                    <span class="info-box-icon bg-success"><i class="icon-check"></i></span>
                @else
                    <span class="info-box-icon bg-danger"><i class="icon-close"></i></span>
                @endif
                @if( $user->cans('manage_settings'))

                <div class="info-box-content">
                    <div class="info-box-number"><a href="{{route('admin.smtp-settings.index')}}"
                                                    class="">{{__('messages.installationStep2')}}</a>
                    </div>
                    <h6 class="info-box-text">{{__('messages.installationSmtp')}}</h6>
                </div>
                @else
                <div class="info-box-content">
                    <div class="info-box-number"><p
                                                    class="color">{{__('messages.installationStep2')}}</p>
                    </div>
                    <h6 class="info-box-text">{{__('messages.installationSmtp')}}</h6>
                </div>

                @endif


            </div>

        </div>
        <div class="row">
            <div class="info-box" style="width: 100%">
                        @if(isset($progress['company_setting_completed']))
                            <span class="info-box-icon bg-success"><i class="icon-check"></i></span>
                        @else
                            <span class="info-box-icon bg-danger"><i class="icon-close"></i></span>
                        @endif
                    

                @if( $user->cans('manage_settings'))

                        <div class="info-box-content">
                            <div class="info-box-number"><a
                                        href="{{route('admin.settings.index')}}">{{__('messages.installationStep3')}}</a>
                            </div>
                            <h6 class="info-box-text">{{__('messages.installationCompanySetting')}}</h6>
                        </div>
                @else
                <div class="info-box-content">
                    <div class="info-box-number"><p class="color"
                            >{{__('messages.installationStep3')}}</p>
                    </div>
                    <h6 class="info-box-text">{{__('messages.installationCompanySetting')}}</h6>
                </div>
                
                @endif

            </div>

        </div>
        <div class="row">
            <div class="info-box" style="width: 100%">
                @if(isset($progress['profile_setting_completed']))
                    <span class="info-box-icon bg-success"><i class="icon-check"></i></span>
                @else
                    <span class="info-box-icon bg-danger"><i class="icon-close"></i></span>
                @endif
                <div class="info-box-content">
                    <div class="info-box-number"><a href="{{route('admin.profile.index')}}"
                                                    class="">{{__('messages.installationStep4')}}</a>
                    </div>
                    <h6 class="info-box-text">{{__('messages.installationProfileSetting')}}</h6>
                </div>
            </div>

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