/home/mip/mip/app/Modules/Client/Views/job-opening/includes/job-opening-modal.blade.php
<!-- Modal -->
<div id="job-details-modal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Job Opening</h4>
            </div>
            <div class="modal-body">
            <h3 class="page-header">&nbsp;Details</h3>
                <table class="table table-bordered table-condensed table-hover" id="details-table" width="100%">
                    <tbody>
                        <tr>
                            <th width="20%">Position Title</th>
                            <td width="30%" class="position_title"></td>
                        </tr>
                        <tr>
                            <th width="20%">No. of applicants needed</th>
                            <td width="30%" class="applicants_needed"></td>
                        </tr>
                        <tr>
                            <th width="20%">Proposed Salary</th>
                            <td width="30%" class="proposed_salary"></td>
                        </tr>
                        <tr>
                            <th width="20%">Location</th>
                            <td width="30%" class="location"></td>
                        </tr>
                        <tr>
                            <th width="20%">Country</th>
                            <td width="30%" class="country"></td>
                        </tr>
                    </tbody>
                </table>
            <h3 class="page-header">&nbsp;Required Qualifications</h3>
                <table class="table table-bordered table-condensed table-hover" id="details-table" width="100%">
                    <tbody>
                        <tr>
                            <th width="20%">Gender</th>
                            <td width="30%" class="gender"></td>
                        </tr>
                        <tr>
                            <th width="20%">Age</th>
                            <td width="30%"><b>Min:</b> <span class="min_age"></span> 
                                <br><b>Max:</b> <span class="max_age"></span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            <h3 class="page-header">&nbsp;Job Status</h3>
                <table class="table table-bordered table-condensed table-hover" id="details-table" width="100%">
                    <tbody>
                        <tr>
                            <th width="20%">Status</th>
                            <td width="30%" class="status"></td>
                        </tr>
                        <tr>
                            <th width="20%">Opening Date</th>
                            <td width="30%" class="opening_date"></td>
                        </tr>
                        <tr>
                            <th width="20%">Closing Date</th>
                            <td width="30%" class="closing_date"></td>
                        </tr>
                    </tbody>
                </table>
            <h3 class="page-header">&nbsp;Job Details</h3>
                <p class="job_details" style="margin: 20px;"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-flat close-modal" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>