@include('front.header')
<div class="main_content_iner ">
    <div class="container-fluid plr_30 body_white_bg pt_30">
        <div>
            <h4><b>Dashboard</b></h4>
        </div>
        <div class="my-profile">
            <div class="my-profiel-upper-card py-3">
                <div class="no-padding-margin-container container">
                    <div class="pp">
                        <div class="row p-4">
                            <div class="col-md-4">
                                <div class="profile-basic-info">
                                    <div class="student-data-container">
                                        <div class="student-full-name" title="name">{{ $userdetail->user['name'] ?? '' }}</div>
                                        <div class="student-data">
                                            <span class="label">Application no: </span>
                                            <span class="value" title="IZEE/2024-25/16">TORIX{{ $userdetail->id ?? '' }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="student-data-container">
                                    <div class="student-data">
                                        <span class="label"style="margin-left: 23px;">Email Id: </span>
                                        <span class="value" title="IZEE/2024-25/16"> {{ $userdetail->user['email'] ?? '' }}</span>
                                    </div>
                                    <div class="student-data">
                                        <span class="phone-icon">📞</span>
                                        <span class="label">Mobile No: </span>
                                        <span class="value" title="IZEE/2024-25/16">{{ $userdetail->user['mobile']}}</span>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="col-md-4">
                            <div class="profile-card">
                                <span class="card-count">{{ $userdetail->step }}/5</span>
                                <div class="card-tile-icon">
                                    <img src="https://izeeform.extraaedge.com/static/media/timeline-icon.27a1a42c.svg" alt="" style="height:25px; width: 25px; margin-left: 10px;">
                                    <span class="card-title">Steps completed</span>
                                </div>
                            </div>
                        </div>

                               
                            </div>
                        </div>
                        <div class="row p-2">
                             <div class="col-lg-12">
                                    <a href="{{ route('front.application_1') }}" class="btn btn-success" style="color: white;">
                                        Go To Step {{ $userdetail->step+1 }} 
                                    </a>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="container">
       

        <div class="profile-cards no-negative-margins justify-content-around row">
           
<!--             <div class="profile-card">
                <span class="card-count">0</span>
                <div class="card-tile-icon">
                    <img src="https://izeeform.extraaedge.com/static/media/menu-icon-query.b09bab51.svg" alt=""style="height:25px; width: 30px;">
                    <span class="card-title">Queries resolved</span>
                </div>
            </div> -->
        </div>
    </div>
    <div>
        <h5 class="hh"><b>My Application</b></h5>
    </div>

    <div class="menu" >
    	<a href="" class="menu">
            <span class="graduation-icon">🎓</span> Program Type :{{$userdetail->program->name}}</a>
    	<a href="" class="menu" style="margin-left:278px;">
          <span class="book-icon">📚</span> Course:{{$userdetail->course->name}} 
        </a>

    	<a href="" class="menu" style="margin-left: 190px;">
      <span class="application-icon">📄</span> Application Fees: Rs. {{ $userdetail->course->fee }}
    </a>

        <br>
        <span class="red-icon">🚫</span> <small class="st">Status: Paid</small>

    </div>

    <!-- <div class="gu">
        <img class="red" src="{{asset('assets/img/icon/lock.png')}}" alt="Image 1" >___________________________
        <img class="red" src="{{asset('assets/img/icon/lock.png')}}" alt="Image 1" >____________________________
        <img class="red" src="{{asset('assets/img/icon/lock.png')}}" alt="Image 1" >___________________________
        <img class="redd" src="{{asset('assets/img/icon/lock.png')}}" alt="Image 1" >___________________________
        <img class="redd" src="{{asset('assets/img/icon/lock.png')}}" alt="Image 1" >
        <a href="{{route('front.application_1')}}">
            <p class="ss">Step 1 Program And Applicant Details
                <span class="step">Step 2 Address and Academic Qualifications</span>
                <span class="step1"> Step 3 Application Payment Details </span>
                <span class="step2">Step 4 Upload and Documents Details</span>
                <span class="step3"> Step 5 Registration Payment Details</span>
            </p>
        </a>
    </div>
</div> -->
<hr class="sa">
<div class="o">
    @if($userdetail->step >= 1)
    &emsp;  <img class="red" src="{{ asset('assets/img/icon/green_tik.png') }}" alt="Image 1" >___________________________
    @else
    &emsp;   <img class="red" src="{{ asset('assets/img/icon/lock.png') }}" alt="Image 1" >___________________________
    @endif

    @if($userdetail->step >= 2)
        <img class="red" src="{{ asset('assets/img/icon/green_tik.png') }}" alt="Image 1" >___________________________
    @else
        <img class="red" src="{{ asset('assets/img/icon/lock.png') }}" alt="Image 1" >___________________________
    @endif

    @if($userdetail->step >= 3)
        <img class="red" src="{{ asset('assets/img/icon/green_tik.png') }}" alt="Image 1" >___________________________
    @else
        <img class="red" src="{{ asset('assets/img/icon/lock.png') }}" alt="Image 1" >___________________________
    @endif

    @if($userdetail->step >= 4)
        <img class="red" src="{{ asset('assets/img/icon/green_tik.png') }}" alt="Image 1" >___________________________
    @else
        <img class="red" src="{{ asset('assets/img/icon/lock.png') }}" alt="Image 1" >___________________________
    @endif

    @if($userdetail->step >= 5)
        <img class="red" src="{{ asset('assets/img/icon/green_tik.png') }}" alt="Image 1" >___________________________
    @else
        <img class="red" src="{{ asset('assets/img/icon/lock.png') }}" alt="Image 1" >___________________________
    @endif

    <p class="ss">
        <a href="{{ route('front.application_1') }}">
        &emsp;&emsp; Step 1 Program And Applicant Details 
        </a>
        <a href="{{ route('front.addredd_qualification') }}">
            <span class="step">Step 2 Address and Academic Qualifications</span>
        </a>
        <a href="{{ route('front.payment_details') }}">
            <span class="step1">Step 3 Application Payment Details </span>
        </a>
        <a href="{{ route('front.upload_documents') }}">
            <span class="step2">Step 4 Upload and Documents Details</span>
        </a>
        <a href="{{ route('front.registration_details') }}">
            <span class="step3">Step 5 Registration Payment Details</span>
        </a>
    </p>
</div>


@include('front.footer')