{{ R.jsOnce('dnc') }}
<div class="dnc">

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






    <input type="hidden" name="recropMediaId" id="recropMediaId" value="false"/>
    <input type="hidden" name="{{ Entity }}Id" value="{{ EntityId }}" />
    <input id="h" type="hidden" value="false" name="h">
    <input id="w" type="hidden" value="false" name="w">
    <input id="x" type="hidden" value="false" name="x">
    <input id="y" type="hidden" value="false" name="y">

    <input id="tempMediaId" class="tempMediaId" type="hidden" value="false" name="tempMediaId">










    <div class="drag-zone border-dashed firstPhoto" data-moussabind="moussajax.moussaDropnCrop"
         data-url="/admin/ajax/uploadHomeImage"
         data-getinject="artistId"
         data-entity="Artist"
         class="border-dashed" >
        <img src="/Media/Artist/16/portrait-crop.jpg" style="max-width: 100%"

             data-media-id="1266"
             data-parent-id="1265"


             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>