@extends('layouts.website.website')
@section('content')
<!--main content start-->
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <section class="panel">
            <header class="panel-heading clearfix">
                <section class="col-md-5 pull-left row">
                    Activities By <strong style="color: #009988; text-transform: capitalize;" >Mr Receptionist</strong>
                    ( Today )
                </section>



                                    <section class="col-md-5 no-print row pull-left">
                        <a href="finance/UserActivityReport?user=614">
                            <div class="btn-group">
                                <button id="" class="btn green">
                                    <i class="fa fa-search"></i> Today
                                </button>
                            </div>
                        </a>
                        <a href="finance/UserActivityReport?user=614&yesterday='all'">
                            <div class="btn-group">
                                <button id="" class="btn ">
                                    <i class="fa fa-search"></i> Yesterday
                                </button>
                            </div>
                        </a>

                        <a href="finance/UserActivityReport?user=614&all='all'">
                            <div class="btn-group">
                                <button id="" class="btn ">
                                    <i class="fa fa-search"></i> All                                </button>
                            </div>
                        </a>
                    </section>

                    <section class="col-md-1 pull-right">
                        <div class="">
                            <button class="btn btn-info green no-print pull-right" onclick="javascript:window.print();">Print</button>
                        </div>
                    </section>





            </header>
            <style>
                .img_url{
                    height:20px;
                    width:20px;
                    background-size: contain;
                    max-height:20px;
                    border-radius: 100px;
                }
                .option_th{
                    width:33%;
                }
                .clearfix{
                    margin-bottom: 0px;
                }

                .total td{
                    background: yellow;
                }
            </style>
            <div class="col-md-12">


                    <section class="col-md-6 no-print">
                        <form role="form" class="f_report" action="finance/userActivityReportDateWise" method="post" enctype="multipart/form-data">
                            <div class="form-group">
                                <!--     <label class="control-label col-md-3">Date Range</label> -->
                                <div class="col-md-6">
                                    <div class="input-group input-large" data-date="13/07/2013" data-date-format="mm/dd/yyyy">
                                        <input type="text" class="form-control dpd1" name="date_from" value="" placeholder="Date From" readonly="">
                                        <span class="input-group-addon">to</span>
                                        <input type="text" class="form-control dpd2" name="date_to" value="" placeholder="Date To" readonly="">
                                        <input type="hidden" class="form-control dpd2" name="user" value="614">
                                    </div>
                                    <div class="row"></div>
                                    <span class="help-block"></span>
                                </div>
                                <div class="col-md-6 no-print">
                                    <button type="submit" name="submit" class="btn btn-info range_submit">Submit</button>
                                </div>
                            </div>
                        </form>
                    </section>








            </div>
            <div class="col-md-8 row">
                <div class="adv-table editable-table ">
                    <header class="panel-heading">
                        All Bills                    </header>
                    <div class="space15"></div>
                    <table class="table table-striped table-hover table-bordered" id="editable-samples">
                        <thead>
                            <tr>
                                <th class="">Date</th>
                                <th class="">Invoice #</th>
                                <th class="">Bill Amount</th>
                                <th class="">Deposit</th>
                            </tr>
                        </thead>
                        <tbody>




                            <tr class="total">
                                <td></td>
                                <td> <strong> Total </strong></td>
                                <td> <strong> $ 0 </strong></td>
                                <td> <strong> $ 0 </strong></td>

                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>

            <div class="col-md-4">







                <section class="panel">
                    <div class="weather-bg">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-4">
                                    <i class="fa fa-money"></i>
                                    Total Bill Amount
                                </div>
                                <div class="col-xs-8">
                                    <div class="degree">
                                        $                                        0                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="panel">
                    <div class="weather-bg">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-4">
                                    <i class="fa fa-money"></i>
                                    Total Deposit Amount                                </div>
                                <div class="col-xs-8">
                                    <div class="degree">
                                        $                                        0                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="panel red"  style="border: 2px solid red; color: red;">
                    <div class="weather-bg">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-4">
                                    <i class="fa fa-money"></i>
                                    Due Amount                                </div>
                                <div class="col-xs-8">
                                    <div class="degree">
                                        $                                        0                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>


            </div>
        </section>
        <!-- page end-->
    </section>
</section>
<!--main content end-->
<!--footer start-->



<script>
    $(document).ready(function () {
        $('#editable-samplee').DataTable();
    });
</script>

@endsection