{**********************************************************************
* ProxmoxCloudVps product developed. (2017-10-06)
* *
*
*  CREATED BY MODULESGARDEN       ->       http://modulesgarden.com
*  CONTACT                        ->       contact@modulesgarden.com
*
*
* This software is furnished under a license and may be used and copied
* only  in  accordance  with  the  terms  of such  license and with the
* inclusion of the above copyright notice.  This software  or any other
* copies thereof may not be provided or otherwise made available to any
* other person.  No title to and  ownership of the  software is  hereby
* transferred.
*
*
**********************************************************************}

{**
* @author Sławomir Miśkowicz <slawomir@modulesgarden.com>
*}

<div class="lu-widget">
    <div class="lu-widget__body">
        {if $rawObject->isShowTitle() && (($rawObject->getRawTitle() || $rawObject->getTitle()) && $rawObject->isViewHeader())}
            <div class="lu-widget__header">
                <div class="lu-widget__top lu-top">
                    <div class="lu-top__title">
                        {if $rawObject->getIcon()}<i class="{$rawObject->getIcon()}"></i>{/if}
                        {if $rawObject->isRawTitle()}{$rawObject->getRawTitle()}{elseif $rawObject->getTitle()}{$MGLANG->T($rawObject->getTitle())}{/if}
                    </div>
                    <div class="lu-top__toolbar"><a href="#" id="pm-add-disk-button" data-toggle="lu-tooltip"
                                                    class="lu-btn lu-btn--primary"
                                                    data-title="{$MGLANG->T('Add New Additional Disk')}">
                            <i class="lu-zmdi lu-zmdi-plus"></i>
                            <span class="lu-btn__text">{$MGLANG->T('Add New Additional Disk')}</span>
                        </a>
                    </div>
                </div>
            </div>
        {/if}
        <div class="lu-widget__content lu-p-1x">
            {if !$customTplVars.additionalDisks}
                <div class="lu-alert lu-alert--outline lu-alert--icon lu-alert--info lu-alert--bordered lu-m-b-0x lu-alert--dismiss mg-message ">
                    <div class="lu-alert__body">
                        {$MGLANG->T('additional_disk_add_info')}
                    </div>
                </div>
            {/if}
            <div class="lu-widget hidden pm-disk-content-default">
                <div class="lu-widget__body">
                    <div class="lu-widget__header">
                        <div class="lu-widget__top lu-top">
                            <div class="lu-top__title">
                                {$MGLANG->T('Additional Disk')}
                            </div>
                            <div class="lu-top__toolbar">
                                <a href="#"
                                   class="lu-btn lu-btn--xs lu-btn--default lu-btn--icon lu-btn--link lu-btn--plain pm-delete-disk-button">
                                    <i class="lu-btn__icon lu-zmdi lu-zmdi-close"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="lu-widget__content lu-row">
                        {foreach from=$rawObject->getFields() item=field }
                            {$field->getHtml()}
                        {/foreach}
                    </div>
                </div>
            </div>
            {foreach from=$customTplVars.additionalDisks key=keyIndex item=additionalDisk}
                <div class="lu-widget">
                    <div class="lu-widget__body">
                        <div class="lu-widget__header">
                            <div class="lu-widget__top lu-top">
                                <div class="lu-top__title">
                                    {$MGLANG->T('Additional Disk')}
                                </div>
                                <div class="lu-top__toolbar">
                                    <a href="#"
                                       class="lu-btn lu-btn--xs lu-btn--default lu-btn--icon lu-btn--link lu-btn--plain pm-delete-disk-button">
                                        <i class="lu-btn__icon lu-zmdi lu-zmdi-close"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="lu-widget__content lu-row pm-disk-row">
                            <div class="lu-form-group lu-col-md-6">
                                <label class="lu-form-label">{$MGLANG->T('Size [GB]')}</label>
                                <input type="hidden" name="disks{$keyIndex}[id]"  value="{$additionalDisk.id}">
                                <input type="text" placeholder="" name="disks{$keyIndex}[size]"
                                       value="{$additionalDisk.size}"
                                       class="lu-form-control">
                                <div hidden="hidden" class="lu-form-feedback lu-form-feedback--icon"></div>
                            </div>
                            <div class="lu-form-group lu-col-md-6">
                                <label class="lu-form-label">
                                    {$MGLANG->T('Path')}                 </label>
                                <input type="text"
                                       placeholder="/some/path"
                                       name="disks{$keyIndex}[mp]"
                                       value="{$additionalDisk.mp}"
                                       class="lu-form-control">
                                <div hidden="hidden" class="lu-form-feedback lu-form-feedback--icon"></div>
                            </div>
                            <div class="lu-form-group lu-col-md-6">
                                <label class="lu-form-label">{$MGLANG->T('Backup')}</label>
                                <select name="disks{$keyIndex}[backup]" class="lu-form-control ">
                                    <option value="on"
                                            {if $additionalDisk.backup =='on'}selected{/if}>{$MGLANG->abtr('Enable')}</option>
                                    <option value="off"
                                            {if $additionalDisk.backup =='off'}selected{/if}>{$MGLANG->abtr('Disable')}</option>
                                </select>
                                <div hidden="hidden" class="lu-form-feedback lu-form-feedback--icon"></div>
                            </div>
                        </div>
                    </div>
                </div>
            {/foreach}
        </div>
    </div>
</div>