@extends('layouts.public-base', ['contentwrapper' => '', 'title' => 'Dashboard', 'sidebar' => '', 'header' => ''])
@push('liveScript')
<style>
.slidersign-video {
	border-radius: 5px;
	width: 400px;
	height: 200px;
}
</style>
@endpush
@section('content')
    <div class="main-patent container">
        <div class="custom-container py-4">
           
            @include('inc.flashMessages')

            <div class="text-center my-3">
                <img src="{{ getWhitelabel('logo_url', asset('assets/front/images/logo.png')) }}" class="img-fluid img-fluid bg-color-dark p-3 border-radius-20 w-25" alt="logo">
            </div>

            <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 class='d-flex align-items-center'>
                                        @if ($item->is_completed)
                                            <p class="text-success">Completed</p>
                                        @elseif ($item->is_skipped)
                                            <p class="text-warning">Skipped</p>
                                        @else
                                            <a href="{{ getRoute('basic-account-setup', ['rt' => $item->navTo]) }}"
                                                class="add-dtl-btn mx-2">Add Details</a>
                                            <a href="{{ getRoute('basic-account-setup', ['action' => 'skip', 'on' => $item->on]) }}"
                                                class=" mx-2"><u>Skip</u></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> --}}
                    <iframe class="slidersign-video" src="https://www.youtube-nocookie.com/embed/ewPiADyeEP8?autoplay=0&autohide=1&fs=1&rel=0&hd=1&wmode=transparent&enablejsapi=1&html5=1">
                    </iframe>

                </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 text-center mt-3 mb-5">
            <a href="{{ getRoute('basic-account-setup', ['action' => 'bypass']) }}"
                                                class="text-uppercase font-weight-bold add-dtl-btn mx-2 border-radius-20 w-25 m-auto"> Go To Dashboard </a>
        </footer>
        {{-- <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