<style>
    @media (min-width: 768px){
        .form-horizontal .form-group {
            margin-right: -10px;
            margin-left:-10px;
        }
    }
    table i{
        font-size:18px;
        margin: 5px
    }
    .remove{
        color: #ec0000;
        font-size: 22px;

    }
    .edit{
        color:green

    }
    .detail{
        color:#0e7fd9
    }
    .billtable thead>tr>th {
        color: #eeecda;
        background-color: #0081a8;
    }

    .data-search{
        margin: 10px 15px 0;
    }
    .btn-dark {
        color: #fff;
        background-color: #636262;
        border-color: #646464;
    }
    .data-search .form-control{
        border-radius:3px
    }
    .card{
        box-shadow: 0 4px 16px rgba(0,0,0,.12);
        padding: 10px;
        margin: 40px 0;
        border-radius: 5px
    }
</style>


<div class="row">

    <div class="container">


        <ol class="breadcrumb">
            <li><a href="#">تصنيع مبسط</a></li>
            <li class="active">عرض</li>
        </ol>

        <div class="panel panel-default panel-m">
            <div class="panel-heading">
                <h3 class="panel-title"> عرض التصنيع المبسط</h3>
                <a href="{$youtubes[284]->url}" target="_blank" class="hidden-print"><img src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube" style="width: 2%;"></a>

            </div>

            <div class="panel-body">
                <input type="hidden" name="searchvalue" id="searchvalue" value="{$Programsettingdata->searchvalue}"/>
                <form class="form-horizontal hidden-print" action="productionOutController.php?do=show" method="post">
                    <div class="data-search">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label>مخزن المدخلات </label>
                                    <select class=" select2" id="outStore" name="outStore">
                                        <option></option>
                                        {foreach $allStore as $store}
                                        <option value="{$store->storeId}">{$store->storeName}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label>مخزن المخرجات</label>
                                    <select class=" select2" id="inStore" name="inStore">
                                        <option></option>
                                        {foreach $allStore as $store}
                                        <option value="{$store->storeId}">{$store->storeName}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label>المورد</label>
                                    <input type="hidden" name="supplier" id="supplier" class="select2Supp"/>
                                    <input type="hidden" name="oldsupplierid" id="oldsupplierid" value=""/>
                                    <input type="hidden" name="oldsuppliername" id="oldsuppliername" value=""/>
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label> المنتج المدخل</label>
                                    <input type="hidden" id="productOut" name="productOut"  class="select2productout wdt100" tabindex="7" />
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="">من تاريخ </label>
                                    <input type="text" class="form-control awdatepicker" autocomplete="off" id="from" data-date-format="yyyy-mm-dd" name="from">
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label class="">الى تاريخ </label>
                                    <input type="text" class="form-control awdatepicker" autocomplete="off" id="to" data-date-format="yyyy-mm-dd" name="to">
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label>الرقم التسلسلى</label>
                                    <input type="text" class="form-control positiveNo" autocomplete="off" id="outId" data-date-format="yyyy-mm-dd" name="outId">
                                </div>
                                <button type="submit" class="btn btn-primary">بحث</button>
                            </div>


                        </div>
                    </div>

                </form>
            </div>
            <!-- Table -->

            <div class="panel panel-default panel-m">
                <!-- Default panel contents -->
                <div class="panel-heading">{$message}</div>
                <div class="panel-body">
                    <table class="table billtable table-bordered table-black card dataTableClass22">
                        <thead>
                            <tr>
                                <th > المنتج</th>
                                <th> المورد</th>
                                <th> مخزن المدخلات </th>
                                <th> مخزن المخرجات</th>
                                <th> التعليق</th>
                                <!--<th class="noprint" >  تفاصيل</th>-->
                                <th class="noprint">   تعديل</th>
                                <th class="noprint">   حذف</th>
                            </tr>
                        </thead>
                        <tbody>
                            {foreach $allProductionOut as $data}
                            <tr>
                                <td>{$data->productName}/{$data->productCatName}
                                    {if $data->sizeid>0 && $data->colorid>0}
                                    /{$data->sizeName}/{$data->colorName}
                                    {/if}
                                </td>
                                <td>{$data->suppliername}</td>
                                <td>{$data->storeNameOut}</td>
                                <td>{$data->storeNameIn}</td>
                                <td>{$data->comment}</td>
                                <!--                                <td class="noprint"><a href="productionExecutionController.php?do=details&id={$order->id}" type="button" class="btn">
                                                                        <i class="glyphicon glyphicon-folder-open detail"></i>
                                                                    </a></td>-->
                                <td class="noprint"><a href="productionOutController.php?do=edit&id={$data->id}" type="button" class="btn">
                                        <i class="glyphicon glyphicon-pencil edit"></i>
                                    </a></td>
                                <td class="noprint"><a href="productionOutController.php?do=delete&id={$data->id}" type="button" class="btn ">
                                        <i class="glyphicon glyphicon-remove-sign"></i>
                                    </a></td>
                            </tr>
                            {/foreach}
                        </tbody>

                    </table>
                    <div class="clearfix"></div>


                    <div  class="noprint">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <div class="col-lg-4">
                                    <!--<button type="button" onclick="print_Custom('mycustomheader');" class="btn btn-success pull-right hidden-print">طباعة</button>-->
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>




        </div>  <!-- end of panel panel-default-->

    </div> <!-- end of container-->

</div>  <!-- end of row-->

{literal}
<script type="text/javascript">
    function getValue(idval)
    {
        var confirmDel = window.confirm("هل تريد حذف العنصر؟");
        //alert(confirmDel);

        if (confirmDel == true)
        {
            // x="You pressed OK!";
            window.location.href = "productionExecutionController.php?do=delete&id=" + idval;
        } else
        {
            // x="You pressed Cancel!";
        }

    }

    $(document).ready(function () {
        $('.dataTableClass22').dataTable({
            "order"
                    : [
                        [4, "desc"]       // order by drug cat
                    ]
        });
    });

</script>
{/literal}