@extends('company.layouts.main')
@section('content')
<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 last updated - <span>{{$student->cv_last_updated ? $student->cv_last_updated->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><!-- /.container-fluid -->






        </div>

    </div>


</main>
@endsection




<script>
document.addEventListener('DOMContentLoaded', function() {
    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');
        });
    });
});
</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