<div class="edu-breadcrumb-area">
    <div class="container">
        <div class="breadcrumb-inner">
            <div class="page-title">
                <h1 class="title">Career</h1>
            </div>
            <ul class="edu-breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>">Home</a></li>
                <li class="separator"><i class="icon-angle-right"></i></li>
                <li class="breadcrumb-item active" aria-current="page">Career</li>
            </ul>
        </div>
    </div>
    <ul class="shape-group">
        <li class="shape-1">
            <span></span>
        </li>
        <li class="shape-2 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="shape"></li>
        <li class="shape-3 scene"><img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-15.png" alt="shape"></li>
        <li class="shape-4">
            <span></span>
        </li>
        <li class="shape-5 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-07.png" alt="shape"></li>
    </ul>
</div>
<section class="section-gap-equal">
    <div class="container">
        <div class="row row--30">
            <div class="col-lg-8">
                <?php foreach ($all_job as $key => $job):
                    $category = $this->career_model->get_category_by_id($job->category);?>
                    <div class="edu-blog blog-style-4" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="inner">
                            <div class="content">
                                <div class="category-wrap">
                                    <a href="<?php echo base_url(); ?>job_category/<?php echo $category->slug; ?>" class="blog-category"><?php echo $category->category_name; ?></a>
                                </div>
                                <h3 class="title"><a href="<?php echo base_url(); ?>job/<?php echo $job->slug; ?>"><?php echo $job->title; ?></a></h3>
                                <ul class="" style="list-style: none;">
                                    <li><i class="fa fa-calendar"></i> Deadline : <?php echo date('d-m-Y', strtotime($job->application_deadline)); ?></li>
                                    <li><i class="fa fa-graduation-cap"></i> Vacancy : <?php echo $job->vacancy; ?></li>
                                    <li><i class="fa fa-map-marker"></i> Location : <?php echo $job->job_location; ?></li>
                                </ul>
                                <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip.</p> -->
                                <div class="read-more-btn">
                                    <a class="edu-btn btn-border btn-medium" href="<?php echo base_url(); ?>job/<?php echo $job->slug; ?>">Read More <i class="icon-4"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
            <div class="col-lg-4">
                <div class="edu-blog-sidebar">
                    <!-- Start Single Widget  -->

                    <div class="edu-blog-widget widget-categories">
                        <div class="inner">
                            <h4 class="widget-title">Categories</h4>
                            <div class="content">
                                <ul class="category-list">
                                    <?php foreach ($all_category as $key => $category):?>
                                        <li><a href="<?php echo base_url(); ?>job_category/<?php echo $category->slug; ?>"><?php echo $category->category_name; ?></a></li>
                                    <?php endforeach; ?>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
