<?php
$role = Alfred_Hod::identity('trueRole');

if(!isset($this->isMini)){
    $this->isMini = false;
}

$locales = Alfred_Hod::locales();

?>


<div id="Gallery" data-module="Gallery" data-model="GalleryModel" class="DT_Container">

    <div class="row">
        <div class="col-sm-5 col-md-4 col-lg-3">

            <p style="text-align: right">
                <a href="#" class="btn btn-lg btn-primary" data-action="addItem" ><i class="fa fa-plus"></i> Add</a>
            </p>
            <table cellpadding="0" cellspacing="0" border="0" class="DT_Table table table-striped table-bordered"></table>
        </div>

        <div class="col-sm-7 col-md-8 col-lg-9">
            <div data-bind="visible: editing">
                
                <h2>Gallery</h2>
                <?php echo $this->form; ?>
                <h3>images <button class="btn btn-primary" data-bind="click: addImages"><i class="fa fa-plus"></i></button></h3>
                
                <div class="row sortable" data-bind="foreach: images">
                    <div class="col-sm-3 col-md-2"   data-bind="attr:{'data-id':id, 'data-position' : position , 'data-gallery' : gallery }">
                        <div class="thumbnail " style="height: 210px" >
                            <img data-bind="attr: { src: thumbnail, alt:name  }">
                            <p><b data-bind="text:name"></b></p>
                            <p>
                                <span class="btn btn-small btn-default" data-bind="click:$parent.editImage"><i class="fa fa-pencil"></i></span>
                                <span class="btn btn-small btn-danger" data-bind="click:$parent.deleteImage"><i class="fa fa-trash-o"></i></span>
                               
                            </p>
                        </div>
                    </div>
                </div>

                <form action="" data-bind="with:image, submit:saveImage" name:imageForm="">
                    <div class="form-group">
                        <label for="imagename">Nom</label>
                        <input type="text" data-bind="value: name" class="form-control" name="imagename" id="imagename" placeholder="">
                    </div>
                    <div class="form-group">
                        <label for="imagestatus">Status</label>
                        <select name="status" id="imagestatus" data-bind="value: status">
                            <option value="online">Online</option>
                            <option value="offline">Offline</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="isCover">Cover</label>
                        <input type="hidden" value="0" name="isCover" />
                        <input type="checkbox" value="1" name="isCover" id="isCover" data-bind="value: isCover">
                            
                        
                    </div>

                    <div>
                        <ul class="nav nav-tabs">
                        <?php 
                        $i=0;
                        foreach ($locales as $key => $value) : ?>
                            <li <?= $i==0?'class="active"':'' ?> ><a href="#tr-<?= $key ?>"  data-toggle="tab"><?= $value ?></a></li>
                        <?php 
                        $i++;
                        endforeach; ?>
                        </ul>
                        <div class="tab-content">
                        <?php 
                        $i=0;
                        foreach ($locales as $key => $value) : ?>
                            <div id="tr-<?= $key ?>" class="tab-pane <?= $i==0?'active':'' ?> ">
                                <div class="form-group">
                                    <label for="tr-label-<?= $key ?>">Label <?= $value ?></label>
                                    <input type="text" data-bind="value: translations().<?= $key ?>.description" class="form-control" name="tr-label-<?= $key ?>" id="tr-label-<?= $key ?>" placeholder="">
                                </div>
                            </div>
                        <?php 
                        $i++;
                        endforeach; ?>
                        </div>


                    </div>
                    

                    <button class="btn btn-primary">Save Image</button>
                </form>
            </div>
        </div>
    </div>
        
   <pre data-bind="text: ko.toJSON(image, null, 2)"></pre> 

</div>



<?php 
/* 
 <span class="btn btn-small btn-default" data-bind="click:edit"><i class="fa fa-pencil"></i></span>
                                <span class="btn btn-small btn-danger" data-bind="click:delete"><i class="fa fa-trash-o"></i></span>
*/
$this->inlineScript()
    ->appendFile( $this->baseUrl( '/resources/application/modules/gallery/admin-crud.js' ))
;