@extends('super-admin.layouts.main')
@section('content')

<style>
    .btn {
    &.btn-addbtn {
        background-color: #29337e;
        color: white;
        border: 1px solid transparent;
        &:hover {
            background-color: white;
            color: #29337e;
            border: 1px solid gray;
        }
    }

    &.btn-tableviewbtn {
        background-color: #00917c;
        color: white;
        border: 1px solid transparent;
        padding: 7px 10px;
        &:hover {
            background-color: white;
            color: #00917c;
            border: 1px solid #00917c;
        }
    }
    &.btn-tableviewbtnblue {
        background-color: #29337e;
        color: white;
        border: 1px solid transparent;
        padding: 7px 10px;
        &:hover {
            background-color: white;
            color: #29337e;
            border: 1px solid gray;
        }
    }

    &.btn-tablebtnblueblur {
        background-color: #5768e5;
        color: white;
        border: 1px solid transparent;
        padding: 7px 10px;
        &:hover {
            background-color: white;
            color: #5768e5;
            border: 1px solid gray;
        }
    }

    &.btn-tabledeletebtn {
        background-color: #d45151;
        color: white;
        border: 1px solid transparent;
        padding: 7px 10px;
        &:hover {
            background-color: white;
            color: #d45151;
            border: 1px solid gray;
        }
    }
}
</style>
<main>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->

        <div class="content-header">
            <div class="container-fluid">

                <div class="row mb-4">
                    <div class="col-sm-6 d-flex">
                    <a class="btn btn-addbtn" href="javascript:history.back()">Back</a>&nbsp;&nbsp;
                    <h1 class="m-0 superadmin-head">Applicant Profile</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">

                    </div>
                </div><!-- /.row -->

                <div class="bs-banner typ-profile-dashboard " id="imagePreview"
                style="background-image: url('{{asset('assets/images/user-profile/banner-png-vector.png')}}');">
                <div class="resume-download">
                    @if($student)
                <a class="edit btn btn-tableviewbtn btn-sm resume-position" href="{{$student->cv ? $student->cv : ''}}" target="_blank">Download Resume </span></a>
                    @endif
            </div>
                    <div class="bs-profile-details">

                        <div class="profile-photo">
                            <div class="avatar-upload">
                                <!-- <div class="avatar-edit">
                                    <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" />
                                    <label for="imageUpload"></label>
                                </div> -->
                                <div class="avatar-preview">
                                      @if($student)  
                                    <div id="imagePreview"
                                    style="background-image: url('{{ $student->profile_image ? url($student->profile_image) : url('assets/images/user-profile/upload-photo.png') }}');">
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="profile-details">
                        <h2 class="name">{{$student->first_name}} {{$student->last_name}}</h2>
                            <h3 class="update-history">Profile cv last updated - <span>{{$student->cv_last_updated ? $student->cv_last_updated->format('d-m-Y') : ''}}</span>
                            </h3>
                            <h3 class="update-history">Profile updated at  - <span>{{$student->updated_at ? $student->updated_at->format('d-m-Y') : ''}}</span>
                            </h3>
                            <div class="other-details">
                                <div class="location-details">
                                    <div class="location-list">
                                        <img src="{{env('APP_URL')}}assets/images/location-popup.svg" alt="admin-building"
                                            class="img-fluid comp-logo"> {{ $student->city ? $student->city : '' }}
                                    </div>
                                    <div class="location-list">
                                        <img src="{{env('APP_URL')}}assets/images/fresher-popup.svg" alt="admin-building"
                                            class="img-fluid comp-logo"> {{count($student->student_experiences)>0 ? 'Experienced' : 'Fresher'}}
                                    </div>
                                </div>
                                <div class="email-details">
                                <a href="#" class="location-list">
                                        <img src="{{asset('assets/images/call-popup.svg')}}" alt="admin-building"
                                            class="img-fluid comp-logo"> {{$student->user->phone_number}}
                                    </a>
                                    <a href="mailto:{{$student->email}}" class="location-list">
                                        <img src="{{asset('assets/images/mail-popup.svg')}}" alt="admin-building"
                                            class="img-fluid comp-logo"> {{$student->email}}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>




                <div class="tabs">
                    <!-- use class 'animate' to set change tab transition animation -->
                    <div class="tabs-nav">
                        <!--   Must be label element   -->
                        <label class="tab-nav active" for="tab-index1">Education</label>
                        <label class="tab-nav" for="tab-index2">Experience</label>
                        <label class="tab-nav" for="tab-index3">Skills</label>
                        <label class="tab-nav" for="tab-index4">Certification</label>

                    </div>
                    <div class="tab-contents">
                        <div class="tab-content">
                            <!--   this input element must be created with same id in label element inside attr 'for'   -->
                            <input type="radio" name="tab-index" id="tab-index1" checked />
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Qualification</th>
                                                <th>Degree Type</th>
                                                <th>Degree </th>
                                                <th>Start Date</th>
                                                <th>End Date</th>
                                                <th>Percentage
                                                    CGPA</th>
                                                <th>College
                                                    University</th>
                                                <th>Location</th>
                                            </tr>

                                            @if($student->student_qualifications)
                                            @foreach($student->student_qualifications as $qualification)
                                               <tr>
                                                 <td>{{$qualification->qualification}}</td>
                                                <td>{{$qualification->degree_type}}</td>
                                                <td>{{$qualification->education->name}}</td>
                                                <td>{{$qualification->start_date}}</td>
                                                <td>{{$qualification->end_date}}</td>
                                                <td class="text-center">{{$qualification->percentage}}</td>
                                                <td>{{$qualification->university}}</td>
                                                <td>{{$qualification->location}}</td>
                                                </tr>
                                                @endforeach
                                            @endif

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class=" tab-content">
                            <input type="radio" name="tab-index" id="tab-index2" />
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Current
                                                    Employment</th>
                                                <th>Designation</th>
                                                <th>Employment Type</th>
                                                <th>Sector </th>
                                                <th>Company Name</th>
                                                <th>Start Date</th>
                                                <th>End Date</th>
                                                <th>Location</th>
                                                <th>Remote</th>
                                            </tr>

                                            @if($student->student_experiences)
                                            @foreach($student->student_experiences as $experience)
                                            <tr>
                                                <td>{{$experience->current_employment? 'Yes' : 'No'}}</td>
                                                <td>{{$experience->designition->title}}</td>
                                                <td>Full-Time</td>
                                                <td>{{$experience->department->department_name}}</td>
                                                <td>{{$experience->organization}}</td>
                                                <td>02-10-2024</td>
                                                <td>02-11-2024</td>
                                                <td>{{$experience->location}}</td>
                                                <td class="text-center">
                                                @if($experience->remote)
                                                <i class="fas fa-check-circle fntsize-green"></i>
                                                @else
                                                <p>NO</p>
                                                @endif   </td>


                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content">
                            <input type="radio" name="tab-index" id="tab-index3" />
                            <div class="skill-buttons">
                                @if($student->student_skills)
                                @foreach($student->student_skills as $skills)
                            <a class="btn btn-addbtn" href="#">{{$skills->skill->skill_name}}</a>
                               @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="tab-content">
                            <input type="radio" name="tab-index" id="tab-index4" />
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Title of Certificate</th>
                                                <th>Issuing Organization</th>
                                                <th>Start Date </th>
                                                <th>End Date</th>
                                                <th>Certificate</th>
                                            </tr>
                                            @if($student->student_certificates)
                                            @foreach($student->student_certificates as $student_certificates)

                                                <tr>
                                                    <td>
                                                    {{$student_certificates->title}}
                                                    </td>
                                                    <td>{{$student_certificates->issuing_organization}}</td>
                                                    <td>{{$student_certificates->start_date}}</td>
                                                    <td>{{$student_certificates->end_date}}</td>
                                                    <td><a target="_blank" href="{{$student_certificates->uploaded_file}}">Download</a></td>
                                                      </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


                <div class="tab-content">
                            <h2>Masterclass</h2>
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Master Class Title</th>
                                                <th>Payment ID</th>
                                                <th>Amount</th>
                                           
                                            </tr>
                                            @if($masterclass)
                                            @foreach($masterclass as $masterclasses)

                                                <tr>
                                                    <td>
                                                    {{$masterclasses->title}}
                                                    </td>
                                                    <td>{{$masterclasses->payment_id}}</td>
                                                    <td>{{$masterclasses->payment_amount}}</td>
                                                  
                                                      </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>  


                        <div class="tab-content">
                            <h2>Courses</h2>
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Title</th>
                                                <th>Payment ID</th>
                                                <th>Amount</th>
                                           
                                            </tr>
                                            @if($course)
                                            @foreach($course as $courses)

                                                <tr>
                                                    <td>
                                                    {{$courses->title}}
                                                    </td>
                                                    <td>{{$courses->payment_id}}</td>
                                                    <td>{{$courses->payment_status}}</td>
                                                  
                                                      </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>


                        <div class="tab-content">
                            <h2>VWEP Survey</h2>
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Title</th>
                                              <th>Company Name</th>
                                            
                                           
                                            </tr>
                                            @if($vwept)
                                            @foreach($vwept as $vweps)

                                            <tr>
                                                    <td>
                                                    {{$vweps->title}}
                                                    </td>
                                                    <td>{{$vweps->company_name}}</td>
                                                  
                                                  
                                                      </tr>
                                                @endforeach
                                                @else
                                                <tr>
                                               
                                                <td> No data available  </td>
                                               
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>



                        <div class="tab-content">
                            <h2>VWEP</h2>
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Title</th>
                                              <th>Company Name</th>
                                              <th>Progress</th>
                                           
                                            </tr>
                                            @if(!empty($vwep) && $vwep->isNotEmpty())
                                            @foreach($vwep as $vweps)

                                            <tr class="vwep-row" data-id="{{ $vweps->id }}" data-title="{{ $vweps->title }}" data-company="{{ $vweps->company_name }}" data-learn-response="{{ $vweps->lear_response }}" data-learns="{{ $vweps->learns }}">
                                                    <td>
                                                    {{$vweps->title}}
                                                    </td>
                                                    <td>{{$vweps->company_name}}</td>
                                                   
                                                    <td class="progress-cell">
                                    <span class="progress-percentage">0%</span> <!-- Initially 0% -->
                                </td>
                                                  
                                                      </tr>
                                                @endforeach
                                                @else
                                             
                                            
                                                <td> No data available  </td>
                                             
                                             
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>




                        <div class="tab-content">
                            <h2>Jobs</h2>
                            <div class="content">
                                <div class="table-parent">
                                    <table class="table ">
                                        <tbody>
                                            <tr>
                                                <th>Job Description</th>
                                              <th>Company Name</th>
                                              <th>Shortlisted<th>
                                           
                                            </tr>
                                            @if($job)
                                            @foreach($job as $jobs)

                                                <tr>
                                                    <td>
                                                    {{$jobs->title}}
                                                    </td>
                                                    <td>{{$jobs->company_name}}</td>
                                                    @if($jobs->shortlested == 1)
                                                        <td>
        Shortlisted                                             
    </td>
