<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="noindex">
    <meta name="googlebot" content="noindex">
    <title>DNA</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/main.css"/>
</head>
<body>  
<style>
.dna-files {
    padding-top: 15px;
    border: 1px solid #d7d7d7;
    text-align: center;
    height: auto;
    padding-bottom: 15px;
}
.dna-files img {
    width: auto !important;
}
.div-iframe {
    width: 100%;
    height: 95vh !important;
}
.div-iframe iframe {
    height: 90vh;
}
</style>  
<?php error_reporting(0); ?> 

<div class="container-fluid">
    <div class="row">            
        <div class="col-md-12 no-pad">
            <?php if ($type == 'vid'): ?>                
                <?php if($data_video_2){ ?>
                <div class="col-md-6 img-div m-top-15">
                    <div class="col-md-12 img-div-header"><strong>Video 1</strong></div>        
                    <div class="col-md-12 dna-files">
                        <div class="div-iframe">
                            <iframe src="<?php echo $data_video_2; ?>"></iframe> 
                        </div>
                    </div>         
                </div> 
                <?php } ?>              
                <?php if($data_video360){ ?>
                <div class="col-md-6 img-div m-top-15">
                    <div class="col-md-12 img-div-header"><strong>Video 2</strong></div>        
                    <div class="col-md-12 dna-files">
                        <div class="div-iframe">
                            <iframe src="<?php echo $data_video360; ?>"></iframe>
                        </div>
                    </div>         
                </div>         
                <?php } ?>           
            <?php endif ?>
            
                <?php if ($type == 'img'): ?>                
                <?php if($data_still_2){ ?>
                <div class="col-md-6 img-div m-top-15">
                    <div class="col-md-12 img-div-header"><strong>Image 1</strong></div>
                    <div class="col-md-12 dna-files">
                        <img id="data_still_2" src="<?php echo $data_still_2; ?>">
                    </div>        
                </div> 
                <?php } ?>
                <?php if($data_still){ ?>
                <div class="col-md-6 img-div m-top-15">
                    <div class="col-md-12 img-div-header"><strong>Image 2</strong></div>
                    <div class="col-md-12 dna-files">
                        <img id="data_still" src="<?php echo $data_still; ?>">
                    </div>        
                </div>        
                <?php } ?>
            <?php endif ?>
            
        </div>
    </div>

</div>

</body>
</html>