{% extends "Intranet/Global.php.twig" %}



{% block header %}
    <title>Back Office | Home</title>


{% endblock %}

{% block scripts %}

{% endblock %}

{% block body %}


    {{ R.js('moussajax/moussaSwitch') }}
    {{ R.js('moussajax/moussaSortable') }}




    <div class="col-lg-3">

       {# <div class="input-group">
            {{ R.js('moussajax/moussaListSearch') }}
            <input type="text" class="form-control" id="searchListArtist"
                   data-moussabind="moussajax.moussaListSearch"
                   data-target="list-artist"
                   data-url="{{ R.url('ajaxSearchList',{'context' : 'Intranet',param: {} }) }}"
                   placeholder="Search Contact"
                   aria-describedby="basic-addon2">
                <span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-search "
                                                                        aria-hidden="true"></span></span>
        </div>#}

        <div style="height:30px">
            <a href="Contact">
                <button type="button" class="btn btn-xs" aria-label="Right Align">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> New Contact
                </button>
            </a>


        </div>

        <div class="list-group" id="list-contact"
             data-moussabind="moussajax.moussaSortable"
             data-url="{{ R.url('zIndexAjax',{'context' : 'Intranet' }) }}"
             data-placeholder="ui-state-highlight"
             data-axis="y"
             data-item=""
             data-ent1="Contact"
             data-ent1Id="{{ selectedId }}" data-ent2="Contact" data-handle=".poignee">

            {% for val in listContacts %}
                <a href="Contact?{{ val.contactId }}" id="item-{{ val.contactId }}"
                   class="list-group-item {{ val.onlineCwg==0 ? 'bg-stripped' : '' }} {{ selectedId==val.contactId ? 'active' : '' }} "><span
                            class="poignee"></span>{{ val.city() }} </a>
            {% endfor %}

        </div>

    </div>


<form id="form-edit-contact" data-moussabind="moussajax.moussaForm"
      data-messageTarget="box-form-contat"
      data-url="{{ R.url('ajaxSaveEditContact',{'context' : 'Intranet',param: {} }) }}">

    <input type="hidden" name="contactId" id="contactId" value="{{ selectedItem.contactId }}"/>
    <input type="hidden" name="h" id="h" value="false"/>
    <input type="hidden" name="w" id="w" value="false"/>
    <input type="hidden" name="x" id="x" value="false"/>
    <input type="hidden" name="y" id="y" value="false"/>
    <input type="hidden" name="tempMediaId" id="tempMediaId" value="false"/>

    <div class="col-lg-9">

        <div class="row">
            <div class="col-xs-7 col-sm-7">
                <div class="base-box" id="box-form-contat">


                    <h1>Contact : {{ selectedItem.city }}</h1>

                    <div class="labeled">&nbsp;</div>

                    <div class="inline">
                        <div class="inline bolded">
                            <div class="inline100">CWG</div>
                            <div class="inline100">Collection</div>
                        </div>
                        <br/>


                        <div class="inline">

                            <div class="inline100"><input type="checkbox" name="onlineCwg" id="onlineCwg"
                                                          data="onlineCwg"
                                                          data-moussabind="moussajax.moussaSwitch"
                                                          data-field="exhibition.onlineCwg"
                                                          id="onlineCwg" {{ selectedItem.onlineCwg==1 ? 'checked' : '' }}></div>

                            <div class="inline100"><input type="checkbox" name="onlineCollection" id="onlineCollection"
                                                          data="onlineCollection"
                                                          data-moussabind="moussajax.moussaSwitch"
                                                          data-field="exhibition.onlineCollection"
                                                          id="onlineCollection" {{ selectedItem.onlineCollection==1 ? 'checked' : '' }}>
                            </div>



                        </div>
                    </div>

                    <br/>
                    <br/>



                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'City', 'idName':'city', 'value':selectedItem.city} %}


                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Location', 'idName':'location', 'value':selectedItem.location} %}

                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Address 1', 'idName':'address_1', 'value':selectedItem.address_1} %}
                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Address 2', 'idName':'address_2', 'value':selectedItem.address_2} %}
                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Horaires', 'idName':'hours', 'value':selectedItem.hours} %}
                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Google Map', 'idName':'googleMap', 'value':selectedItem.googleMap} %}
                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Email', 'idName':'mail', 'value':selectedItem.mail} %}
                    {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Phone', 'idName':'phone', 'value':selectedItem.phone} %}



                    <div style="text-align: right;">
                        <button type="button" id="saveContact" data-ajax-form="form-edit-contact"
                                class="btn btn-default btn-success"
                                aria-label="Left Align">
                            <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span> Save
                        </button>

                        <button type="button" id="previewHome"
                                data-preview-url="{{ R.url('cwgHome',{'context' : 'Web',param: ['preview'] }) }}"
                                class="btn btn-default btn-info"
                                aria-label="Left Align">
                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Preview
                        </button>

                        <button type="button" id="deleteContact" class="btn btn-default btn-danger"
                                data-moussabind="moussajax.moussaConfirm"
                                data-content="Etes-vous sûr de supprimer ce contact : <b>{{ selectedItem.city }}</b> ?"
                                data-title="Delete Contact"
                                data-url="{{ R.url('genericAjaxEntityDelete',{'context' : 'Intranet',param: ['Contact', selectedItem.contactId] }) }}"
                                aria-label="Right Align">
                            <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Delete
                        </button>
                        <br/>
                        <br/>
                    </div>


                </div>
            </div>

            <div class="col-xs-5 col-sm-5">
                <div class="base-box">

                    <h1>FIRST PHOTO</h1>



                    <div class="spinner" id="spinner-home">
                        <div class="rect1"></div>
                        <div class="rect2"></div>
                        <div class="rect3"></div>
                        <div class="rect4"></div>
                        <div class="rect5"></div>
                    </div>

                    {#<button type="button" data-action="reloadImage" class="btn btn-default btn-info" aria-label="Left Align">#}
                        {#<span class="glyphicon glyphicon-picture" aria-hidden="true"></span> Reload original picture#}
                    {#</button>#}


                    {% include 'MoussaModule/Stepso2o.php.twig' with { 'Entity':'Contact', 'EntityId': selectedItem.contactId,'prefix':'ustepMediaId','o2o':1 } %}



                    {#<div class="drag-zone border-dashed" data-moussabind="moussajax.moussaDropnCrop"#}
                         {#data-url="{{ R.url('ajaxSaveDropImage',{'context' : 'Intranet'}) }}"#}
                         {#data-getinject="contactId" data-entity="Contact"#}
                         {#data-resultratio="1"#}
                            {#>#}


                        {#<img src="{{ selectedItem.getOneMedia().url }}" style="max-width: 100%" id=''#}
                             {#class="cropimg imgToCrop"/>#}


                    {#</div>#}



                    <h4><span class=" label label-info">Drag your photo <span class="badge">1350px X 920px</span>
                    </span></h4>


                    <p class="text-danger"></p>


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

    </div>

    {{ R.js('helpers') }}
    {{ R.js('vendor/*') }}
    {{ R.js('moussajax/moussaDrop') }}
    {{ R.js('moussajax/moussaCrop') }}
    {{ R.js('moussajax/moussaDropnCrop') }}
    {{ R.js('moussajax/moussaSortable') }}
    {{ R.js('moussajax/moussaForm') }}
    {{ R.js('moussajax/moussaModal') }}
    {{ R.js('moussajax/moussaConfirm') }}
    {{ R.css('moussajax/moussaModal') }}
    <link rel="stylesheet" type="text/css" href="/admin/css/cropit/cropimg.css" media="all"/>

{% endblock %}