<section id="banner-img" style="background:#c0c0c0; padding:0;">
    <div class="container">
        <div class="center wow fadeInDown animated" id="career" style="visibility: visible; animation-name: fadeInDown;">

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

    </div>
</section>
<div class="container">
    <div class="col-sm-12">
        <div class="center wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
            <h2>Career
                <span class="small"><br>
                    All open positions
                </span>
            </h2>

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

<section id="recent-works">
    <div class="container">

        <?php //echo '<pre>';print_r($departmentList);die(); ?>
        <div class="row fadeInDown rowbranding" align="center">
            <?php
//Zend\Debug\Debug::dump($departmentList); die;
            if (count($departmentList) > 0) {
                foreach ($departmentList as $data) {

                    $jobsData = $this->mainMenu()->getJobsDataByDepId($data['id']);
                    //echo '<pre>';print_r($jobsData);die();
                    ?>

                    <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                        <div class="recent-work-wrap" style="border:1px solid #ccc;">
                            <img class="img-responsive" src="/images/careers/<?php echo $data['department_logo'] ?>" alt="" style="height:147px !important">
                            <div class="overlay">
                                <div class="recent-work-inner" align="">
                                    <h3><a href="#"><?php echo $data['department_name'] ?></a> </h3>
                                    <div class="scrollbar" id="ex3">
                                        <?php if (count($jobsData['data']) > 0) {
                                            foreach ($jobsData['data'] as $val) {
                                                ?>
                                                <span class="col-sm-10 col-sm-10career" style="text-align:left;"><a href="javascript: void(0);" onclick="jobEnquiry('<?php echo $val['id'];?>','jd')"><?php echo $val['position_name']; ?></a></span>
                                                <!--<span class="col-sm-3 col-sm-3career"><a href="javascript: void(0);" onclick="jobEnquiry('<?php echo $val['id'];?>','jd')">JD</a></span>-->
                                                <span class="col-sm-2 col-sm-2career"><a href="javascript: void(0);" onclick="jobEnquiry('<?php echo $val['id'];?>','apply')">Apply</a></span>
                                                <!--<span class="col-sm-2 col-sm-2career"><a href="#"><?php echo $val['location']; ?></a></span>-->
                                            <?php
                                            }
                                        } else {
                                            ?>
                                            No Jobs Found
        <?php } ?>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="recent-work-wrap">
                            <h3><strong><?php echo $data['department_name'] ?></strong></h3>
                        </div>

                    </div>





                    <?php
                }
            } else {
                ?>
                No Department Found
<?php } ?>


        </div>














        <!--<div class="row fadeInDown rowbranding" align="center">


            <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                <div class="recent-work-wrap" style="border:1px solid #ccc;">
                    <img class="img-responsive" src="/images/careers/administration.png" alt="" style="height:147px !important">
                    <div class="overlay">
                        <div class="recent-work-inner" align="">
                            <h3><a href="#">Administration</a> </h3>
                            <div class="scrollbar" id="ex3">
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/admin">HR &amp; Admin</a></span>
                            <span class="col-sm-2 col-sm-2career"><a href="javascript: void(0);" onclick="jdDetails('HR & Admin','Administration')">JD</a></span>
                            <span class="col-sm-2 col-sm-2career"><a href="/index/page/admin">Delhi</a></span>

                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/reception">Receptionist</a></span>
                            <span class="col-sm-2 col-sm-2career"><a href="/index/page/admin">JD</a></span>
                            <span class="col-sm-2 col-sm-2career"><a href="/index/page/reception">Delhi</a></span>



                       </div>

                        </div>
                    </div>
                </div>
                <div class="recent-work-wrap">
               <h3><strong> Administration </strong></h3>
                </div>

            </div>

            <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                <div class="recent-work-wrap" style="border:1px solid #ccc;">
                    <img class="img-responsive" src="/images/careers/finance.png" alt="" style="height:147px !important">
                    <div class="overlay">
                        <div class="recent-work-inner" align="">
                            <h3><a href="#">Finance</a></h3>

                            <div class="scrollbar" id="ex3">
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/accountant1">Accountant</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/accountant">Delhi</a></span>

                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/accountant">Sr Accountant</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/accountant">Delhi</a></span>



                       </div>

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

                 <div class="recent-work-wrap">
               <h3><strong> Finance</strong> </h3>
                </div>
            </div>

            <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                <div class="recent-work-wrap" style="border:1px solid #ccc;">
                    <img class="img-responsive" src="/images/careers/research-development.png" alt="" style="height:147px !important">
                    <div class="overlay" style="border:1px solid #ccc;">
                        <div class="recent-work-inner" align="">
                            <h3><a href="#">IT </a></h3>
                           <div class="scrollbar" id="ex3">
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/webdesigner">Web Designer</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/webdesigner">Delhi</a></span>
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/android">Android Developer</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/android">Delhi</a></span>
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/ios">IOS Developer</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/ios">Delhi</a></span>

                             <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/srphpdev">Sr. PHP Developer</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/srphpdev">Delhi</a></span>
                             <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/phpdev">PHP Developer</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/phpdev">Delhi</a></span>


                       </div>

                        </div>
                    </div>
                </div>
                 <div class="recent-work-wrap">
               <h3><strong>IT</strong> </h3>
                </div>
            </div>

            <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                <div class="recent-work-wrap" style="border:1px solid #ccc;">
                    <img class="img-responsive" src="/images/careers/branding-and-creative.png" alt="" style="height:147px !important">
                    <div class="overlay">
                        <div class="recent-work-inner" align="">
                            <h3><a href="#">Marketing </a></h3>
                           <div class="scrollbar" id="ex3">
                            <dev class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/businessdevelopment">Business Development</a></dev> <dev class="col-sm-4 col-sm-4career"><a href="#">Delhi</a></dev>
                            <dev class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/salesexqutive">Sales Exqutive</a></dev> <dev class="col-sm-4 col-sm-4career"><a href="/index/page/salesexqutive">Delhi</a></dev>
                            <dev class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/manager">Area Sales Manager</a></dev> <dev class="col-sm-4 col-sm-4career"><a href="#">Delhi</a></dev>
                            <dev class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/digitalmarketing">Digital Marketing</a></dev> <dev class="col-sm-4 col-sm-4career"><a href="#">Delhi</a></dev>
                            <dev class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/manager">Marketing Manager</a></dev> <dev class="col-sm-4 col-sm-4career"><a href="#">Delhi</a></dev>
                            <dev class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/regionalsalesmanager">Reginol Marketing Manager</a></dev> <dev class="col-sm-4 col-sm-4career"><a href="#">Delhi</a></dev>



                       </div>
                        </div>
                    </div>
                </div>
                 <div class="recent-work-wrap">
               <h3><strong>Marketing</strong> </h3>
                </div>
            </div>

            <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                <div class="recent-work-wrap" style="border:1px solid #ccc;">
                    <img class="img-responsive" src="/images/careers/marketing-advertising.png" alt="" style="height:147px !important">
                    <div class="overlay">
                        <div class="recent-work-inner" align="">
                            <h3><a href="#">Operation Department </a></h3>
                          <div class="scrollbar" id="ex3">
                             <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="#">Callers</a></span> <span class="col-sm-4 col-sm-4career"><a href="#">Delhi</a></span>
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="#">Dispatcher</a></span> <span class="col-sm-4 col-sm-4career"><a href="#">Delhi</a></span>
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/teamleader">Team Leader</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/teamleader">Delhi</a></span>
                            <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/vendor">Vender Manager</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/vendor">Delhi</a></span>




                       </div>

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

                 <div class="recent-work-wrap">
               <h3><strong> Operation Department  </strong></h3>
                </div>
            </div>

            <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                <div class="recent-work-wrap" style="border:1px solid #ccc;">
                    <img class="img-responsive" src="/images/careers/quality-control.png" alt="" style="height:147px !important">
                    <div class="overlay">
                        <div class="recent-work-inner" style="margin-top:20px;" align="center">
                            <h3><a href="#">Quality Control</a></h3>
                            <div class="scrollbar" id="ex3">
                              <span class="col-sm-8 col-sm-8career" style="text-align:left;"><a href="/index/page/quailtyanalyst">Quailty Analyst</a></span> <span class="col-sm-4 col-sm-4career"><a href="/index/page/quailtyanalyst">Delhi</a></span>

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

                 <div class="recent-work-wrap">
               <h3><strong> Quality Control</strong> </h3>
                </div>
            </div>

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