{% extends 'base.html.twig' %}
{% set titleName = "Edit collaborator" %}
{% block title %} POWER DATA - {{titleName}} {% endblock %}
{% block page %}{{titleName}}{% endblock %}
{% block breadcrumb %} {% if titleName != "Home" %} {{titleName}} {% endif %} {% endblock %}
 {% block css %}


     <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css' ) }} ">

 {% endblock %}
{% block content %}
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    {{ form_start(form) }}
                    <div class="card-body">
                        <div class="form-row">
                            <div class="form-group col-12 col-md-4">
                                <label for="admin_create_account_firstname">First Name</label>
                                {{ form_widget(form.firstname) }}
                            </div>
                            <div class="form-group col-12 col-md-4">
                                <label for="admin_create_account_lastname">Last Name</label>
                                {{ form_widget(form.lastname) }}
                            </div>
                            <div class="form-group col-12 col-md-4">
                                <label for="name">Email</label>
                                {{ form_widget(form.email) }}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-12 col-md-4">
                                <label for="name">Password</label>
                                {{ form_widget(form.newPassword.first) }}
                            </div>
                            <div class="form-group col-12 col-md-4">
                                <label for="name">Confirm Password</label>
                                {{ form_widget(form.newPassword.second) }}
                            </div>
                            <div class="form-group col-12 col-md-4">
                                <label for="name">Status</label>
                                {{ form_widget(form.status) }}
                            </div>
                        </div>


                        <div class="form-row ">

                            <div class="form-group col-12 col-md-12">
                                <label for="role" >Roles</label>
                                {{ form_widget(form.role) }}
                            </div>
                            <div class="form-group col-12 col-md-12">
                                {{ form_widget(form.submit) }}
                            </div>


                        </div>


                    </div>

                    {{ form_end(form) }}
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content-->





    <style>
        input#admin_edit_account_email {
            pointer-events: none;
            background: gainsboro;
        }
    </style>

{% endblock %}


{% block script %}


    <!-- Bootstrap4 Duallistbox -->
    <script src="{{ asset('assets/plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js' ) }} "></script>
    <script>
        //Bootstrap Duallistbox
        $('.duallistbox').bootstrapDualListbox()

    </script>
{% endblock %}