{{ include( 'NivaControlBundle:Shared:header.html.twig', { 'section': 'admin', 'mode': 'admin' } ) }}

{{ include( 'NivaControlBundle:Shared:sidebar.html.twig', { 'section': 'admin', 'mode': 'admin', 'active': 'system' } ) }}

<!-- main content -->
<div class="col-sm-10">
    <div class="page-header">
        {% if mode == 'new' %}
            <h1>Create New User&nbsp;</h1>
        {% else %}
        <h1>{{ user.userId }}: {{ user.username }}&nbsp;
            {% if mode != 'edit' %}
                <a href="{{ path('admin_user_edit', {'id': user.userId}) }}"><span
                            class="glyphicon glyphicon-cog"></span></a>
            {% endif %}
        </h1>
        {% endif %}
    </div>

    {% if mode == 'newProcess' %}
        <div class="alert alert-success">
            <strong>Success!</strong> <small>Temporary password is:</small> <strong>{{ password }}</strong>
        </div>
    {% endif %}

    <h3>General Information</h3>

    <form class="form-horizontal" role="form"
            {% if mode == 'new' %}  action="{{ path('admin_user_new_process') }}"
            {% elseif mode == 'edit' %} action="{{ path('admin_user_edit_process') }}"
            {% endif %}
          method="post">

        <div class="form-group">
            <label for="user" class="col-lg-2 control-label">Username</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <input type="text" class="form-control" id="username" name="username" placeholder="Username"
                           value="{{ user.username }}" required>
                {% else %}
                    <p class="form-control-static">{{ user.username }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>System username</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="user" class="col-lg-2 control-label">Full Name</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <input type="text" class="form-control" id="fullName" name="fullName" placeholder="Full Name"
                           value="{{ user.fullName }}">
                {% else %}
                    <p class="form-control-static">{{ user.fullName }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Full Name</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="streamPreviewPath" class="col-lg-2 control-label">Role</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <select class="form-control" name="role">
                        <option value="ROLE_SUPER_ADMIN" {% if user.role == 'ROLE_SUPER_ADMIN' %}selected="selected"{% endif %}>Super Admin</option>
                        <option value="ROLE_ADMIN" {% if user.role == 'ROLE_ADMIN' %}selected="selected"{% endif %}>Admin</option>
                        <option value="ROLE_CONTENT" {% if user.role == 'ROLE_CONTENT' %}selected="selected"{% endif %}>Content</option>
                        <option value="ROLE_CALLCENTER" {% if user.role == 'ROLE_CALLCENTER' %}selected="selected"{% endif %}>Call Center</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                    {% if user.role == 'ROLE_SUPER_ADMIN' %}
                        <span class="label label-primary">Super Admin</span>
                    {% elseif user.role == 'ROLE_ADMIN' %}
                        <span class="label label-info">Admin</span>
                    {% elseif user.role == 'ROLE_CONTENT' %}
                        <span class="label label-default">Content</span>
                    {% elseif user.role == 'ROLE_CALLCENTER' %}
                        <span class="label label-default">Call Center</span>
                    {% else %}
                        None
                    {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>User main role</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="path" class="col-lg-2 control-label">Active Status</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <select class="form-control" name="isActive">
                        <option value="1" {% if user.isActive == true %}selected="selected"{% endif %}>Active</option>
                        <option value="0" {% if user.isActive == false %}selected="selected"{% endif %}>Inactive</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if user.isActive == true %}
                            <span class="label label-success">Active</span>
                        {% elseif user.isActive == false %}
                            <span class="label label-default">Inactive</span>
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Status of current user</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="path" class="col-lg-2 control-label">Mobile Reporter</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <select class="form-control" name="mobileReporter">
                        <option value="1" {% if user.mobileReporter == true %}selected="selected"{% endif %}>Enabled</option>
                        <option value="0" {% if user.mobileReporter == false %}selected="selected"{% endif %}>Disabled</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if user.mobileReporter == true %}
                            <span class="label label-success">Enabled</span>
                        {% elseif user.mobileReporter == false %}
                            <span class="label label-default">Disabled</span>
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Allow Mobile Reporter apps for User?</small>
                </p>
            </div>
        </div>

        <hr>
        <h3>Email Settings</h3>

        <p>Settings for email report notification and updates</p>

        <div class="form-group">
            <label for="email" class="col-lg-2 control-label">Email</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <input type="text" class="form-control" id="email" name="email" placeholder="email"
                           value="{{ user.email }}">
                {% else %}
                    <p class="form-control-static">{{ user.email }}</p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>User primary email address</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="path" class="col-lg-2 control-label">Report Email</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <select class="form-control" name="sendReportEmail">
                        <option value="1" {% if user.sendReportEmail == true %}selected="selected"{% endif %}>YES</option>
                        <option value="0" {% if user.sendReportEmail == false %}selected="selected"{% endif %}>NO</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if user.sendReportEmail == true %}
                            <span class="label label-success">Enabled</span>
                        {% elseif user.sendReportEmail == false %}
                            <span class="label label-default">Disabled</span>
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Send Report Email?</small>
                </p>
            </div>
        </div>

        <div class="form-group">
            <label for="path" class="col-lg-2 control-label">Status Email</label>

            <div class="col-lg-6">
                {% if mode == 'edit' or mode == 'new' %}
                    <select class="form-control" name="sendStatusEmail">
                        <option value="1" {% if user.sendStatusEmail == true %}selected="selected"{% endif %}>YES</option>
                        <option value="0" {% if user.sendStatusEmail == false %}selected="selected"{% endif %}>NO</option>
                    </select>
                {% else %}
                    <p class="form-control-static">
                        {% if user.sendStatusEmail == true %}
                            <span class="label label-success">Enabled</span>
                        {% elseif user.sendStatusEmail == false %}
                            <span class="label label-default">Disabled</span>
                        {% endif %}
                    </p>
                {% endif %}
            </div>
            <div class="col-lg-4">
                <p class="form-control-static">
                    <small>Send Status Email?</small>
                </p>
            </div>
        </div>

        {% if mode == 'edit' or mode == 'new' %}
                <div class="form-group">
                    <input type="hidden" name="userId" value="{{ user.userId }}"/>

                    <div class="col-lg-offset-2 col-lg-10">
                        <button type="submit" class="btn btn-primary">Save changes!</button>
                    </div>
                </div>
        {% endif %}
    </form>


    {% if mode == 'edit' or mode == 'view' or mode == 'newProcess' %}
        <hr>
        <h3>Actions</h3>
    {% endif %}

    {% if mode == 'view' or mode == 'newProcess' %}
        <form action="{{ path('admin_user_password', {'id': user.userId}) }}" method="get">
            <div class="form-group">
                <label for="passwordButton" class="col-lg-8 control-label">Password options</label>
                <div class="col-lg-4">
                    <button type="submit" class="btn btn-primary">Change Password</button>
                </div>
                <small>Super Admin can override the users' passwords</small>
            </div>
        </form>
    {% endif %}

    {% if mode == 'edit' %}
        <form action="{{ path('admin_user_delete', {'id': user.userId}) }}" method="post">
            <div class="form-group">
                <label for="deleteButton" class="col-lg-8 control-label">Warning: This will completely erase this
                    content's data!</label>

                <div class="col-lg-4">
                    <button type="submit" id="deleteButton" class="btn btn-danger"
                            onclick="return confirm('Are you sure you want to delete \'{{ user.username }}\'?')"
                            >Delete
                    </button>
                </div>
                <input type="hidden" name="userId" value="{{ user.userId }}"/>
            </div>
        </form>
    {% endif %}

    <br/>


</div>
<!-- /main content -->

{{ include( 'NivaControlBundle:Shared:footer.html.twig' ) }}