<main class="common_margin" id="main">
    <div class="main-wrap">
        <div class="breadcrumb-section">
            <ol class="breadcrumb breadcrumb-back"> 
            <a href="<?= base_url(); ?>teacher/dashboard">  <li class="breadcrumb-item"> Back </li> </a>
           </ol>
       </div>
       <div class="syllabus-wrap">
        <div class="syllabus-head">
            <h3 class="common-heading">Syllabus</h3>
        </div>

        <div class="syllabus-main">
            <?php if(!empty($get_syllabus)){
                foreach ($get_syllabus as $value) { ?>

            <div class="syllabus-tab">
              <?php if ($value['subject_icon']) { ?>
               <div class="syllabus-image"><img src="<?php echo base_url(); ?>assets_admin/images/icons/<?php echo $value['subject_icon'];?>"></div>
             <?php }else{ ?>
                <div class="syllabus-image"><img src="<?php echo base_url(); ?>assets_student/images/physics.png"></div>
              <?php } ?>
                <h5><?php echo $value['subject_name']; ?></h5>
                <h5><?php echo $value['classroom_name']; ?></h5>
                <button class="join-class-btn" data-toggle="modal" data-target='<?php echo "#myModal_".$value['subject_syllabus_id']; ?>' >View</button>
            </div>        
                    
               <?php  }
            }else{ ?>
            <div class="syllabus-tab">
                
                <h5> No Syllabus </h5>
                
            </div>
            <?php }?>
            
        </div>
    </div>
</div>

</main> 
<!-- Syllabus modal -->
<div class="syllabus-modal">

   <?php if(!empty($get_syllabus)){
        foreach ($get_syllabus as $value) { 

            ?>

    <div class="modal fade" id='<?php echo "myModal_".$value['subject_syllabus_id']; ?>' role="dialog">
        <div class="modal-dialog"> 
            <div class="modal-content"> 
                <button type="button" class="close" data-dismiss="modal">&times;</button> 
                <div class="owl-carousel slider1">
                    <div class="item active">
                        <!-- <img src="<?php echo base_url().$value['syllabus'] ?>" alt="" /> -->
                        <embed src="<?php echo base_url().$value['syllabus'] ?>" frameborder="0" width="100%" height="650px">
                    </div>                    
                </div>   
                <div class="down-btn-wrap">
                    <div class="page-number">
                        <div class="slider-counter1"><div class="slider-no1"></div><div class="tot-slider1"></div></div>
                        <span>Pages</span>
                    </div>
                    <a href="<?php echo base_url().$value['syllabus'] ?>" download>
                        <button type="button" class="dowload-sylla">Download Syllabus</button>
                    </a>
                        
                </div>
            </div> 
        </div>
    </div>        
            
    <?php  }
        } ?>

    
</div>
<script src="https://github.com/pipwerks/PDFObject/blob/master/pdfobject.min.js"></script>