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

<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} - 
            {if ($tovar[0].alias)}
            <a href="/product/{$tovar[0].alias}" target="_blank">
            {else}
            <a href="/tovar_show/{$smarty.get.id}" target="_blank">
            {/if}
            
            открыть</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">
                
                <input type="text" class="form-control mb-3" id="search_tovar" name="qs" placeholder="Попытаться найти из существующего (Штрих код или Артикул)">

                <h4>Найдено: </h4>
                <table class="table" id="searchResult"></table>
    
                <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[0].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[0].artikul}">
                    </div>
    
                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Цена</label>
                        <input type="text" class="form-control" name="cena" value="{$tovar[0].cena}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Описание (description)</label>
                        <input type="text" class="form-control" name="description" value="{$tovar[0].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[0].keywords}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Алиас (ЧПУ)</label>
                        <input type="text" class="form-control" name="alias" value="{$tovar[0].alias}">
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Штрих код</label>
                        <input type="text" class="form-control" name="barcode" value="{$tovar[0].barcode}">
                    </div>
    
                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Категория</label>
                        <select name="category" class="form-control mt-3" id="input_parrent">
                          <option value="0">Нет</option>
                          {section name=customer loop=$cats} {if $cats[customer].id}
                          <option value="{$cats[customer].id}" {if $cats[customer].id==$tovar[0].category} selected{/if}>{$cats[customer].title} ({$cats[customer].id})</option>
                          {/if} {/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[0].txt}</textarea>
                    </div>


                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Сервис и поддержка</label>
                        <textarea class="form-control" name="support" style="height: 400px;" id='editarea1'>{$tovar[0].support}</textarea>
                    </div>
    
                    <div class="mb-3 form-check  pl-3">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1" name="status" {if $tovar[0].status==1}checked{/if}>
                        <label class="form-check-label" for="exampleCheck1">Публиковать</label>
                    </div>


                    <div class="mb-3 form-check pl-3">
                        <input type="checkbox" class="form-check-input" id="exampleCheck2" name="zakazEnable" {if $tovar[0].zakazEnable==1}checked{/if}>
                        <label class="form-check-label" for="exampleCheck2">Доступно под заказ</label>
                    </div>


                    <div class="mb-3">
                        <label for="exampleInputPassword1" class="form-label">Донор</label>
                        <input type="text" class="form-control" name="donor" value="{$tovar[0].donor}">
                    </div>

                    <input type="submit" class="btn btn-primary" value="Сохранить" name="ok">
                </form>

                <h3>Сезонные товары?</h3>

                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="1" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.1==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Январь</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="2" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.2==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Февраль</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="3" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.3==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Март</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="4" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.4==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Апрель</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="5" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.5==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Май</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="6" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.6==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Июнь</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="7" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.7==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Июль</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="8" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.8==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Август</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="9" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.9==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Сентябрь</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="10" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.10==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Октябрь</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="11" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.11==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Ноябрь</label>
                </div>
                <div class="mb-3 form-check pl-3">
                    <input type="checkbox" class="form-check-input sezonCheck" data-mes="12" data-id="{$smarty.get.id}" id="exampleCheck2" name="zakazEnable" {if $sezon.12==1}checked{/if}>
                    <label class="form-check-label" for="exampleCheck2">Декабрь</label>
                </div>





            </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>
                {section name=customer loop=$imgs} {if $imgs[customer].id}
                <div class="card mb-3 mt-3" style="max-width: 90%;" id="{$imgs[customer].id}">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img src="/img/{$smarty.server.SERVER_NAME}/tovar/{$imgs[customer].filename}.jpg" class="img-fluid rounded-start" alt="...">
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Имя файла: {$imgs[customer].fileName}</h5>
                          <p class="card-text"><input type="text" class="form-control" name="alt" placeholder="alt"></p>
                          <p class="card-text"><input type="text" class="form-control" name="title" placeholder="Title"></p>
                          <p class="card-text"><small class="text-muted delImg" data-id="{$imgs[customer].id}" style="cursor: pointer;">Удалить</small></p>
                        </div>
                      </div>
                    </div>
                </div>
                {/if} {/section}
                </div>
            <div class="tab-pane fade" id="tab-8-3">
{include file='api/modules/a_new_tovar/v-hars.html'}    
            </div>

            <div class="tab-pane fade" id="tab-8-4">
                <div class="btn-group" role="group" aria-label="Простой пример">
                    <a class="btn btn-primary popup-content" href="#oprihodovanie">Оприходовать</a>
                    <a class="btn btn-primary popup-content" href="#schet">Создать заказ</a>
                    <button class="btn btn-primary">Списать</button>
                </div>
    
                <table class="table">
                    <tr>
                        <td>Текущий остаток</td>
                        <td>Текущая цена</td>
                        <td>Продано</td>
                    </tr>
                </table>
            </div>
            <div class="tab-pane fade" id="tab-8-5">
             
                

                {assign var=tipCen value=$price.0}
                {assign var=cena value=$price.1}
                {assign var=n value=0}


                <table class="table" id="PriceHars">

                    {section name=customer loop=$tipCen}
                    <tr>
                        <td><input class="form-control updatePriceJson" placeholder="Тип цены" value="{$tipCen[customer]}" data-m="tipCeny" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                        <td><input class="form-control updatePriceJson" placeholder="Цена" value="{$cena[customer]}" data-m="cena" data-id="{$smarty.get.id}" data-n="{$n}"></td>
                    </tr>
                    {assign var=n value=$n+1}
                    {/section}

                </table>

                
                <input class="text" id="countHars" value="{$n+1}">
                
                <input class="text" id="tovarID" value="{$smarty.get.id}">

                <button type="button" class="btn btn-primary" id="AddHar">Добавить характеристику</button>











            </div>
        </div>
        <br>
    </div>
</div>

<div id="oprihodovanie" class="white-popup mfp-hide">
    <h4>Оприходовать</h4>
    <hr>
    <div class="row">
        <div class="col-md">
            <select class="form-select">
                <option>Поставщик</option>
            </select>
        </div>
        <div class="col-md">
            <select class="form-select">
                <option>Склад</option>
            </select>
        </div>
        <div class="col-md">
        </div>
    </div>
    <hr>
    <table class="table">
        <tr>
            <td>{$tovar[0].title}</td>
            <td><input class="form-control" placeholder="Количество"></td>
            <td><input class="form-control" placeholder="Цена закупа"></td>
            <td><input class="form-control" placeholder="Цена продажи"></td>
            <td></td>
        </tr>
    </table>
    <button class="btn btn-primary">Сохранить</button>
</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}