<div class="tab-pane" id="documents">
    <form role="form">
        <div class="box-body">
            <div class="form-group col-md-6">
                <label>Select Document Type</label>
                <select class="form-control">
                    <option>Select</option>
                    <option>Identity</option>
                    <option>Offer Letter</option>
                    <option>PAN Card</option>
                    <option>Others</option>

                </select>
            </div>
            <div class="form-group col-md-6">
                <label for="exampleInputFile">Document File</label>
                <input type="file" id="exampleInputFile">
                <p class="help-block">Upload User Document.</p>
            </div>
            <div class="form-group col-md-6">
                <button type="submit" class="btn btn-primary btn-flat">Upload</button>
            </div>
        </div><!-- /.box-body -->


    </form>

    <div class="row">

        <div class="col-md-12">
            <div class="box-body">
                <table class="table table-bordered table-hover">
                    <tr>
                        <th style="width: 180px">Document Reference</th>
                        <th>Type</th>
                        <th>file</th>
                        <th style="width: 150px">Action</th>
                    </tr>
                    @for ($i = 1; $i < 4; $i++)
                        <tr>
                            <td>UDC0000000{{ $i }}</td>
                            <td>Identity</td>
                            <td>adhaar.pdf</td>

                            <td>
                                <div class="btn-group">
                                    <a href="{{route('hr.staff.view')}}" type="button" class="btn btn-info btn-flat">View</a>
                                    <button type="button" class="btn btn-info btn-flat dropdown-toggle"
                                        data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="{{route('hr.staff.view')}}">View</a></li>
                                        <li><a href="#">Download</a></li>

                                        <li class="divider"></li>
                                        <li><a href="#">Remove</a></li>

                                    </ul>
                                </div>
                            </td>
                        </tr>
                    @endfor

                </table>
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
                <ul class="pagination pagination-sm no-margin pull-right">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>


        </div>

    </div>
</div>
