{extends file="admin-layout.tpl"}


{block name="no-return-functions"}
    {$admin_current_location = 'advanceddescription'}
{/block}

{block name="page-title"}{intl l='Gestion des descriptions avancée des hook'}{/block}

{block name="main-content"}
<div class="categories">
    <div id="wrapper" class="container">
        <div class="row">
            <div class="col-md-12">
				<a href="{url path="admin/modules/advanceddescription/advdesc-list"}">Gestion des descriptions avancée</a>
                <div class="general-block-decorator">
					<div class="d-flex" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;">
						<h2> {intl l="Liste des images"}</h2>
						{*
						 {loop type="auth" name="can_create" role="ADMIN" resource="admin.advanceddescription" access="CREATE"}
						 <a class="btn btn-primary action-btn clickmodiftyp" title="{intl l='Ajouter une nouvelle déscription'}" href="#advanceddescription_creation_dialog"  data-typobj="0" data-toggle="modal">
							 <span class="glyphicon glyphicon-plus-sign"></span>
						 </a>
						 {/loop}
						*}
					</div>
					


					<div class="image-manager form-container" >
						<form action="{url path="/admin/modules/advanceddescription/form"}" class="dropzone dz-clickable" method="post" enctype="multipart/form-data" id="advdescdrop">
							<input type="hidden" name="success_url" value="{url path="admin/modules/advanceddescription/advdesc-images"}">
							<input type="hidden" name="action" value="add-img">
							<input type="hidden" name="namefile" value="imgadvdesc"/>
							<input type="hidden" name="advdesc-img-line" class="advdesc-img-line" value=""/>
							<input type="hidden" name="advdesc-img-num" class="advdesc-img-num" value=""/>
							<input type="hidden" name="objid" class="" value="0"/>

							<div class="fallback">
								<input name="file" type="file" />
								<button type="submit" class="btn btn-info btn-upload"><span class="glyphicon glyphicon-send"></span> {intl l="Send files"}</button>
							</div>
							<div class="btn-browse hide">
									{intl l="Drop files to upload"}
									<span>{intl l="Or"}</span>
									<button type="button" class="btn btn-info btn-upload"><span class="glyphicon glyphicon-upload"></span> {intl l="Browse files"}</button>
								</div>
							<div class="text-center"><span><i class='sl sl-icon-plus'></i> Cliquez ici ou glissez vos images dans cette zone.</span></div>
						</form>
					</div>

					
					</div>
						 {loop type="advanceddescription.image" name="img"  height="150" }
						<span style="border: 1px solid #CCC; padding: 10px; margin: 8px; display: block; float: left; height: 200px; position: relative;">
							<img src="{$IMAGE_URL}" alt="{$FILE}" data-file="{$FILE}" title="{$FILE}" class=""> <br>
							<span style="position: absolute; bottom: 0; left: 0; right: 0; background: #333; color: #EEE; padding: 4px; overflow-wrap: anywhere;" >{$FILE}</span>
						</span>
						{/loop}
                     
                </div>
            </div>
        </div>
		
	</div>
</div>


    {form name="thelia.admin.module-hook.creation"}

	{capture "advanceddescription_creation_dialog"}
		<label>Créer un contenu avec un identifiant spécifique</label>
		<input type="text" class="form-control" name="ad_code" value="">
		<br>
		<br>
		<br>

		<label>Ou lier un contenu à un hook pour le faire apparaitre sur votre site. </label>

        {render_form_field field="hook_id" block=0}
		<input type="hidden" name="action" value="advanceddescription_creation_dialog">
		<input type="hidden" name="success_url" value="{url path='/admin/modules/advanceddescription/advdesc-list'}">
    {/capture}
    {include
        file = "includes/generic-create-dialog.html"
        dialog_id    = "advanceddescription_creation_dialog"
        dialog_title = {intl l="Create a new textarea"}
        dialog_body  = {$smarty.capture.advanceddescription_creation_dialog nofilter}
        dialog_ok_label     = {intl l="Create this advanced description"}
        form_action        = {url path='/admin/modules/advanceddescription/form'}

        form_enctype       = {form_enctype}
        form_error_message = $form_error_message
    }
    {/form}

{capture "advanceddescription_delete"}
	<input type="hidden" name="id" id="field_delete_id" value="" />
	<input type="hidden" name="objtype"  value="5" />
	<input type="hidden" name="success_url" value="{url path='/admin/modules/advanceddescription/advdesc-list'}" />
	<input type="hidden" name="action" value="advanceddescription_delete" />
{/capture}

{include
file = "includes/generic-confirm-dialog.html"

dialog_id       = "advanceddescription_delete"
dialog_title    = {intl l="Supprimer le champ"}
dialog_message  = {intl l="Êtes vous sur de vouloir supprimer ce champ ?"}

form_action         = {token_url path='/admin/modules/advanceddescription/form'}
form_content        = {$smarty.capture.advanceddescription_delete nofilter}
}

{/block}

{block name="javascript-initialization"}
    {javascripts file='assets/js/dropzone.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
    {javascripts file='assets/js/image-upload.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
    {javascripts file='assets/js/document-upload.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
    {javascripts file='assets/js/jquery-ui-1.10.3.custom.min.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    <script>
        $(function() {
            $('a.field-delete').click(function(ev) {
                $('#field_delete_id').val($(this).data('id'));
            });
            $('a.field-edit').click(function(ev) {
                $('#field_edit_title').val($(this).data('input'));
                $('#field_edit_type option[value="'+ $(this).data('typch') +'"]').prop('selected', true);
                $('#field_edit_id').val($(this).data('id'));
            });
            $('.clickmodiftyp').click(function(ev) {
                $('#typobj').val($(this).data('typobj'));
            });
			
			$('#hook_id').prepend('<option value="0" selected></option>').val(0);
	
		});
	</script>
{/block}
{block name="javascript-last-call"}
    {hook name="home.js" location="home-js" }
<script>
		
    var advDescImageDropzone = new Dropzone("#advdescdrop", {
        dictDefaultMessage : $('.btn-browse').html(),
        uploadMultiple: false,
        acceptedFiles: 'image/png, image/gif, image/jpeg'
    });    

    var totalFiles      = 0,
        completedFiles  = 0;

    advDescImageDropzone.on("addedfile", function(file){
        totalFiles += 1;

        if(totalFiles == 1){
            $('.dz-message').hide();
        }
    });

    advDescImageDropzone.on("complete", function(file){
        completedFiles += 1;

        if (completedFiles === totalFiles){
            $('.dz-message').slideDown();
        }
    });

    advDescImageDropzone.on("success", function(file) {
        advDescImageDropzone.removeFile(file);
        $.ajax({
         url      : "{url path="/admin/modules/advanceddescription/AdvancedDescription/ajax-file-img"}",
         type     : 'get',
         dataType : 'html',
         success  : function(retour) {
            $('#ajax-advdesc-img').html(retour);

         }
        });
		$.ajax({
         url      : "{url path="/admin/modules/advanceddescription/AdvancedDescription/ajax-file-img-edit"}",
         type     : 'get',
         dataType : 'html',
         success  : function(retour) {
            $('#listimgdispo').html(retour);

         }
        });
        
    });
</script>
{/block}