{% 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/autocomplete.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/register.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/tipped.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap3-wysihtml5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/jquery-ui.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/profile.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/zebra_tooltips.css') }}">
    <style type="text/css">
        .selectInstitute{cursor: pointer;}
        .instList{max-height: 100px;overflow-y: scroll;margin: 10px 0;}
    </style>

{% 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-body content">
            <legend>
                Expert added successfully.
            </legend>

            {% endblock %}
            <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
                <table class="table">
                    <tbody>
                    <tr>
                        <td>Name</td>
                        <td>{{ data.userdetails.firstname }} {{ data.userdetails.lastname }}</td>
                    </tr>
                    <tr>
                        <td>Email</td>
                        <td>{{ data.userdetails.userEmail }}</td>
                    </tr>
                    </tbody>
                </table>
                <button class="btn btn-danger center" id="userCreated"><i class="fa fa-times-circle"></i> Close</button>
            </div>
           
           


        </div>
    {% include "footer.html.twig" %}
        <script src="{{ asset('js/app.min.js') }}"></script>
        <script type="text/javascript">
            $active = $(".addexpert");
            $active.addClass('active');
            $active.parents(".treeview-menu").addClass("menu-open").css('display','block');
            $active.parents(".treeview").addClass("active");
            $("#userCreated").click(function () {
                window.opener.location.href = window.opener.location.href;
                window.close();
            });
            $( window ).unload(function() {
                window.opener.location.href = window.opener.location.href;
            });
            
        </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.inputmask.js')}}" type="text/javascript"></script>
        <script src="{{asset('js/daterangepicker.js')}}" type="text/javascript"></script>
        <script src="{{asset('js/bootstrap-timepicker.min.js')}}" type="text/javascript"></script>
        <script src="{{asset('js/bootstrap-colorpicker.min.js')}}" type="text/javascript"></script>
        <script src="{{asset('js/bootstrap-typeahead.min.js')}}" type="text/javascript"></script>
        <script src="{{asset('js/jquery-ui.js')}}" type="text/javascript"></script>
        <script src="{{asset('js/login.js')}}" type="text/javascript"></script>

        <script src="{{ asset('js/wysihtml5-0.3.0.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('js/handlebars.runtime.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('js/bootstrap3-wysihtml5.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('js/tipped.js') }}" type="text/javascript"></script>
        <script src="{{ asset('js/admin-add-expert.js') }}" type="text/javascript"></script>
        <script src="{{ asset('js/jquery.noty.packaged.min.js') }}" type="text/javascript"></script>
{% endblock %}