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

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

{block name="page-title"}{intl l='Carousel Edit'}{/block}

{block name="check-resource"}admin.configuration.menu{/block}
{block name="check-access"}update{/block}

{block name="main-content"}

<div class="taxes-rules edit-taxes-rules">
    <div id="wrapper" class="container">
		<ul class="breadcrumb">
			<li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
			<li><a href="{url path='/admin/tools'}">{intl l="Outils"}</a></li>
			<li>{intl l="Carousel"}</li>
		</ul>
		<div class="general-block-decorator">
			<div class="row">
				<div class="col-md-12">
					<div class="table-responsive">
						<table class="table table-striped table-condensed" id="category_list">
							<caption>
								{intl l="Liste des Carrousel"}
								 <a class="btn btn-default btn-primary action-btn" title="{intl l="Ajouter un Carrousel"}" href="#carousel_create_dialog" data-toggle="modal">
								<span class="glyphicon glyphicon-plus-sign"></span>
								</a>
							</caption>
							<thead>
								<tr>
									<th class="col-md-3">{intl l="Nom"}</th>
									<th class="col-md-5">{intl l="Description"}</th>
									<th class="col-md-1">{intl l="Actions"}</th>
								</tr>
							</thead>
							<tbody>
								{loop type="carouselv2" name="carousel.liste"}
                                    <tr>
                                        <td>{$TITLE}</td>
                                        <td>{$DESCRIPTION nofilter}</td>
                                        <td>
                                            <div class="btn-group">
												<a class="btn btn-info btn-responsive" title="Modifier ce carousel" href="{url path="/admin/module/carouselv2/edit/{$ID}"}"><i class="glyphicon glyphicon-edit"></i></a>
												<a class="btn btn-danger btn-responsive carousel-delete" href="#delete_carouselv2_dialog" data-toggle="modal" data-id="{$ID}">
													<i class="glyphicon glyphicon-trash"></i>
												</a>
                                            </div>
                                        </td>
                                    </tr>
                                 {/loop}
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade " id="carousel_create_dialog" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>{intl l="Créer un nouveau carousel"}</h3>
            </div>
            {form name="carouselv2.add"}
            <form method="POST" action="{url path='/admin/module/carouselv2/add'}" >
                <div class="modal-body">
				 	{form_hidden_fields form=$form}

            		{form_field form=$form field='success_url'}
            		<input type="hidden" name="{$name}" value="{url path='/admin/module/carouselv2/edit'}">
			        {/form_field}
				{form_field form=$form field='title'}
	            <div class="form-group ">
	                <label for="{$label_attr.for}" class="control-label">{intl l="Titre"} : </label>
	                <input type="text" id="{$label_attr.for}" name="{$name}" required="required" title="{intl l="Titre"}" placeholder="{intl l="Titre"}" class="form-control" value="{$value}">
	            </div>
	            {/form_field}
				</div>
	            <div class="modal-footer">
	                <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove"></span> {intl l="Annuler"}</button>
                    <button  type="submit" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-check"></span> {intl l="Créer"}</button>
	            </div>
            </form>
            {/form}
        </div>
    </div>
</div>

{capture "delete_carouselv2_dialog"}
    <input type="hidden" name="carousel_id" id="carousel_delete_id" value="" />
{/capture}

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

dialog_id       = "delete_carouselv2_dialog"
dialog_title    = {intl l="Delete a carousel" d="carouselv2.bo.default"}
dialog_message  = {intl l="Do you really want to remove this image from the carousel ?" d="carousel.bo.default"}

form_action         = {url path='/admin/module/carouselv2/delete'}
form_content        = {$smarty.capture.delete_carouselv2_dialog nofilter}
}
{/block}

{block name="javascript-initialization"}
<script>
$(function() {
    // Set proper carousel ID in delete from
    $('a.carousel-delete').click(function(ev) {
        $('#carousel_delete_id').val($(this).data('id'));
    });
});
</script>
{/block}

{block name="javascript-last-call"}
{/block}