<?php

/* 
 * Author       : Kowsalya K
 * Purpose      : The view page for Kumbabishegam Billing
 * Created On   : 2016-08-09
 */
?>
<aside class="right-side">
    <section class="content-header">
        <div class="title_bar">
            <h1 class="major_txt_color"><a href="<?php echo get_bill_list_url(); ?>" class="list-btn"><i class="fa fa-list" title="Go to Listing"></i></a><?php echo $title; ?> - View</h1>
            <div class="breadcrumb_container"><?php echo breadcrumb_links();?></div>
        </div>
    </section>
    <?php $general = get_general_setting();?>
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-danger">
                    <div class="box-body row" style="padding: 10px 15px 0px 15px;">
                        <div class="col-xs-12 tabs">
                            <div class="col-md-4 active autoload"><i class="fa fa-paper-plane-o"></i> <?php echo (($general->prefix == 1) ? $building->prefix : '') . $building->receipt_no;?><div id="curve"></div><div id="padder"></div></div>
                            <div class="col-md-4" data-target="#tab-2"><i class="fa fa-paper-plane-o"></i> Payments</div>
                        </div>     
                        
                        
                        <div class="col-xs-12 tab view-form">
                            <div class="col-md-6" style="margin-top: 15px;">        
                                <!--<div class="form-group">
                                    <label>Receipt No</label>
                                    <div class="lbl-value"><?php echo text($building->receipt_no);?></div>
                                </div>-->
                                
                                <div class="form-group">
                                    <label>Type</label>
                                    <div class="lbl-value"><?php echo text($building->service);?></div>
                                </div>
                            </div>
                            
                            <div class="col-xs-12 blck">
                                <div class="sub-title" ><h4><i class="fa fa-fire" style="font-size: 14px;"></i> Contact Details</h4><i class="ctrl opener opened fa fa-chevron-up" style="float: right; margin-top: -25px;"></i></div>
                                <div class="blck-content col-xs-12">
                                    <div class="col-md-6">        
                                        <div class="form-group">
                                            <label>Name</label>
                                            <div class="lbl-value"><?php echo text($building->name);?></div>
                                        </div>

                                        <div class="form-group">
                                            <label>Contact No</label>
                                            <div class="lbl-value"><?php echo text($building->contact_no);?></div>
                                        </div>
                                       
                                        <div class="form-group float-clear">
                                            <label>Email Id</label>
                                            <div class="lbl-value"><?php echo text($building->email);?></div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-6">        
                                        <div class="form-group">
                                            <label>Name (T)</label>
                                            <div class="lbl-value">
                                                <?php echo (!empty($building->tamil_name)) ? '<span class="lang-tamil">' . $building->tamil_name . '</span>' : 'N/A';?>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group float-clear">
                                            <label>Address</label>
                                            <div class="lbl-value"><?php echo text(nl2br($building->address));?></div>
                                        </div>
                                    </div>
                                </div> <!-- blck-content -->    
                            </div> <!-- blck -->

                            <div class="col-xs-12 blck">
                                <div class="sub-title" ><h4><i class="fa fa-fire" style="font-size: 14px;"></i> Cost Details</h4><i class="ctrl opener fa fa-chevron-up opened" style="float: right; margin-top: -25px;"></i></div>
                                <div class="blck-content col-xs-12" style="min-height: 200px;">
                                    <div class="col-md-6">     
                                        <div class="form-group float-clear">
                                            <label>Amount</label>
                                            <div class="lbl-value"><?php echo '$ ' . text($building->amount);?></div>
                                        </div>

                                    </div>
                                    
                                    <div class="col-md-6">                                    
                                        <div class="form-group float-clear">
                                            <label>Description</label>
                                            <div class="lbl-value"><?php echo text(nl2br($building->desc));?></div>
                                        </div>
                                    </div>
                                </div> <!-- blck-content -->    
                            </div> <!-- blck -->

                        </div> <!-- Tab 1 -->
                        
                        <!-- Tab 2 -->
                        <div class="col-xs-12 tab" id="tab-2">
                            <div class="resp-table tab-wrapper">

                                <div style="margin-top: 10px; border-top: 1px dotted #1ba; padding: 20px 0px;">
                                    <div class="row">
                                        <?php
                                            $step = 4; $style = 'padding: 0px 2px;';
                                            foreach( $payments as $k => $pay ) :
                                                echo '<div class="col-md-'. floor( 12 / $step ) .'">';
                                                ?>
                                                    
                                                        <div class="form-group float-clear blck-content ptype-box">
                                                            <label style="width: 100%; padding: 5px; margin-bottom: 30px; border-bottom: 1px dotted #1ba;"><?php echo $pay->name; ?></label>
                                                            <div style="width: 60px; height: 60px; margin-top: 45px; position: absolute; left: 20px;"><img src="<?php echo base_url() . DIR_PAY_TYPE . $pay->img_url; ?>"></div>
                                                            <div class="lbl-value" style="border-bottom: none; text-align: right;"><?php echo $pay->pay_amount; ?></div>
                                                        </div>
                                                   
                                                <?php
                                                echo '</div>';
                                                
                                                if( ($k+1) % $step == 0 ) :
                                                    echo '</div><div class="row">';
                                                endif;
                                            endforeach;
                                        ?>
                                    </div>
                                </div>
                                
                                <div class="col-xs-12">
                                    <div class="col-md-9" style="<?php echo $style; ?>">                                    
                                        <div class="form-group">
                                            <div style="color: #999; text-align: right;"><i class="fa fa-rubee"></i>Total Paid Amount :</div>
                                        </div>
                                    </div>    
                                    <div class="col-md-3" style="<?php echo $style; ?>">                                    
                                        <div class="form-group" style="padding-left: 15%;">
                                            <div class="lbl-value"  style="width: 100%; color: #1ba; text-align: right;"><?php echo $paid_amount->paidAmount; ?></div>
                                        </div>
                                    </div>    
                                </div>
                                
                            </div> <!-- Tab - wrapper -->
                        </div> <!-- Tab 2 Payment types -->
                        
                        
                    </div> <!-- /.box body -->
                </div><!-- /.box -->
                
            </div><!-- /.col-xs-12 -->
        </div><!-- /.row -->
    </section><!-- /.content -->
</aside>

