
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body"> 
                <style type="text/css">     
                    #datatable-fixedheader thead tr th:nth-child(1) {width: 3% !important; text-align: center;}
                    #datatable-fixedheader thead tr th:nth-child(2) {width: 12% !important;}
                    #datatable-fixedheader thead tr th:nth-child(3) {width: 12% !important;}
                    #datatable-fixedheader thead tr th:nth-child(4) {width: 8% !important;}
                    #datatable-fixedheader thead tr th:nth-child(5) {width: 15% !important;}
                    #datatable-fixedheader thead tr th:nth-child(6) {width: 10% !important;}
                    #datatable-fixedheader thead tr th:nth-child(7) {width: 8% !important;}
                    #datatable-fixedheader thead tr th:nth-child(8) {width: 8% !important;}
                    #datatable-fixedheader thead tr th:nth-child(9) {width: 10% !important;}
                    #datatable-fixedheader thead tr th:nth-child(10) {width: 5% !important; text-align: center;}
                    #datatable-fixedheader thead tr th:nth-child(11) {width: 5% !important; text-align: center;}
                    #datatable-fixedheader thead tr th:last-child {text-align: center;}
                </style>
                <table id="datatable-fixedheader" class="table table-hover table-bordered dt-responsive nowrap">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Applied For</th> 
                            <th>Name</th>
                            <th>Mobile</th>   
                            <th>Email</th>
                            <th>Location</th>
                            <th>Experience</th>
                            <th>CTC</th>  
                            <th>Date Time</th> 
                            <th>Status</th>
                            <th>Resume</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody> 
                    </tbody>
                </table>

                <!-- View Application Modal -->
                <div class="modal fade" id="viewModal" tabindex="-1">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header bg-primary text-white">
                                <h5 class="modal-title">Application Details</h5>
                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <strong>Applied For:</strong>
                                        <p id="v_apply_for" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <strong>Full Name:</strong>
                                        <p id="v_name" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <strong>Mobile:</strong>
                                        <p id="v_mobile_no" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <strong>Email:</strong>
                                        <p id="v_email" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <strong>Current Location:</strong>
                                        <p id="v_current_location" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <strong>Total Experience:</strong>
                                        <p id="v_total_experience" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <strong>Current Organization:</strong>
                                        <p id="v_current_organization" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <strong>Current Designation:</strong>
                                        <p id="v_current_designation" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <strong>Current CTC:</strong>
                                        <p id="v_current_ctc" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <strong>Message:</strong>
                                        <p id="v_message" class="text-muted"></p>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <strong>Resume:</strong>
                                        <p id="v_resume"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>  
</div>  
<?php $this->load->view('includes/footer'); ?>
