@extends('Users.UserLayout')
@section('content')

<div>
    <ul class="breadcrumb">
        <li>
            <a href="{!! URL::to('user') !!}">Home</a> <span class="divider">/</span>
        </li>
        <li>
            <a href=''{!! URL::to("user/table-report") !!}'>Table Report</a>
        </li>

    </ul>
</div>
<div class="row-fluid sortable">
    <div class="box span12">
        <div class="box-header well" data-original-title>
            <h2><i class="icon-user"></i> 's Attendance List from  to </h2>

        </div>
        <div class="box-content">
            <table id="example" class="display" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <td>
                        Date
                    </td>
                    <td>
                        In Time
                    </td>
                    <td>
                        Out Time
                    </td>
                    <td>
                        Working Hour
                    </td>
                    <td>
                        Status
                    </td>
                </tr>
                </thead>
                <tbody>
                
                </tbody>
            </table>
        </div>
    </div><!--/span-->
</div>

@endsection
@section('jsBottom')
    {!! HTML::script('js/jquery.dataTables.js') !!}
    {!! HTML::script('js/dataTables.tableTools.js') !!}
    {!! HTML::style('css/jquery.dataTables.css') !!}
    {!! HTML::style('css/dataTables.tableTools.css') !!}
    <script type="text/javascript" language="javascript" class="init">
        $(document).ready(function() {
            $('#example').DataTable( {
                dom: 'T<"clear">lfrtip'
            } );
        } );
    </script>
@endsection