{% extends 'Admin/base.html.twig' %}
{% block title %}
OceanExpert | Add Expert
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{{ asset('css/admin-style.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/select2.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/select2-bootstrap.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/AdminLTE.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/tipped.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">

{% endblock %}

{% block body %}
{% include('navbarlogin.html.twig') %}
<div class="wrapper">

    {% block sidebar %}
    {% include('Admin/adminSidebar.html.twig') %}
    {% endblock %}

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">

            <ol class="breadcrumb">
                <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-home"></i> Home</a></li>
                <li class="active"><i class="fa fa-user-plus"></i> Add Expert</li>
            </ol>
        </section>
        {% block content %}
                <div class="box-header">
                    <h3 class="box-title">Data Table With Full Features</h3>
                </div>
                <!-- /.box-header -->
                <div class="col-md-3 search-display">
                    Displaying {{ data.getPaginationData.firstItemNumber }}
                    – {{ data.getPaginationData.lastItemNumber }} results of {{ data.getTotalItemCount }}.
                </div>
                <div class="box-body">
                    <table id="allExpert" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Position</th>
                            <th>Organiztion</th>
                            <th>Email</th>
                            <th>Country</th>
                            <th>Date</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for expert in data.items %}
                            <tr>
                                <td><a href="{{ path('view_profile', {'user': expert.id_ind}) }}" target="_blank"><strong>{{ expert.id_ind }}</strong></a></td>
                                <td><a href="{{ path('view_profile', {'user': expert.id_ind}) }}" target="_blank"><strong>{{ expert.fname ~ ' ' ~ expert.sname }}</strong></a></td>
                                <td>{{ expert.jobtitle }}</td>
                                <td>Organiztion</td>
                                <td>Email</td>
                                <td>Country</td>
                                <td>Date</td>
                                <td>Action</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                        <tfoot>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Position</th>
                            <th>Organiztion</th>
                            <th>Email</th>
                            <th>Country</th>
                            <th>Date</th>
                            <th>Action</th>
                        </tr>
                        </tfoot>
                    </table>
                    <div class="col-md-6 pull-right">
                        <div class="navigation pagination-sm pull-right">
                            {{ knp_pagination_render(data) }}
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
        {% endblock %}
    </div>
</div>
    {% include "footer.html.twig" %}
    <script src="{{ asset('js/app.min.js') }}"></script>
    <script src="{{asset('js/icheck.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/validator.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/jquery-ui.js')}}" type="text/javascript"></script>
    <script src="{{ asset('js/tipped.js') }}" type="text/javascript"></script>
    <script type="text/javascript" >
        $active = $(".allexpert");
        $active.addClass('active');
        $active.parents(".treeview-menu").addClass("menu-open").css('display','block');
        $active.parents(".treeview").addClass("active");
    </script>

    {% endblock %}