@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/my-leave') !!}">My Leave</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> Leave List</h2>

            </div>
            <div class="box-content">
                <table id="example" class="display" cellspacing="0" width="100%">
                    <thead>
                    <tr>
                        <th>Username</th>
                        <th>Leave Date</th>
                        <th>Leave Day</th>
                        <th>Leave Catagory</th>
                        <th>Leave Reason</th>
                        <th>Status</th>
                    </tr>
                    </thead>
                    <tbody>
                                        <tr>
                        <td>No data are available</td>
                        <td>No data are available</td>
                        <td>No data are available</td>
                        <td>No data are available</td>
                        <td>No data are available</td>
                        <td>No data are available</td>
                    </tr>
                                        </tbody>
                </table>
            </div>
        </div><!--/span-->

    </div>
    </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