{% extends "@front/base/front.twig" %}

{% block content %}

    <div class="container">
        <div class="row">
            <div class="col-12 col-md-10">
                <form id="formEdit" method="post" action="{{ path('front:client:save', {uid: client.uid|default}) }}">
                    <div class="form-group">
                        <label for="col-form-label uid">Id</label>
                        <input id="uid" name="uid" class="form-control" type="text" value="{{ client.uid|default }}" placeholder="Client ID" disabled readonly>
                    </div>
                    <div class="form-group">
                        <label for="col-form-label name">Name</label>
                        <input id="name" name="name" class="form-control" type="text" value="{{ client.name|default }}" placeholder="Name of the client">
                    </div>
                    <div class="form-group">
                        <label for="col-form-label description">Description</label>
                        <textarea id="description" name="description" class="form-control" placeholder="Description">{{ client.description|default }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="col-form-label access">Access Rights</label>

                        {% set rights = {
                            (constant('CND\\Kraken\\Entities\\Client::IMPORT')): "Import",
                            (constant('CND\\Kraken\\Entities\\Client::FIND')):   "Find",
                            (constant('CND\\Kraken\\Entities\\Client::UPDATE')): "Update",
                            (constant('CND\\Kraken\\Entities\\Client::DELETE')): "Delete",
                        } %}

                        <table class="table table-sm table-borderless table-hover">
                            <thead>
                               <tr>
                                   <th scope="col"></th>
                                   {% for right,label in rights %}
                                       <th scope="col">{{ label }}</th>
                                   {% endfor %}
                               </tr>
                            </thead>
                            <tbody>
                                <tr scope="row" class="table-secondary">
                                    <input type="hidden" id="access-global" name="access[global]" value="{{ client.access.global|default(0) }}"/>
                                    <td>Global</td>

                                    {% for right,label in rights %}
                                        <td>
                                            {% if right|bitAnd(constant('CND\\Kraken\\Entities\\Client::GLOBAL_RIGHTS')) %}
                                            <input type="checkbox" class="accessEdit" data-target="access-global" value="{{ right }}" {{ client.access.global|default(0)|bitAnd(right) ? 'checked="checked"' }}>
                                            {% endif %}
                                        </td>
                                    {% endfor %}
                                </tr>

                            {% for source in sources %}
                                <tr scope="row">
                                    <input type="hidden" id="access-source-{{ source.uid }}" name="access[source][{{ source.uid }}]" value="{{ client.access.source[source.uid]|default(0) }}"/>
                                    <td><span title="{{ source.description|default }}">{{ source.name }}</span></td>

                                    {% for right,label in rights %}
                                        <td>
                                            {% if right|bitAnd(constant('CND\\Kraken\\Entities\\Client::SOURCE_RIGHTS')) %}
                                            <input type="checkbox" class="accessEdit" data-target="access-source-{{ source.uid }}" value="{{ right }}" {{ client.access.source[source.uid]|default(0)|bitAnd(right) ? 'checked="checked"' }}>
                                            {% endif %}
                                        </td>
                                    {% endfor %}
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>

                    </div>
                    <div class="form-group">
                        <label for="col-form-label public">Public Key</label>
                        <textarea id="public" name="public" class="form-control" rows="10"  placeholder="Public Key">{{ client.public|default }}</textarea>
                    </div>
                    <button class="btn btn-primary clientSave">Submit</button>
                    {% if client.uid|default %}
                    <button class="btn btn-danger clientDelete">Delete</button>
                    {% endif %}
                </form>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function(){

            $('button.clientSave').on('click',function(e){
                e.preventDefault();
                $('#formEdit').submit();
            });

            {% if client.uid|default %}
            $('button.clientDelete').on('click',function(e){
                e.preventDefault();
                if (confirm('Are you sure you what to delete this client? This cannot be undone!')){
                    $('#formEdit').attr("action","{{ path('front:client:delete',{'uid': client.uid|default}) }}");
                    $('#formEdit').submit();
                }
            });
            {% endif %}

            $('.accessEdit').on('change', function(){
                var value = 0;
                var target = $(this).data('target');

                $('.accessEdit[data-target='+target+']').each(function(){
                    var self = $(this);
                    if(self.is(':checked'))
                        value += self.val() * 1;
                });

                $('#'+target).val(value);

                console.log('SET '+target+' TO '+value);
            });

        });

    </script>

{% endblock %}