@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">
                        <h1 class="m-0 superadmin-head">Applicant Profile</h1>
                        <br>
            <a class="edit btn btn-info btn-sm" href="javascript:history.back()">Back</a>
                    </div><!-- /.col -->
                    <div class="col-sm-6">

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

                <div class="bs-banner typ-profile-dashboard " id="imagePreview"
                    style="background-image: url('assets/images/user-profile/banner-png-vector.png'); ">
                    <div class="resume-download">
                        <a class="edit btn btn-tableviewbtn btn-sm resume-position" href="{{ $studentBasic->cv}}" target="_blank">Download Resume </span></a>
                    </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">

                                    <div id="imagePreview"
                                        style="background-image: url('{{ $studentBasic->profile_image}}');">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-details">
                            <h2 class="name">{{ $studentBasic->username ? $studentBasic->username : '' }}</h2>
                            <h3 class="update-history">Profile last updated - <span>{{ $studentBasic->cv_last_updated ? $studentBasic->cv_last_updated : '' }}</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"> {{ $studentBasic->city ? $studentBasic->city : '' }}
                                    </div>
                                    <div class="location-list">
                                        <img src="{{env('APP_URL')}}assets/images/fresher-popup.svg" alt="admin-building"
                                            class="img-fluid comp-logo"> {{ $exists ? 'Experienced' : 'Fresher' }}
                                    </div>
                                </div>
                                <div class="email-details">
                                    <a href="#" class="location-list">
                                        <img src="{{env('APP_URL')}}assets/images/call-popup.svg" alt="admin-building"
                                            class="img-fluid comp-logo"> {{ $studentBasic->phone_number ? $studentBasic->phone_number : '' }}
                                    </a>
                                    <a href="mailto:SamHawkins22@gmail.com" class="location-list">
                                        <img src="{{env('APP_URL')}}assets/images/mail-popup.svg" alt="admin-building"
                                            class="img-fluid comp-logo"> {{ $studentBasic->email ? $studentBasic->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($studentQualifications)
                                            @foreach($studentQualifications as $studentQuali)
                                            <tr>
                                                <td>
                                                    {{ $studentQuali->qualification ? $studentQuali->qualification : '' }}
                                                </td>
                                                <td>{{ $studentQuali->degree_type ? $studentQuali->degree_type : '' }}</td>
                                                <td>Msc. CS</td>
                                                <td>{{ $studentQuali->start_date ? $studentQuali->start_date : '' }}</td>
                                                <td>{{ $studentQuali->end_date ? $studentQuali->end_date : '' }}</td>
                                                <td class="text-center">{{ $studentQuali->percentage ? $studentQuali->percentage : '' }}</td>
                                                <td>{{ $studentQuali->university ? $studentQuali->university : '' }}</td>
                                                <td>
                                                    {{ $studentQuali->location ? $studentQuali->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($studentExperiences)
                                            @foreach($studentExperiences as $studentEx)
                                            <tr>
                                                <td>
                                                    {{ $studentEx ->current_employment == 1 ? 'yes' : 'no';}}
                                                </td>
                                                <td>{{ $studentEx->designation_title ? $studentEx->designation_title : '' }}</td>
                                                <td>{{ $studentEx->employetype_name ? $studentEx->employetype_name : '' }}</td>
                                                <td>{{ $studentEx->department_name ? $studentEx->department_name : '' }}</td>
                                                <td>{{ $studentEx->organization ? $studentEx->organization : '' }}</td>
                                                <td>{{ $studentEx->start_date ? $studentEx->start_date : '' }}</td>
                                                <td>{{ $studentEx->end_date ? $studentEx->end_date : '' }}</td>

                                                <td>
                                                    {{ $studentEx->location ? $studentEx->location : '' }}
                                                </td>

                                                <td class="text-center">
                                                    @if($studentEx->remote == 1)
                                                    <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($studentSkills)
                                  @foreach($studentSkills as $studentSki)
                                <a class="btn btn-addbtn" href="#">{{$studentSki->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($studentCertificates)
                                            @foreach($studentCertificates as $studentCer)
                                            <tr>
                                                <td>{{ $studentCer->title ? $studentCer->title : '' }}</td>
                                                <td>{{ $studentCer->issuing_organization ? $studentCer->issuing_organization : '' }}</td>
                                                <td>{{ $studentCer->start_date ? $studentCer->start_date : '' }}</td>
                                                <td>{{ $studentCer->end_date ? $studentCer->end_date : '' }}</td>
                                                <td><a href="{{ $studentCer->uploaded_file ? $studentCer->uploaded_file : '' }}" target="_blank">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