{% extends('Default/layout.html.twig') %}

{% block title %}Share{% endblock %}


{% block body %}
    <style>
        body {
            width:500px;
            min-height:350px;
            background:white;
            overflow: hidden;
        }

        h5 {
            font-size: 1.40rem;
        }

        /* a exporter dans un fichier */
        .d-l{
            font-size: .95em;
            padding-bottom: 10px;
            opacity:0.6;
        }

        .d-sb-t{

        }

        .d-sb{
            width:100%;
            border-top:1px #ababab solid;
            padding-top:5px;
        }
    </style>
<div class="container" id="dialog-shared">
    <div class="row">
        <div class="col s12">
            <h5>Paramètres de partage</h5>
            <div class="d-l">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                ut labore et dolore magna aliqua.</div>
            <div class="d-sb-t">Qui a accès</div>
            <div class="d-sb">
                <div class="d-lst">
                    <table class="bordered">
                        <tbody>
                        <tr>
                            <td>Alvin</td>
                            <td>Eclair</td>
                            <td>$0.87</td>
                        </tr>
                        <tr>
                            <td>Alan</td>
                            <td>Jellybean</td>
                            <td>$3.76</td>
                        </tr>
                        <tr>
                            <td>Jonathan</td>
                            <td>Lollipop</td>
                            <td>$7.00</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

    <table>
    {% for mairie in liste %}
        <tr>
            <td>{{ mairie.id }}</td><td>{{ mairie.nom }}</td>
        </tr>
    {% endfor %}
    </table>
{% endblock %}

{% block scripts %}
<script>
    var inIframe = (window!=window.top);

    inIframe = true;

    if(inIframe){
        console.log(parent.StoreContainer);
        var vmDialogShared = new Vue({
            delimiters: ['${', '}'],
            el: '#dialog-shared',
            data:{
                storeContainer: parent.StoreContainer,
            },
            created: function () {
                console.log('vmDialogShared created');
            }
        });
    } else {
        $('body').html('');
    }


</script>
{% endblock %}