{% extends 'App::layout_admin_login.html.twig' %}

{% block subtitle 'Homepage' %}

{% block fos_user_content %}


    <div class="p-t-b-10 b-b-b-l">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 m-t-b-10">
                    <strong>10,000</strong> tickets in base
                </div>
                <div class="col-sm-6 text-right m-t-b-10">
                    <ol class="breadcrumb no-p-r-l no-m no-bg no-p">
                        <li><a href="#">Home</a></li>
                        <li class="active">Tickets</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="content-padding p-t-10">  
        <div class="container">
    <div class="row m-b-20">
        <div class="col-xs-12">
            <div class="item">
                <ul class="nav nav-tabs nav-line b-b-b-l" role="tablist">
                    <li class="active"><a>All</a></li>
                    <li><a>Success</a></li>
                    <li><a>Important</a></li>
                </ul>
                <div class="wrapper top right">
                    <div class="m-t-10">
                        <a class="m-r-10 text-muted">
                            <i class="icon-software icon-software-layout-4boxes linea-sm"></i>
                        </a>
                        <a class="">
                            <i class="icon-software icon-software-layout-4lines linea-sm"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        <div class="container xs-no-p-i">
            <div class="row xs-no-m-i">
                <div class="col-xs-12 xs-no-p-i">
                    <div class="hidden-sm hidden-xs">
                        <div class="panel">
                            <div class="panel-body p-t-b-10 p-r-l-30">
                                <div class="row no-m">
                                    <div class="col-md-2 no-p">
                                        <span class="subheading text-muted">data</span>
                                    </div>
                                    <div class="col-md-7 no-p">
                                        <span class="subheading text-muted">details</span>
                                    </div>
                                    <div class="col-md-2 no-p">
                                        <span class="subheading text-muted">assignee</span>
                                    </div>
                                    <div class="col-md-1 no-p">
                                        <span class="subheading text-muted">more</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-primary b-rad-100 label-line inline-block">new</span>
                </div>
                <div class="h4 text-muted">10 mins ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face1.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">John Kun</div>
                            <div class="text-muted text-xs">Ember</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">Angular.merge breaks sce...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#angularjs</a></li>
                    
                        <li><a>#nodejs</a></li>
                    
                        <li><a>#html</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar1.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar2.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-primary b-rad-100 label-line inline-block">new</span>
                </div>
                <div class="h4 text-muted">2 hours ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face2.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Jim Yo</div>
                            <div class="text-muted text-xs">Angular</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">ngJq causes warning in...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#responsive</a></li>
                    
                        <li><a>#nodejs</a></li>
                    
                        <li><a>#html</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar3.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar4.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar7.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-success b-rad-100 label-line inline-block">success</span>
                </div>
                <div class="h4 text-muted">1 day ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face3.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Jean Done</div>
                            <div class="text-muted text-xs">Company</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">Incorrect events order with...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#angularjs</a></li>
                    
                        <li><a>#nodejs</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar6.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-danger b-rad-100 label-line inline-block">important</span>
                </div>
                <div class="h4 text-muted">2 day ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face4.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Jakum Kari</div>
                            <div class="text-muted text-xs">Hit GMBH</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">How to make animations...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#responsive</a></li>
                    
                        <li><a>#html</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar7.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-primary b-rad-100 label-line inline-block">new</span>
                </div>
                <div class="h4 text-muted">3 day ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face5.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Jose Alvarez</div>
                            <div class="text-muted text-xs">Tuluk Inc</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">Mouseleave not caught in...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#angularjs</a></li>
                    
                        <li><a>#support</a></li>
                    
                        <li><a>#responsive</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar3.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar7.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-success b-rad-100 label-line inline-block">success</span>
                </div>
                <div class="h4 text-muted">6 day ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face6.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Bam Dohh</div>
                            <div class="text-muted text-xs">Hababab</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">Context hierachy is not...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#angularjs</a></li>
                    
                        <li><a>#support</a></li>
                    
                        <li><a>#responsive</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar1.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-danger b-rad-100 label-line inline-block">important</span>
                </div>
                <div class="h4 text-muted">10 day ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face1.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Hit Manner</div>
                            <div class="text-muted text-xs">Anonymous</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">Problem with the...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#angularjs</a></li>
                    
                        <li><a>#support</a></li>
                    
                        <li><a>#responsive</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar5.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-primary b-rad-100 label-line inline-block">new</span>
                </div>
                <div class="h4 text-muted">20 day ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face5.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Right Joe</div>
                            <div class="text-muted text-xs">ASDF Co.</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">$animateCss doesnt notify...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#angularjs</a></li>
                    
                        <li><a>#support</a></li>
                    
                        <li><a>#responsive</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar4.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                    
                        <!-- START: Ticket item -->
<div class="panel panel-default">
    <div class="panel-body p-30">
        <div class="row r-sm-table bg-white">
            <div class="col-md-2 col-sm-cell">
                <div class="m-b-10">
                    <span class="label label-success b-rad-100 label-line inline-block">success</span>
                </div>
                <div class="h4 text-muted">21 day ago</div>
                <div>
                    <a>
                        <img src="/assets/img/avatars/face6.jpg" class="img-circle pull-left avatar-fix" alt="avatar">
                        <div>
                            <div class="font-normal">Bambam Ubui</div>
                            <div class="text-muted text-xs">Hibiscus</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-7 col-sm-cell">
                <h4 class="font-normal no-m m-b-10">$window.history.back...</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                </p>
                <ul class="list-unstyled tag-list inline-block no-m">
                    
                        <li><a>#angularjs</a></li>
                    
                        <li><a>#support</a></li>
                    
                        <li><a>#responsive</a></li>
                    
                </ul>
            </div>
            <div class="col-md-2 col-sm-cell">
                <div>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar6.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                        <a class="avatar m-r-3 m-b-5 inline-block">
                            <img src="/assets/img/avatar5.jpg" class="img-circle thumb-xxs" alt="pic">
                            <i class="on bottom"></i>
                        </a>
                    
                </div>
            </div>
            <div class="col-md-1 col-sm-cell">
                <a><i class="icon-arrows icon-arrows-slim-right linea-md"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- End: Ticket item -->
                     

                </div>
            </div>
        </div>
        <div class="container">
    <div class="row">
        <div class="col-md-12 text-center">
            <button class="btn btn-line btn-default btn-rounded btn-sm pull-left"><i class="fa fa-angle-left"></i> Prev</button>
            <span class="text-muted inline-block m-t-5">1/10.</span>
            <button class="btn btn-line btn-default btn-rounded btn-sm pull-right">Next <i class="fa fa-angle-right"></i></button>
        </div>
    </div>
</div>  
    </div>  


{% endblock fos_user_content %}