<style>
    .panel-heading a {
        opacity: 1;
    }
    .nav-tabs-fillup>li.active>a{
        color:#fff !important;
    }
    .nav-tabs-fillup>li>a:after{
        background: none repeat scroll 0 0 #4c0870 ;
        border: 1px solid #4c0870 ;
    }
</style>
<div class="container-fluid container-fixed-lg bg-white">
    <div class="panel panel-transparent">
        <div class="panel-heading">
            <div class="panel-title"> <?php print CommonLanguage::getMessage('template_stock');?></div>
            <div class="panel-body">
                <div class="row">
                    <ul class="nav nav-tabs nav-tabs-fillup hidden-sm hidden-xs" data-init-reponsive-tabs="dropdownfx">
                        <li class="active">
                            <a data-toggle="tab" href="#slide1" aria-expanded="true"><span><?php print CommonLanguage::getMessage('fifo');?></span></a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#slide2" aria-expanded="false"><span><?php print CommonLanguage::getMessage('lifo');?></span></a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#slide3" aria-expanded="false"><span><?php print CommonLanguage::getMessage('average');?></span></a>
                        </li>
                    </ul><div class="nav-tab-dropdown cs-wrapper full-width p-t-10 visible-xs visible-sm"><div class="cs-select cs-skin-slide full-width" tabindex="0"><span class="cs-placeholder">Home</span><div class="cs-options"><ul><li data-option="" data-value="#slide1"><span>Home</span></li><li data-option="" data-value="#slide2"><span>Profile</span></li><li data-option="" data-value="#slide3"><span>Messages</span></li></ul></div><select class="cs-select cs-skin-slide full-width" data-init-plugin="cs-select"><option value="#slide1" selected="">Home</option><option value="#slide2">Profile</option><option value="#slide3">Messages</option></select><div class="cs-backdrop"></div></div></div>
                    <div class="tab-content">
                        <div class="tab-pane slide-left active" id="slide1">
                            <div class="row column-seperation">
                                <div class="col-md-12">
                                    <h3>
                                        <span class="semi-bold"><?php print CommonLanguage::getMessage('fifo');?>: </span><?php print CommonLanguage::getMessage('fifo_hint');?>
                                    </h3>
                                </div>
                                <div class="col-md-12">
                                    <h3 class="semi-bold"><?php print CommonLanguage::getMessage('ie');?></h3>
                                    <table class="table">
                                        <thead>
                                            <th><?php print CommonLanguage::getMessage('Date');?></th>
                                            <th><?php print CommonLanguage::getMessage('transaction');?></th>
                                            <th><?php print CommonLanguage::getMessage('product');?></th>
                                            <th><?php print CommonLanguage::getMessage('quantity');?></th>
                                            <th><?php print CommonLanguage::getMessage('price_per_unit');?></th>
                                            <th><?php print CommonLanguage::getMessage('total');?></th>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>2016-07-01</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>2,000</td>
                                                <td>30</td>
                                                <td>60,000</td>
                                            </tr>
                                            <tr>
                                                <td>2016-07-25</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>900</td>
                                                <td>35</td>
                                                <td>31,500</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-04</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>2,500</td>
                                                <td>2,000 @ 30 <br>500 @ 35</td>
                                                <td>60,000  <br>17,500 <hr>77,500</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-07</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>3,000</td>
                                                <td>33</td>
                                                <td>99,000</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-11</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>310</td>
                                                <td>35</td>
                                                <td>10,850</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-20</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>1,090</td>
                                                <td>90 @ 35 <br>1,000 @ 33</td>
                                                <td>3,150  <br>33,000 <hr>36,150</td>
                                            </tr>
                                            <tr>
                                                <td>2016-07-01</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>700</td>
                                                <td>30</td>
                                                <td>21,000</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="col-md-4 pull-right">
                                        <table class="table table-bordered">
                                            <thead>
                                                <th><?php print CommonLanguage::getMessage('current_quantity');?></th>
                                                <th><?php print CommonLanguage::getMessage('price_per_unit');?></th>
                                                <th><?php print CommonLanguage::getMessage('total');?></th>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>2,000</td>
                                                    <td>33</td>
                                                    <td>66,000</td>
                                                </tr>
                                                <tr>
                                                    <td>700</td>
                                                    <td>30</td>
                                                    <td>21,000</td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td class="bold"><?php print CommonLanguage::getMessage('stock_value');?>:</td>
                                                    <td class="bold">87,000</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane slide-left" id="slide2">
                            <div class="row">
                                <div class="col-md-12">
                                    <h3>
                                        <span class="semi-bold"><?php print CommonLanguage::getMessage('lifo');?>: </span><?php print CommonLanguage::getMessage('lifo_hint');?>
                                    </h3>
                                </div>
                                <div class="col-md-12">
                                    <h3 class="semi-bold"><?php print CommonLanguage::getMessage('ie');?></h3>
                                    <table class="table">
                                        <thead>
                                            <th><?php print CommonLanguage::getMessage('Date');?></th>
                                            <th><?php print CommonLanguage::getMessage('transaction');?></th>
                                            <th><?php print CommonLanguage::getMessage('product');?></th>
                                            <th><?php print CommonLanguage::getMessage('quantity');?></th>
                                            <th><?php print CommonLanguage::getMessage('price_per_unit');?></th>
                                            <th><?php print CommonLanguage::getMessage('total');?></th>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>2016-07-01</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>2,000</td>
                                                <td>30</td>
                                                <td>60,000</td>
                                            </tr>
                                            <tr>
                                                <td>2016-07-25</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>900</td>
                                                <td>35</td>
                                                <td>31,500</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-04</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>2,500</td>
                                                <td>900 @ 35<br> 1,600 @ 30 </td>
                                                <td>31,500 <br> 48,000 <hr>79,500</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-07</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>3,000</td>
                                                <td>33</td>
                                                <td>99,000</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-11</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>310</td>
                                                <td>33</td>
                                                <td>10,230</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-20</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>1,090</td>
                                                <td>33</td>
                                                <td>35,970</td>
                                            </tr>
                                            <tr>
                                                <td>2016-07-01</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>700</td>
                                                <td>30</td>
                                                <td>21,000</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="col-md-4 pull-right">
                                        <table class="table table-bordered">
                                            <thead>
                                                <th><?php print CommonLanguage::getMessage('current_quantity');?></th>
                                                <th><?php print CommonLanguage::getMessage('price_per_unit');?></th>
                                                <th><?php print CommonLanguage::getMessage('total');?></th>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>400</td>
                                                    <td>30</td>
                                                    <td>12,000</td>
                                                </tr>
                                                <tr>
                                                    <td>1,600</td>
                                                    <td>33</td>
                                                    <td>52,800</td>
                                                </tr>
                                                <tr>
                                                    <td>700</td>
                                                    <td>30</td>
                                                    <td>21,000</td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td class="bold"><?php print CommonLanguage::getMessage('stock_value');?>:</td>
                                                    <td class="bold">85,800</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane slide-left" id="slide3">
                            <div class="row">
                                <div class="col-md-12">
                                    <h3>
                                        <span class="semi-bold"><?php print CommonLanguage::getMessage('average');?>: </span></h3>
                                    <p style="font-size:1.3em"><?php print CommonLanguage::getMessage('average_hint');?>
                                        <br></p>
                                    <h5> <span class="semi-bold" style="color:red"><?php print CommonLanguage::getMessage('unit_cost_eq');?></span></h5>
                                </div>
                                <div class="col-md-12">
                                    <h3 class="semi-bold"><?php print CommonLanguage::getMessage('ie');?></h3>
                                    <table class="table">
                                        <thead>
                                            <th><?php print CommonLanguage::getMessage('Date');?></th>
                                            <th><?php print CommonLanguage::getMessage('transaction');?></th>
                                            <th><?php print CommonLanguage::getMessage('product');?></th>
                                            <th><?php print CommonLanguage::getMessage('quantity');?></th>
                                            <th><?php print CommonLanguage::getMessage('price_per_unit');?></th>
                                            <th><?php print CommonLanguage::getMessage('total');?></th>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>2016-07-01</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>2,000</td>
                                                <td>30</td>
                                                <td>60,000</td>
                                            </tr>
                                            <tr>
                                                <td>2016-07-25</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>900</td>
                                                <td>35</td>
                                                <td>31,500</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-04</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>2,500</td>
                                                <td>31.55<span style="color:red">*</span> </td>
                                                <td>78,875</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-07</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>3,000</td>
                                                <td>33</td>
                                                <td>99,000</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-11</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>310</td>
                                                <td>32,28<span style="color:red">*</span></td>
                                                <td>10,006.8</td>
                                            </tr>
                                            <tr>
                                                <td>2016-08-20</td>
                                                <td>Sells</td>
                                                <td>Printer HP</td>
                                                <td>1,090</td>
                                                <td>32.28<span style="color:red">*</span></td>
                                                <td>35,185.2</td>
                                            </tr>
                                            <tr>
                                                <td>2016-07-01</td>
                                                <td>Purchases</td>
                                                <td>Printer HP</td>
                                                <td>700</td>
                                                <td>30</td>
                                                <td>21,000</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="col-md-6">
                                        <span style="color:red">*<?php print CommonLanguage::getMessage('unit_cost');?> :</span>
                                        <p style="color:red"> 31.55 = (60,000+31,500) / (2,000+900)</p>
                                        <p style="color:red"> 32.28 = (60,000+31,500+99,000) / (2,000+900+3,000)</p>
                                        <p style="color:red"> 32.04 = (60,000+31,500+99,000+21,000) / (2,000+900+3,000+700)</p>
                                    </div>
                                    <div class="col-md-4 pull-right">
                                        <table class="table table-bordered">
                                            <thead>
                                                <th><?php print CommonLanguage::getMessage('current_quantity');?></th>
                                                <th><?php print CommonLanguage::getMessage('price_per_unit');?></th>
                                                <th><?php print CommonLanguage::getMessage('total');?></th>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>2,700</td>
                                                    <td>32.04<span style="color:red">*</span></td>
                                                    <td>86,508</td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td class="bold"><?php print CommonLanguage::getMessage('stock_value');?>:</td>
                                                    <td class="bold">86,508</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
