{% extends '::base.html.twig' %}
{% block title %}{{ parent() }}{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col">
                {% include ':admin:left_menu.html.twig' %}
            </div>

            <!-- top navigation -->
            <div class="top_nav">
                {% include ':admin:top_nav.html.twig' %}
            </div>
            <!-- /top navigation -->

            <!-- page content -->
            <div class="right_col" role="main">
                <div class="">
                    <div class="page-title">
                        <div class="title_left">
                            <h3>Region management</h3>
                        </div>

                        <div class="title_right">
                            <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                                <div class="input-group">

                                    <span class="input-group-btn">

                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>

                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>List
                                    <small>Region list</small>
                                </h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>

                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">


                                {% if app.request.hasPreviousSession %}
                                    {% for type, messages in app.session.flashbag.all() %}
                                        {% for message in messages %}
                                            <div class="alert {% if type == 'success' %} alert-success  {% else %} alert-danger  {% endif %} alert-dismissible fade in" role="alert">
                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
                                                </button>
                                                <strong>{{ type }}!</strong> {{ message }}
                                            </div>
                                        {% endfor %}
                                    {% endfor %}
                                {% endif %}

                                <table class="table table-striped">
                                    <thead>
                                    <tr>

                                        <th>Name</th>

                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for region in regions %}
                                        <tr>
                                            <td>{{ region.name }} </td>


                                            <td >
                                                    <div style="float: right;">
                                                        <a href="{{ path('millesima_account_executive_region_edit', {'id' : region.id}) }}" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>
                                                        <a data-toggle="modal" data-target="#delete{{ region.id }}"  class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>
                                                    </div>

                                            </td>
                                        </tr>
                                        <!-- modal -->
                                        <div id="delete{{ region.id }}" class="modal fade bs-delete-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                            <div class="modal-dialog modal-md">
                                                <div class="modal-content">

                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                                                        </button>
                                                        <h4 class="modal-title" id="myModalLabel2">Are you sure you want to delete this Region?</h4>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                        <a href="{{ path('millesima_account_executive_region_delete', {'id' : region.id}) }}" class="btn btn-danger ">Delete</a>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}

                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
            {% include 'commun/footer.html.twig' %}
        </footer>
        <!-- /footer content -->
    </div>
    </div>
    {% block javascripts %}
        {{ parent() }}
    {% endblock %}

{% endblock %}