@else
    <td>
        Rejected                                             
    </td>
@endif

                                                      </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

            </div><!-- /.container-fluid -->






        </div>

    </div>


</main>
@endsection




<script>
document.addEventListener('DOMContentLoaded', function () {
    // Tab navigation logic
    const tabs = document.querySelectorAll('.tab-nav');
    tabs.forEach(tab => {
        tab.addEventListener('click', function () {
            // Remove the active class from all tabs
            tabs.forEach(t => t.classList.remove('active'));

            // Add the active class to the clicked tab
            this.classList.add('active');
        });
    });

    // Data processing logic
    updateVwepProgress();
});

// Function to update VWEp progress
function updateVwepProgress() {
    const rows = document.querySelectorAll('.vwep-row');
    rows.forEach(row => {
        const learnResponse = parseFloat(row.getAttribute('data-learn-response'));
        const learns = parseFloat(row.getAttribute('data-learns'));
        const progressCell = row.querySelector('.progress-cell');
      console.log("learnResponse",learnResponse);
      console.log("learns",learns);
        if (!isNaN(learnResponse) && !isNaN(learns) && learns > 0) {
            const progress = (learnResponse / learns) * 100;
            const formattedProgress = formatNumber(progress);
            progressCell.innerHTML = `${formattedProgress}%`;

            // Optionally add visual progress bar logic here (if required)
        } else {
            progressCell.innerHTML = '0%';
        }
    });
}

// Format the number (you can customize this function)
function formatNumber(number) {
    return number.toFixed(2); // Example: rounds the number to 2 decimal places
}
</script>


@section('script')
$(function () {
var table = $('#datatable').DataTable({
processing: true,
serverSide: true,
responsive:true,
order:['0','desc'],

"columnDefs": [
{
"targets": [ 0 ],
"visible": false,
"searchable": true
},
],
"columns": [
{ data: 'id' },
{ data: 'username' },
{ data: 'email' },
{data: 'action', name: 'action', orderable: false, searchable: false},

]
});
});
@endsection