{include file=$header title="Быстрая работа"}
<section class="container">
    <h1>Быстрый поиск работы</h1>
    {if ($smarty.session.user_id)}
    <button type="button" class="btn btn-primary" id="new_work">Опубликовать задачу</button>
    <div class="hidden" id="hidden-dialog">
        <form id="form-zakaz">
            <input class="form-control" value="" placeholder="Описание" style="margin-top: 10px; border-radius: 0px;"
                name="title">
            <input class="hidden" name="act" value="save-work">
            <textarea class="form-control" style="margin-top: 10px; height: 150px;" placeholder="Подробные условия"
                name="txt"></textarea>
            <input class="form-control" value="" placeholder="Цена" style="margin-top: 10px; border-radius: 0px;"
                name="cena">
            <label class="form-label">Регион</label>
            <select class="form-control mt-2 mb-2" name="region" id="sel-parent-region">
                {section name=customer loop=$region} {if $region[customer].id}
                <option value="{$region[customer].id}" {if ($user_info["0"].region==$region[customer].id)} selected
                    {/if}>{$region[customer].txt}</option>
                {/if} {/section}
            </select>
            <label class="form-label">Город</label>
            <select class="form-control mt-2 mb-2" name="city" id="sel-children-city">
                {section name=customer loop=$city} {if $city[customer].id}
                <option value="{$city[customer].id}" data-chained="{$city[customer].region_id}" {if
                    ($user_info['0'].city==$city[customer].id)} selected{/if}>{$city[
                    customer].txt}</option>
                {/if} {/section}
            </select>

            <input class="form-control" value="" placeholder="Район" style="margin-top: 10px; border-radius: 0px;"
                name="raion">
        </form>
        <p>Фото:</p>
        <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>

        <button type="button" class="btn btn-primary" style="margin-top: 10px;" id="public_work">Сохранить</button>
        {/if}

        <div class="alert alert-success hidden" role="alert" id="work-result">
            Задача опубликована, ожидайте исполнителей =)
        </div>

    </div>
    {if ($smarty.get.id)}
    <div class="row show-work">
        <h2>{$workInfo[0].title}</h2>
        <div class="row">
            <div class="content-product-left class-honizol col-md-5 col-sm-12 col-xs-12 ">
                <div class="large-image  ">
                    <img itemprop="image" class="product-image-zoom"
                        src="/img/quick-work/{$smarty.server.SERVER_NAME}/{$smarty.get.id}/{$fotos[0]}"
                        title=""
                        alt=""
                        style="width: 100%;">
                </div>


                <div id="thumb-slider" class="owl-theme owl-loaded owl-drag full_slider owl-carousel " data-nav='yes'
                    data-loop="no" data-margin="10" data-items_xs="2" data-items_sm="3" data-items_md="3">
                    {section name=customer loop=$fotos}
                    <a data-index="" class="img thumbnail "
                        data-image="/img/quick-work/{$smarty.server.SERVER_NAME}/{$smarty.get.id}/{$fotos[customer]}"
                        title="">
                        <img src="/img/quick-work/{$smarty.server.SERVER_NAME}/{$smarty.get.id}/{$fotos[customer]}"
                            
                            alt=""
                            class="yurec-thumbnail" style="height: 150px; width: auto;">
                    </a>
                    {/section}
                </div>
            </div>
            <div class="col-md-5 col-sm-12 col-xs-12 ">
            {$workInfo[0].txt}
            <p style="font-weight: 600;">Стоимость работы - {$workInfo[0].cena} рублей</p>


            {if ($smarty.session.user_id==$userInfo[0].id)}
                <b style="cursor: pointer; color:red;" id="show-otklic" data-id="{$smarty.get.id}" data-srv="{$smarty.server.SERVER_NAME}">Откликов: {$workInfo[0].kvotklic}</b><br>
            
                <table class="table" id="list-workers">

                </table>

            {else}
                <b>Откликов: {$workInfo[0].kvotklic}</b><br>

            {/if}
            <b>Предложение: {$workInfo[0].minCena}</b>


            {if ($smarty.session.user_id!=$userInfo[0].id)}
                <div style="border: 1px inset gray; border-radius: 10px; padding: 10px; width: 100%; margin-top: 10px;";>
                    {if ($smarty.session.user_id)}
                    
                    <b>Я сделаю эту работу за:</b>

                        <input type="text" value="{$workInfo[0].cena}" class="form-control" style="margin-top: 10px;" id="o-cena">
                    <button type="button" class="btn btn-primary" id="work-otklic" data-id="{$smarty.get.id}" style="margin-top: 10px;">Откликнуться</button>
                    
{else}
<b>Авторизуйтесь, чтобы предложить свою цену</b>
{/if}
                </div>

                {/if}
<hr>
<h4>Информация о заказчике:</h4>
<p>{$userInfo[0].fio}</p>



            <div>

            
        </div>









    </div>
    
    {/if}

    <div class="row">

        <div class="col-md-8" style="border: 0px solid green;">
            <table class="table">
                {section name=customer loop=$works} {if $works[customer].id}

                <tr>
                    <td style="width: 250px; padding: 15px 0px 15px 0px;"><a
                            href="/quick-work/{$works[customer].id}"><img src="img/nofoto.jpg"
                                data-original="/img/quick-work/{$smarty.server.SERVER_NAME}/{$works[customer].id}/{$works[customer].img}"
                                class="lazy" style="width: 100%;"></a></td>

                    <td>

                        <h3>{$works[customer].title}</h3>
                        <p style="font-size: 16pt; font-weight: 600;">{$works[customer].cena} руб.</p>
                        <p>Город: {$works[customer].city}</p>
                        <p>Район: {$works[customer].raion}</p>


                    </td>




                </tr>
                {/if} {/section}

            </table>
        </div>
        <div class="col-sm-4">
            фильтр
        </div>




    </div>



</section>






{include file=$footer plugins="
<script src='/api/jquery/plugins/jquery_chained/jquery.chained.min.js'></script>"}