<html>
    <head>
        <title><?php echo $b_header['title']; ?></h3></title>
        <style>
            @media print
            {
                * {-webkit-print-color-adjust:exact;}
                @page {margin:0in 0.10in 0in 0in; }
                .super_container
                {
                    page-break-after: always;
                    margin-top:0.25in;
                    position:relative;
                    width:100vw;
                    height:710px;
                }
            }
            body {margin: 0.25in 0.25in 0.63in 0.25in; box-sizing:border-box;width:100vw; height:100vh;padding-bottom:0.63in;}
            *{margin:0;padding:0;font-family:calibri;}
            .clear:after{content:"";clear:both;display:block;}
            .left{float:left;}
            .right{float:right;}
            .wd-10{width:10%;}
            .wd-20{width:20%;}
            .wd-30{width:30%;}
            .wd-40{width:40%;}
            .wd-50{width:50%;}
            .wd-60{width:60%;}
            .wd-70{width:70%;}
            .wd-80{width:80%;}
            .wd-90{width:90%;}
            .wd-100{width:100%;}
            .wd-15{width:15%;}
            .wd-25{width:25%;}
            .wd-35{width:35%;}
            .wd-45{width:45%;}
            .wd-55{width:55%;}
            .wd-65{width:65%;}
            .wd-75{width:75%;}
            .wd-85{width:85%;}
            .wd-95{width:95%;}
            .wd-100{width:100%;}
            .title{font-size:35px;}
            .super_container
            {
                margin-bottom:200px;
                position:relative;
                width:100vw;
                height:710px;
            }
            .wrapper{
                border:4px dotted #0e2746;
                outline: 7px double #0e2746;
                outline-offset: 5px;
                box-sizing: border-box;
                padding:5px;
            }
            .super_wrapper
            {
                position:absolute;
                top:0;
                left:0;
                width:100%;
                z-index:120;
                margin:0;
                padding:0;
            }
            .watermark
            {
                height:200px;
                width:300px;
                margin:auto;
                padding-top:50px;
                padding-left:100px;
                opacity:0.1;
                background:url("<?php echo base_url().$b_header['logo1']; ?>");
                background-size:100% 100%;
            }
            .watermark_wrapper
            {
                height:470px;
                width:100%;
                margin-top:50px;
                display:inline-flex;
                display:-webkit-inline-flex;
             }
            .wrapper.left2{
                width: calc(90vw);
                margin-right: 20px;
                margin-left: 20px;
            }
            h1,h2,h3{
                color:#0e2746;
                font-family:calibri;
                text-align:center;
            }
            .boxed{background:#0e2746;color:#fff;width:80%;margin:0 auto;}
            .header{
                width:100%;
                border-bottom:4px double #0e2746;            
            }
            .body{
                padding:10px;
            }
            .row{
                width:100%;
                margin: 0px auto;  
            }
            .text-center{text-align:center;}
            .bold{font-weight:bold;}
            .b-u-l{
                border-bottom: 1px solid #000;
                height:inherit;
            }
            .x-small{
                font-size: 10px;
            }
            .x-x-small{
                font-size: 7px;
            }
            .page_break{
                width: 100vw;
                height: 100vh;
                padding: 10px 0px;
                box-sizing: border-box;
            }
            .tbl1
            {
                border: 2px dotted #000;
                text-align:center;
                width:100%;
                min-height:20px;
            }
            th{
                color: #fff;
                border: 2px dotted #000;
                background-color:#0e2746; 
                padding: 3px !important;
            }
            td{
                border: 2px dotted #000;
                padding: 2px !important;
            }
            .normal{
                font-weight: normal !important;
            }
            .text-right{
                text-align: right !important;
            }
            .text-left{
                text-align: left !important;
            }
            .margin-a{margin: 30px auto 0px auto;}
        </style>
    </head>
    <body class="clear">
        <?php date_default_timezone_set("Asia/Karachi"); ?>
        <div class="super_container">
            <div class="page_break clear">
                <div class="watermark_wrapper">
                    <div class="watermark"></div>
                </div>
                <div class="super_wrapper">
                    <div class="wrapper left2 left">
                        <div class="header">
                            <div class="wd-100 clear">
                                <div class=" text-left left ">
                                   <img src="<?php echo base_url()?>assets/images/cadet_logo.jpg" style="width:50px;height:50px;">
                                </div>
                                <div class=" text-left right ">
                                    <img src="<?php echo base_url()?>assets/images/cadet_logo.jpg" style="width:50px;height:50px;">
                                </div>
                                <div style="">
                                    <center><h1><?php echo $b_header['title']; ?></h1></center>
                                    <center><h3 style="color:#000 !important;"><i><?php echo $b_header['tagline']; ?></i></h3></center>
                                    <center><i><h3 style="color:#000 !important;font-weight:normal;"><?php echo $b_header['short_address']; ?></h3></i></center>
                                    <center><h4>Contact# <?php echo "0235-548092"; ?> / <?php echo $b_header['email']; ?></h4></center>
                                    <center><h3 class="boxed" style="margin-top:0px !important;font-size:23px;">Library Books Issue List</h3></center>
                                </div>
                            </div>
                           
                        </div>
                        <div class="body">
                            <table class="tbl1">
                                <tr>
                                    <th class="th">SR. NO.</th>
                                    
                                    <th class="th">ISBN</th>
                                    <th class="th">Book Name</th>
                                    <th class="th">User Type</th>
                                    <th class="th">ID</th>
                                    <th class="th">Name</th>
                                    <th>Status</th>
                                    
                                    
                                    <th class="th">Issue Date</th>
                                    <th>Return Date</th>
                                </tr>
                            <?php $i=1; foreach($issuebooks as $k=>$v){ ?>
                                <tr>
                                    <td class="td"><?php echo $i++; ?></td>
                                    
                                <td class="td"><?php echo $v['isbn']; ?></td>
                                <td class="td"><?php echo $this->lim->SearchByIdWithOutDel($v['item_id'],"item")['name']; ?></td>
                                    <td class="td"><?php echo ($v['user_type']==1?"Student":($v['user_type']==2?"Teacher":($v['user_type']==3?"Admin":""))); ?></td>
                                     <td><?php echo $v['user_id']; ?></td>
                                     <td>
                                <?php 
                                    if ($v['user_type']==1){ echo $this->lim->SearchByIdWithOutDel($v['user_id'],"student")['student_name'];  }  
                                    elseif($v['user_type']==2){echo $this->lim->SearchByIdWithOutDel($v['user_id'],"teacher")['firstname'];}
                                    elseif($v['user_type']==3){echo $this->lim->SearchByIdWithOutDel($v['user_id'],"staff")['firstname']; }
                                ?></td>
                                 <td><?php if($v['is_returned']==0){
                                    echo "Issued";
                                    }else
                                    { echo "Return";}?></td>
                                   <td class="td"><?php echo date("d.m.Y",strtotime($v['issue_date'])); ?></td>
                                    <td><?php echo date("d.m.Y",strtotime($v['return_date'])); ?></td>
                                
                                </tr>
                                
                            <?php } ?>
                            </table>
                           
                            
                            <div class="wd-100 clear">
                               
                                
                            </div> 
                            <div class="wd-100 clear">
                                <div class="wd-30 left text-center">
                                    <div class="row text-center bold">
                                       
                                    </div>
                                    
                                </div>
                                <div class="wd-30 left text-center">
                                    <div class="row text-center bold">
                                    </div>
                                </div>
                                <br>
                                <div class="wd-40 right text-center">
                                    <div class="row text-center bold">
                                        O/IC Library
                                    </div>
                                    <div class="wd-50 margin-a b-u-l"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script>
        window.print();
    </script>
</html>
