@extends('layouts.public-base', ['title' => 'Dashboard'])
@section('content')
<div class="main-patent">
    <div class="custom-container py-4">
        <div class="rb-heading">
            <h2 class="font-size-28">Dashboard</h2>
        </div>

        @include('inc.flashMessages')
       
        <div class="dashboard-page">
            <h1 class="page-title text-center">Welcome {{ getUser()->full_name ?? '' }}!</h1>
            <p class="mn-head-para text-center">Set up your organization before you run your first project.</p>
        </div>

        <div class="adver-area w-900">
            <div class="adver-head text-center">
                <h5 class="advr-head-deading">Get started with GraphicZoo</h5>
                <p class="advr-head-title m-0">Complete the following steps to have a hassle-free payroll experience</p>
            </div>
            <div class="">
                <ul class="user-ls px-50">
                    @foreach($items as $item)
                    <li>
                        <div class="comp-step">
                            <div class="d-flex">
                                @if($item->is_completed)
                                <span class="g-r-tick"><span class="material-icons">check_circle</span></span>
                                @else
                                <span class="y-r-alert"><span class="material-icons">error</span></span>
                                @endif
                                <span class="com-step-text ml-3">{{$loop->iteration}}. {{$item->question ?? ''}}</span>
                            </div>
                            <div>
                                @if($item->is_completed)
                                <button class="green-btn">Completed</button>
                                @else
                                <a href="{{ route('admin.basic-account-setup', ['rt' => $item->navTo]) }}" class="add-dtl-btn">Add Details</a>
                                @endif

                            </div>
                        </div>
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>


        <div class="dash-video">
            <h2 class="page-title text-center pt-4">Learn how to use graphicszoo</h2>
            <div class="video-d-area">
                <img class="product_video" src="{{asset('assets/front/common/images/vdo.png') }}" alt="...">
                <span class="vido-back">
                    <span class="material-icons">play_arrow</span>
                </span>

            </div>

            <div class="dash-btm-icon">
                <ul class="text-center">
                    <li class="d-inline-block px-5"><span class="material-icons">question_answer</span><br>FAQs</li>
                    <li class="d-inline-block px-5"><span class="material-icons">help</span><br>Help</li>
                    <li class="d-inline-block px-5"><span class="material-icons">textsms</span><br>contact</li>
                </ul>
            </div>
        </div>
    </div>

    <footer class="footer-main">
<div class="page-footer">
        <div class="container">
            <div class="row">
                <div class="copy-right col-md-12 text-center">
                    <p>© 2024 | All Rights Reserved</p>
                </div>
            </div>
        </div>
    </div>
    </footer>
</div>
@endsection