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



{% block header %}
    <title>Back Office | edit Work</title>
    {#<link href="css/editWork.css" rel="stylesheet">#}
{% endblock %}
    {% block body %}

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



        <div class="col-lg-6">
        <form id="form-edit-work" data-moussabind="moussajax.moussaForm" data-messageTarget="box-form-work"
              data-url="{{ R.url('ajaxSaveEditWork',{'context' : 'Intranet',param: {} }) }}">

        <input type="hidden" name="workId" id="workId" value="{{ work.workId }}"/>

        <div class="base-box" id="box-form-work">
            <h1>General informations</h1>


            <div class="form-group dimensions">
                <div class="labeled">&nbsp;</div>

                <div class="inline">
                    <div class="inline bolded">
                        <div class="inline100">CWG</div>
                        <div class="inline100">Collection</div>
                        <div class="inline100">Artbinder</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" {{ work.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" {{ work.onlineCollection==1 ? 'checked' : '' }}>
                        </div>

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

                    </div>
                </div>


            </div>
            <div class="form-group w40">
                {% include 'Input/hidden.twig'  with {'type':'hidden', 'class': 'form-group', 'label': '', 'idName':'artistId', 'value':work.artistId} %}
                {{ R.js('moussajax/moussaHint') }}
                <label>Artist </label> <input id="_artist" class="form-control"
                                              data-moussabind="moussajax.moussaHint"
                                              data-url="{{ R.url('ajaxArtistHint') }}"
                                              value="{{ artistName }}"
                                              placeholder="Artist's name"
                        />
                <a id="linkNewWork" href="editWork?artist={{ work.artistId }}">
                    <button type="button" class="btn btn-xs" aria-label="Right Align">
                        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> New Work for this artist
                    </button>
                </a>
                <a id="linkArtistWork" href="Artist?{{ work.artistId }}">
                    <button type="button" class="btn btn-xs" aria-label="Right Align">
                        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Back artist
                    </button>
                </a>
            </div>

            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Name', 'idName':'name', 'value':work.name} %}
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Year', 'idName':'year', 'value':work.year} %}


            <div class="form-group w40">
                <label class="left">Categories </label>

                {#<div class="input-group searchWorks form-control">#}
                <input type="text" class="left form-control" style="margin-left:5px;"
                       id="autoSearchCategory"
                       placeholder="Search Category to add"
                       data-moussabind="moussajax.moussaHint"
                       data-url="{{ R.url('ajaxHintCategory') }}"
                       data-urlaction="{{ R.url('ajaxHintCategoryToWork',{'param': [work.workId]}) }}"
                       aria-describedby="basic-addon2">
                {#<span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-search "#}
                {#aria-hidden="true"></span></span>#}
                {#</div>#}
                <div id="list-categories" class="float">
                    {% include '/Intranet/WorkAjax/ajaxHintCategoryToWork.php.twig' %}
                </div>
                <div class="clear"></div>

            </div>



            {% include 'Input/textarea.twig'  with {'type':'text', 'class': 'form-group w40', 'label': 'Materials', 'idName':'materials', 'value':work.materials,
                'data' : {'moussabind':'moussajax.moussaHint',
                          'url'       : R.url('ajaxHintMaterial')}
            } %}

            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Edition', 'idName':'edition', 'value':work.edition,


            'data' : {'moussabind':'moussajax.moussaHint',
                          'url'       : R.url('ajaxHintEdition')}



            } %}
            {% include 'Input/selectModalSerie.twig'  with {'type':'text', 'class': 'form-group w40', 'label': 'Serie', 'idName':'serieId', 'valueArtist':work.artistId, 'value':work.serieId} %}


            <div class="form-group dimensions">
                <div class="labeled">Dimensions</div>

                <div class="inline">
                    <div class="inline bolded">
                        <div class="inline100">Height</div>
                        <div class="inline100">Length</div>
                        <div class="inline100">Width</div>
                    </div>
                    <br/>

                    <div class="inline">
                        <div class="inline100">
                            {% include 'Input/input.twig'  with {'type':'text', 'class': 'mini', 'label': 'Height', 'idName':'height', 'value':work.height} %}
                        </div>
                        <div class="inline100">
                            {% include 'Input/input.twig'  with {'type':'text', 'class': 'mini', 'label': 'Length', 'idName':'depth', 'value':work.depth} %}
                        </div>
                        <div class="inline100">
                            {% include 'Input/input.twig'  with {'type':'text', 'class': 'mini', 'label': 'Width', 'idName':'width', 'value':work.width} %}
                        </div>
                    </div>
                    <br/>

                    <div class="inline">
                        <div class="inline100" id="inch-height"></div>
                        <div class="inline100" id="inch-depth"></div>
                        <div class="inline100" id="inch-width"></div>
                    </div>
                </div>


            </div>





            <span id="cnt-note">
            {% include 'Input/ckeditor.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Note', 'idName':'note', 'value':work.note} %}
            </span>


            <div style="text-align: right;">
                <button type="button" id="saveHome" data-ajax-form="form-edit-work"
                        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="deleteWork" class="btn btn-default btn-danger"
                        data-moussabind="moussajax.moussaConfirm"
                        data-content="You're about to delete that work <br/><i>(Every related picture will be deleted)</i><b>{{ selectedItem.title }}</b> ???"
                        data-title="Delete Work"
                        data-url="{{ R.url('genericAjaxEntityDelete',{'context' : 'Intranet',param: ['Work', work.workId] }) }}"

                        aria-label="Right Align">
                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Delete
                </button>
            </div>
            <br/>

        </div>


        <br/>

        <div class="base-box">
            <h1>PHOTO/VIDEO</h1>

                {% include 'MoussaModule/Steps.php.twig' with { 'Entity':'Work', 'EntityId': work.workId,'prefix':'steps' } %}

            {#<div id="save-image"#}
                  {#data-moussabind="moussajax.moussaForm"#}
                  {#data-url="{{ R.url('WorkStepsImg') }}"#}
                   {#data-url-refresh="{{ R.url('ajaxLoadWorkPhotoVideo') }}?{{ work.workId }}">#}

                {#<input type="hidden" name="recropMediaId" id="recropMediaId" value="false"/>#}
                {#<input id="WorkId" type="hidden" value="{{ work.workId }}" name="WorkId">#}
                {#<input id="step1-imageh" type="hidden" value="false" name="step1-h">#}
                {#<input id="step1-imagew" type="hidden" value="false" name="step1-w">#}
                {#<input id="step1-imagex" type="hidden" value="false" name="step1-x">#}
                {#<input id="step1-imagey" type="hidden" value="false" name="step1-y">#}

                {#<input id="step2-imageh" type="hidden" value="false" name="step2-h">#}
                {#<input id="step2-imagew" type="hidden" value="false" name="step2-w">#}
                {#<input id="step2-imagex" type="hidden" value="false" name="step2-x">#}
                {#<input id="step2-imagey" type="hidden" value="false" name="step2-y">#}


                {#<input id="parent-img" type="hidden" value="false" name="parent-img">#}
                {#<input id="tempMediaId" type="hidden" value="false" name="tempMediaId">#}
                {#<button class="btn btn-default btn-warning" aria-label="Left Align" type="button" id="switch-mode" style="display:none">#}
                    {#<span class="glyphicon glyphicon-retweet" aria-hidden="true"></span> <span class="switch-label">Switch mode</span>#}
                {#</button>#}
                {#<button class="btn btn-default btn-info" aria-label="Left Align" type="button" id="next-step-img" style="display:none">#}
                    {#Next step <span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>#}
                {#</button>#}
                {#<button class="btn btn-default btn-success" aria-label="Left Align" data-ajax-form="save-image" type="button" id="btn-save-img" style="display:none">#}
                    {#Save#}
                {#</button>#}
            {#</div>#}
            {#<br class="clear" />#}
            {#<span id="info-steps" > </span>#}
            {#{{ R.js('moussajax/moussaDropnCrop') }}#}
            {#<div id="drop-photo-video-meta" class="border-dashed">#}
                {#&#123;&#35;<div id="drop-photo-video" class="crop-size-ref"  data-moussabind="moussajax.moussaDropnCrop drop-photo-video"&#35;&#125;#}
                     {#&#123;&#35;data-url="{{ R.url('ajaxSaveDropImage',{'context' : 'Intranet'}) }}"&#35;&#125;#}
                     {#&#123;&#35;data-getinject="workId"&#35;&#125;#}
                     {#&#123;&#35;data-entity="Work"&#35;&#125;#}
                     {#&#123;&#35;&#123;&#35;data-autoSave&#35;&#125;&#35;&#125;#}
                     {#&#123;&#35;data-inputprefix="step1-image"&#35;&#125;#}
                     {#&#123;&#35;class="_border-dashed">&#35;&#125;#}

                    {#&#123;&#35;Drop image&#35;&#125;#}
                {#&#123;&#35;</div>&#35;&#125;#}

            {#</div>#}


            {#&#123;&#35;<div class="drag-zone">&#35;&#125;#}

                {#&#123;&#35;<img style="display: none;width: 878px " src="{{ media.url }}" id='workImg'&#35;&#125;#}
                     {#&#123;&#35;class="cropimg imgToCrop imgToCropArtist"/>&#35;&#125;#}





        {#&#123;&#35;</div>&#35;&#125;#}

            {#<p class="text-danger"></p>#}







        </div>
        </div>


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


            <div class="base-box">
                <h1>COLLECTION</h1>

                <div id="color-picker">
                    <div class="square" rel="FE5326"></div>
                    <div class="square" rel="48AC9C"></div>
                    <div class="square" rel="15DB87"></div>
                    <div class="square" rel="9632AB"></div>
                    <div class="square" rel="ABCD23"></div>
                    <div class="square" rel="19DA65"></div>
                </div>

                <hr/>

                {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Price', 'idName':'price', 'value':work.price} %}

                <div class="form-group dimensions">
                    <div class="labeled">Fourchette</div>

                    <div class="inline">
                        <div class="inline bolded">
                            <div class="inline100">Min</div>
                            <div class="inline100">Max</div>
                        </div>
                        <br/>

                        <div class="inline">
                            <div class="inline100">
                                {% include 'Input/input.twig'  with {'type':'text', 'class': 'moy', 'label': 'Min', 'idName':'priceMin', 'value':work.priceMin} %}
                            </div>
                            <div class="inline100">
                                {% include 'Input/input.twig'  with {'type':'text', 'class': 'moy', 'label': 'Max', 'idName':'priceMax', 'value':work.priceMax} %}
                            </div>
                        </div>
                        <br/>

                        <div class="inline">
                            <div class="inline100" id="inch-width"></div>
                            <div class="inline100" id="inch-height"></div>
                            <div class="inline100" id="inch-depth"></div>
                        </div>
                    </div>


                </div>




                {% set arr = {'vintage':'Vintage', 'contemporary':'Contemporary' } %}
                {% include 'Input/radioNice.twig'  with {'class': 'form-group', 'label': 'Epoque', 'idName':'epoque', 'value':work.epoque, 'list':arr, 'classCol':'info' } %}


                <label>Outdoor</label> <input type="checkbox" name="outdoor" id="outdoor"
                       data="onlineCwg"
                       data-moussabind="moussajax.moussaSwitch"
                       data-field="exhibition.outdoor"
                        {{ work.outdoor==1 ? 'checked' : '' }}>




                <label>Indoor</label> <input type="checkbox" name="indoor" id="indoor"
                       data="indoor"
                       data-moussabind="moussajax.moussaSwitch"
                       {{ work.indoor==1 ? 'checked' : '' }}>


                {#{% set arrEnv = {'indoor':'Indoor', 'outdoor':'Outdoor' } %}#}
                {#{% include 'Input/radioNice.twig'  with {'class': 'form-group', 'label': 'Environment', 'idName':'environment', 'value':work.environment, 'list':arrEnv, 'classCol':'warning' } %}#}

                {% set arrSerial = {'unique':'Unique', 'limited':'Limited', 'unlimited':'Unlimited' } %}
                {% include 'Input/radioNice.twig'  with {'class': 'form-group', 'label': 'Serial', 'idName':'serial', 'value':work.serial, 'list':arrSerial, 'classCol':'danger' } %}

                {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Editor', 'idName':'editor', 'value':work.editor,

                             'data' : {'moussabind':'moussajax.moussaHint',
                          'url'       : R.url('ajaxHintEditor')}
                          }

                 %}

                {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Style', 'idName':'style', 'value':work.style,


                             'data' : {'moussabind':'moussajax.moussaHint',
                          'url'       : R.url('ajaxHintStyle')}
                          }

                 %}


            </div>
        </div>

        <div class="base-box">
            <h1>ABOUT</h1>

            <br/>


            <ul class="nav nav-tabs">
                <li class="active"><a href="#english" data-toggle="tab">English</a></li>
                <li><a href="#french" data-toggle="tab">French</a></li>
            </ul>

            <div id='contenttab' class="tab-content">
                <div class="tab-pane   active" id="english" style="padding: 10px;">

                    {% include 'Input/ckeditor.twig'  with {'type':'text', 'class': 'form-group', 'label': 'About English', 'idName':'enAbout', 'value':work.enAbout } %}


                </div>
                <div class="tab-pane " id="french" style="padding: 10px;">
                    {% include 'Input/ckeditor.twig'  with {'type':'text', 'class': 'form-group', 'label': 'About French', 'idName':'frAbout', 'value':work.frAbout } %}

                </div>

            </div>

        </div>


        <script src="js/ckeditor/ckeditor.js"></script>

        <br/>

        <div class="base-box">
            <h1>PDF DOCUMENTS</h1>

            <img style="width: 30px " src="medias/pdf-icon.png" id='' class="cropimg imgToCropArtist imgToCrop"/>
        </div>


        </div>

        </div> </form>

        {{ 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('cropSort') }}
        {{ R.js('moussajax/moussaModal') }}
        {{ R.js('moussajax/moussaConfirm') }}
        {{ R.css('moussajax/moussaModal') }}


        {{ R.js('ddslick') }}
        {{ R.css('vendor/funckyRadio') }}
        <link rel="stylesheet" href="/csi/css/vendor/funckyRadio.css"/>


        <link rel="stylesheet" type="text/css" href="/admin/css/cropit/cropimg.css" media="all"/>

        <script>


            $('.inline-editor').each(function () {
                var editor = CKEDITOR.inline($(this).attr('id'));
            });

        </script>


    {% endblock %}