{include file=$header_admin title="Создать товар"}

<input type="hidden" id="global_id" value="{$smarty.get.id}"> {* вышестоящая категория, если она есть *}
<input type="hidden" id="parent_id" value="{$smarty.get.id}"> {* вышестоящая категория, если она есть *}
<input type="hidden" id="del_id" value="">{* Ид удаляемого контента *}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/admin/">Главная</a></li>
        <li class="breadcrumb-item"><a href="/a_tovar_cat/">Товары</a></li>
        {if $smarty.get.id}
        <li class="breadcrumb-item"><a href="/a_new_tovar/">Создать новый</a></li>
        <li class="breadcrumb-item active" aria-current="page">Редактирование <b>{$tovar[0].title}</b></li>
        {else}
        <li class="breadcrumb-item active" aria-current="page">Создать новый</li>
        {/if}
    </ol>
</nav>


<div class="ibox">
    <div class="ibox-head">
        <div class="ibox-title">{if $smarty.get.id}{$tovar[0].title} -
            <a href="/tovar/{$smarty.get.id}" target="_blank">


                открыть</a>{else}Новый товар{/if} <a href="/a_new_tovar/" class="btn btn-primary"><i
                    class="fa-solid fa-plus"></i></a>
        </div>
        <ul class="nav nav-tabs tabs-line pull-right">
            <li class="nav-item">
                <a class="nav-link active" href="#tab-8-1" data-toggle="tab"><i class="fa fa-taxi"></i> Основная
                    информация</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#tab-8-2" data-toggle="tab"><i class="fa fa-bus"></i> Фото</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#tab-8-3" data-toggle="tab"><i class="fa fa-plane"></i> Характеристики</a>
            </li>
            <!-- li class="nav-item">
                <a class="nav-link" href="#tab-8-4" data-toggle="tab"><i class="fa fa-plane"></i> Движения</a>
            </li -->
            <li class="nav-item">
                <a class="nav-link" href="#tab-8-5" data-toggle="tab"><i class="fa fa-plane"></i> Цены</a>
            </li>
        </ul>
    </div>
    <div class="ibox-body">
        <div class="tab-content">
            <div class="tab-pane fade show active" id="tab-8-1">
                <form method="post" action="">
                    {if ($smarty.get.id)}
                    <input type="hidden" value="editTovar" name="act">
                    {else}
                    <input type="hidden" value="addTovar" name="act">
                    {/if}
                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label">Наименование товара</label>
                        <input type="text" class="form-control" name="title" value="{$tovar.title|htmlspecialchars}"> {*
                        <div id="emailHelp" class="form-text">Мы никогда никому не передадим вашу электронную почту.
                        </div>*}
                    </div>
                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Артикул</label>
                        <input type="text" class="form-control" name="artikul" value="{$tovar.artikul}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Цена</label>
                        <input type="text" class="form-control" name="cena" value="{$tovar.cena}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Описание (description)</label>
                        <input type="text" class="form-control" name="description"
                            value="{$tovar.arr.description|htmlspecialchars}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">keywords</label>
                        <input type="text" class="form-control" name="keywords" value="{$tovar.arr.keywords}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Штрих код</label>
                        <input type="text" class="form-control" name="barcode" value="{$tovar.arr.barcode}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Категория</label>
                        <select name="ctovar" class="form-control mt-3" id="input_parrent">
                            <option value="0">Нет</option>
                            {section name=customer loop=$ctovar}
                            <option value="{$ctovar[customer].id}" {if $ctovar[customer].id==$tovar.id} selected{/if}>
                                {$ctovar[customer].title} ({$ctovar[customer].id})</option>
                            {/section}
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Описание</label>
                        <textarea class="form-control" name="txt" style="height: 400px;"
                            id='editarea'>{$tovar.txt}</textarea>
                    </div>

                    <div class="mb-3 form-check  pl-3">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1" name="status" {if
                            $tovar.status==1}checked{/if}>
                        <label class="form-check-label" for="exampleCheck1">Публиковать</label>
                    </div>
                    <input type="submit" class="btn btn-primary" value="Сохранить" name="ok">
                </form>



            </div>
            <div class="tab-pane" id="tab-8-2">
                <div id="drop-area" class="container mt-2">
                    <form class="my-form">
                        <p>Загрузите фотографии</p>
                        <input type="file" id="fileElem" multiple accept="image/*" onchange="handleFiles(this.files)">
                        <label class="button" for="fileElem">Выбрать файлы</label>
                    </form>
                    <progress id="progress-bar" max=100 value=0></progress>
                    <div id="gallery"></div>
                </div>
                {assign var=imgs value=$tovar.arr.images}
                {section name=customer loop=$imgs}
                <div class="card mb-3 mt-3" style="max-width: 90%;" id="{$imgs[customer]}">
                    <div class="row g-0">
                        <div class="col-md-2">
                            <img src="/{$imgs[customer]}" class="img-fluid rounded-start" alt="...">
                        </div>
                        <div class="col-md-10">

                        </div>
                    </div>
                </div>
                {/section}
            </div>
            <div class="tab-pane fade" id="tab-8-3">
                <table class="table" id="tableHars">
                    <tr>
                        <td><b>Наименование</b></td>
                        <td><b>Значение</b></td>
                        <td></td>
                    </tr>

                    {assign var=hars value=$tovar.arr.hars}

                    {section name=customer loop=$hars}
                    
                    <tr>
                        <td><input type="text" class="form-control save-h" value="{$hars[customer].har}" data-opt="sp"
                                data-id="" data-tovar_id="{$smarty.get.id}"></span>
                        </td>
                        <td><input type="text" class="form-control save-h" value="{$hars[customer].txt}" data-opt="h"
                                data-id="" data-tovar_id="{$smarty.get.id}"></td>
                        <td class="del_har" data-id="" style="cursor: pointer;">Удалить</td>
                    </tr>
                    {/section}
                </table>
                <table class="table">
                    <tr>
                        <td><input type="text" class="form-control" id="h"></td>
                        <td><input type="text" class="form-control" id="txt"></td>
                        <td><button class="btn btn-primary addHar" data-tovar_id="{$smarty.get.id}">Добавить</button>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="tab-pane fade" id="tab-8-5">
                <form action="" id="saveArendaPrice">
                    <input type="hidden" name="act" value="saveArendaPrice">
                    <input type="hidden" name="id" value="{$smarty.get.id}">
                    <table class="table" id="PriceHars">
                        <tr>
                            <td>4 Часа</td>
                            <td><input class="form-control" name="ch4" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>
                        <tr>
                            <td>8 Часов</td>
                            <td><input class="form-control" name="ch8" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>
                        <tr>
                            <td>1 сутки</td>
                            <td><input class="form-control" name="sut1" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>
                        <tr>
                            <td>2 суток</td>
                            <td><input class="form-control" name="sut2" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>
                        <tr>
                            <td>3-10 суток</td>
                            <td><input class="form-control" name="sut3" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>
                        <tr>
                            <td>от 10 суток</td>
                            <td><input class="form-control" name="sut10" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>

                        <tr>
                            <td>Залог</td>
                            <td><input class="form-control" name="zalog" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>

                        <tr>
                            <td>Стоимость оборудования</td>
                            <td><input class="form-control" name="cena" placeholder="Цена" value="{$cena[customer]}"
                                    data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        </tr>
                    </table>
                    <input type="submit" class="btn btn-secondary" value="Сохранить" name="ok">
                </form>
            </div>
        </div>
        <br>
    </div>
</div>

<script language="javascript" type="text/javascript" src="/api/soft/tinymce/4.3.12/tinymce.min.js"></script>
<script language="javascript" type="text/javascript" src="/api/soft/tinymce/4.3.12/load.php"></script>
<!-- Футер -->
{include file=$footer_admin}