@extends('company.layouts.main')
@section('content')
<main>
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 module-heading">View Job Application</h1>
                        <br>
            <a class="edit btn btn-info btn-sm" href="javascript:history.back()">Back</a>
                    </div>

                </div>
            </div>
        </div>
        @if(Session::has('success'))
        <div id="successMessage" class="alert alert-success">{{ Session::get('success') }}</div>
        @endif
        <div class="card">
            <div class="card-body">
                <div class="buttonSearch ">
                    <a class="btn btn-addbtn" id="exportButton">Export
                        <!-- <i class="fas fa-arrow-down ml-1"></i> -->
                        <i class="fas fa-download ml-1"></i>
                    </a>
                </div>
                <div class="table table-responsive">
                <table id="datatable" class="display">
                    <thead>
                        <tr align="left">

                            <th>ID</th>
                            <th>|||</th>
                            <th></th>
                            <th>Name</th>
                            <th>Location</th>
                            <th>Education</th>
                            <th>Email</th>
                            <th>Phone No</th>
                            <th>LinkedIn</th>
                            <th>Resume</th>
                            <th>survey</th>
                            <th>Profile</th>
                            <th>action</th>
                        </tr>
                    </thead>
                </table>
           </div>
            </div>
        </div>
    </div>
</main>
@endsection

@section('script')
 $(function () {
var table = $('#datatable').DataTable({
processing: true,
serverSide: true,
responsive:true,
order:['0','desc'],
ajax: "{{ route('job-application.view',$jobId) }}",

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

{ data: 'username' },
{ data: 'city' },
{ data: 'student_qualification' },
{ data: 'email' },
{ data: 'phone_number' },
{data: 'linkdin', name: 'linkdin', orderable: false, searchable: false},
{data: 'resume', name: 'resume', orderable: false, searchable: false},
{data: 'survey', name: 'survey', orderable: false, searchable: false},
{data: 'profile', name: 'profile', orderable: false, searchable: false},
{data: 'action', name: 'action', orderable: false, searchable: false},
]
});
setTimeout(function() {
$('#successMessage').fadeOut('fast');
}, 1000);
});

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('body').addEventListener('click', function(event) {
        if (event.target && event.target.id === 'shortlist') {
            event.preventDefault();

            var button = event.target;
            var rejectButton = document.getElementById('reject');
            {{-- alert(rejectButton); --}}
            var id = event.target.getAttribute('data-id');

            $.ajax({
                type: 'POST',
                url: '{{ route("store.job-application-shortleast") }}',
                data: {
                    _token: '{{ csrf_token() }}',
                    job_app_id: id
                },
                success: function(response) {
                    if (button.innerHTML === 'Shortlist') {
                        button.innerHTML = 'Shortlisted';
                        button.classList.add('active');

                        rejectButton.innerHTML = 'Reject';
                        rejectButton.classList.remove('active');
                    } else {
                        button.innerHTML = 'Shortlisted';
                        button.classList.add('active');

                        rejectButton.innerHTML = 'Reject';
                        rejectButton.classList.remove('active');
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Error:', error);
                    alert('An error occurred while shortlisting.');
                }
            });
        }
    });
});

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('body').addEventListener('click', function(event) {
        if (event.target && event.target.id === 'reject') {
            event.preventDefault();

            var button = event.target;
            var rejectButton = document.getElementById('shortlist');
            var id = event.target.getAttribute('data-id');

            $.ajax({
                type: 'POST',
                url: '{{ route("store.job-application-rejected") }}',
                data: {
                    _token: '{{ csrf_token() }}',
                    job_app_id: id
                },
                success: function(response) {
                    if (button.innerHTML === 'Reject') {
                        button.innerHTML = 'Rejected';
                        button.classList.add('active');

                        rejectButton.innerHTML = 'Shortlist';
                        rejectButton.classList.remove('active');
                    } else {
                        button.innerHTML = 'Rejected';
                        button.classList.add('active');

                        rejectButton.innerHTML = 'Shortlist';
                        rejectButton.classList.remove('active');
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Error:', error);
                    alert('An error occurred while shortlisting.');
                }
            });
        }
    });
});

$('#exportButton').click(function(e) {
    e.preventDefault();

    // Collect checked checkboxes
    let checkedValues = [];
    document.querySelectorAll('input[name="user_id"]:checked').forEach(function(checkbox) {
        checkedValues.push(checkbox.value);
    });

    console.log('Checked values:', checkedValues); // Add this for debugging

    $.ajax({
        type: 'POST',
        url: '{{ route("jobStudentdata.export") }}',
        data: {
            _token: '{{ csrf_token() }}', // CSRF token for security
            selected_ids: checkedValues,
            jobID: {{$jobId}}
        },
        success: function(response) {
            var blob = new Blob([response], { type: 'text/csv' });

            // Create a temporary URL to the Blob
            var url = window.URL.createObjectURL(blob);

            // Create a link element
            var a = document.createElement('a');
            a.href = url;
            a.download = 'jobapplicant.csv'; // Set the filename for the download

            // Append the link to the body and trigger the download
            document.body.appendChild(a);
            a.click();

            // Cleanup: Remove the temporary URL and link element
            window.URL.revokeObjectURL(url);
            document.body.removeChild(a);
        },
        error: function(xhr, status, error) {
            console.error('Error:', error);
            alert('An error occurred while exporting.');
        }
    });
});


@endsection