<script type="text/javascript" charset="utf-8">


    $(document).ready(function () {
        $('#example').dataTable({
            "bPaginate": false,
            "bStateSave": true,
            "sDom": 'TCR<"clear">lfrtip',
            "oTableTools": {
                "aButtons": [
                    "copy",
                    "print",
                    {
                        "sExtends": "collection",
                        "sButtonText": "حفظ",
                        "aButtons": ["csv", "xls"]
                    }
                ]
            }
        });
    });

</script>
<style>


    .dropzone {
        min-height: 150px;
        border: 1px solid #ddd!important;
        background: white;
        padding: 20px 20px;
        border-radius: 5px;
        margin: 5px;
        /* width: 100%; */
    }
    .dropzone .dz-preview .dz-details {
        opacity: 1;
    }
    .magnify:hover {
        position:relative;
        transition: transform .3s; /* Animation */
        transform: scale(3.5);
        z-index:999;
        top:-25px;
        left:-35px;
        display:block;
    }
.file-img{
    height: 46px;
    margin: 4px;
    width: 57px;
}
    .img-upload-inline{
        float: right;
        display: inline-block;
        border: 1px solid #ddd;
        margin: 2px;
        width: 90px;
        padding: 5px;
        border-radius: 5px;
        /*overflow: hidden;*/
        background-color: #f5f5f5;
    }
    .img-upload-inline img{
        width: 30px;
        margin-bottom: 3px;
        border-radius: 2px;
        height: 28px;
        display: inline;
    }
    .mTop{
        margin-top: 18px;
    }
    .mRight{
        margin-right: 3px;
    }
    .mBottom{
        margin-bottom: 25px;
    }
    .mStyle{
        width: 90px;text-align: center;
    }
    a:link, a:visited, a:hover, a:active{
        text-align: center !important;
    }
    .product-image-overlay {
        /*        position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.9);
                z-index: 9999;
                display: none;*/

        position: fixed;
        top: 15%;
        left: 40%;
        /* text-align: center; */
        width: 30%;
        height: 50%;
        background: rgba(4, 0, 0, 0.38);
        z-index: 9999;
        border-radius: 45px;
        display: none;
    }

    .product-image-overlay .product-image-overlay-close {
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #eee;
        line-height: 35px;
        font-size: 20px;
        color: #eee;
        text-align: center;
        cursor: pointer;
    }

    .product-image-overlay img {
        width: auto;
        max-width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .nav-pills>li {
        float: right;
    }
</style>
<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">المنتجات</a></li>
            <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[56]->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">

                <!---------- start outputString alert ----------->
                <div id="outputString" class="alert alert-block alert-success fade in" style="display:none">
                    <button type="button" class="close pull-left" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <p id="outputStringValue">{$outputString}</p>
                    <div class="clearfix"></div>
                </div>
                <!---------  end outputString alert ------------>
                <form class="form-inline hidden-print" action="productController.php?do=showImage" method="post">
                    <div class="form-group col-lg-5">
                        <label class="sr-only">تصنيف المنتج</label>
                        <select class="select2 wdt300 productCatt" data-level="0" name="productCatId0" id="productCatId0" >
                            <option value="-1">اختر تصنيف</option>
                            {foreach $catDataReport as $data}
                            <option value="{$data->productCatId}">{$data->productCatName}</option>
                            {/foreach}
                        </select>
                        <input type="hidden" id="level" name="level" value="0">

                    </div>
                    <div id="manyParents">

                    </div>
                    <div class="form-group col-lg-5" style="
    margin-right: -53px;
    padding: 6px;">
                        <label class="sr-only">المخازن</label>
                        <select class="select2 wdt300 store"  name="store" id="store">
                            <option value="-2">اختر المخزن</option>
                            <option value="-1">كل المخازن</option>
                            {foreach $allstores as $data}
                            <option value="{$data->storeId}">{$data->storeName}</option>
                            {/foreach}
                        </select>

                        <label>  <input name="image" type="checkbox" value="1"  {if $chk eq 1 } checked {/if}>الصور</label>
                    </div>

                    <input type="hidden" name="usergroupname" id="usergroupname" value="{$usergroupname}"/>
                    <button type="submit" class="btn btn-primary">بحث</button>
                </form>
                <br/>
            </div>
            <div class="panel panel-default panel-m">
                <!-- Default panel contents -->
                <div class="panel-heading">{$message}</div>

                <div class="alert alert-primary" role="alert">
                    <label class="sr-only">وصف التصنيف :</label>
                    <textarea name="productCatDescription" class="productCatDescription" data-id="{$productCatId}" data-type="productCatDescription" cols="50" rows="3">{$productCatDescription}</textarea>
                </div>
                
                <div id="exTab1" class="container">
                    <ul  class="nav nav-pills">
                        <li class="active">
                            <a  href="#1a" data-toggle="tab">الكل</a>
                        </li>
                        <li><a href="#2a" data-toggle="tab">المنتهي</a>
                        </li>
                    </ul>

                    <div class="tab-content clearfix">
                        <div class="tab-pane active" id="1a">
                            {literal}
                            <form id="form1" name="form1" method="post"
                                  action="productController.php?do=executeOperation2" onsubmit="if (Spry.Widget.Form.validate(this)) {
                        return countChoosenProducts('productController');
                        } else {
                        return false;
                        }
                        " enctype="multipart/form-data">
                                {/literal}

                                <div class="table-responsive" id="tableWrap">
                                    {if !empty($productsData)}
                                    <table class="display table-black" id="example">

                                        <thead>
                                        <tr>

                                            <th>اسم المنتج</th>
                                            <th {if $userGroupData->hideproductcatid eq 1 } class="hidden" {/if}> الصوره
                                                الرئيسية
                                            </th>
                                            <th> الصور</th>
                                            <th> الكميه</th>
                                            <th>الوصف</th>
                                            <th>معلومات تنزيل</th>
                                            <th>اسم المستخدم</th>
                                            <th>مراجعه</th>

                                        </tr>
                                        </thead>


                                        <tbody>
                                        <input type="hidden" name="pro_username" id="pro_username"
                                               value="{$username}">
                                        {if $chk == 0}

                                        {assign var=i value=1}

                                        {foreach $productsData as $data}
                                        {if $data->reviewType == 0}

                                        <tr>


                                            <input type="hidden" name="pro_id_{$i}" id="pro_id_{$i}"
                                                   value="{$data->productId}">


                                            <td>
                                                <label class="hidden hidden-print"> {$data->productName}/{$data->productCatName} </label>

                                                {$data->productName}/{$data->productCatName}


                                            </td>
                                            <td>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo}"
                                                         class="iamge_{$i}_0 magnify" alt="" width="122" height="75">
                                                    <input type="file" name="pro_Image_{$i}_0" data-type="ImageNew"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="0" data-id="{$data->productId}"
                                                           id="Image_{$i}_0"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo"
                                                           value="{$data->logo}">
                                                    <!--<img src="{$data->logo}">-->
                                                </div>
                                            </td>
                                            <td>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo1}"
                                                         class="iamge_{$i}_1 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_1" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="1" data-id="{$data->productId}"
                                                           id="Image_{$i}_1"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo1"
                                                           value="{$data->logo1}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo2}"
                                                         class="iamge_{$i}_2 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_2" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="2" data-id="{$data->productId}"
                                                           id="Image_{$i}_2"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo2"
                                                           value="{$data->logo2}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo3}"
                                                         class="iamge_{$i}_3 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_3" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="3" data-id="{$data->productId}"
                                                           id="Image_{$i}_3"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo3"
                                                           value="{$data->logo3}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo4}"
                                                         class="iamge_{$i}_4 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_4" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="4" data-id="{$data->productId}"
                                                           id="Image_{$i}_4"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo4"
                                                           value="{$data->logo4}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo5}"
                                                         class="iamge_{$i}_5 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_5" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="5" data-id="{$data->productId}"
                                                           id="Image_{$i}_5"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo5"
                                                           value="{$data->logo5}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo6}"
                                                         class="iamge_{$i}_6 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_6" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="6" data-id="{$data->productId}"
                                                           id="Image_{$i}_6"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo6"
                                                           value="{$data->logo6}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <!--                                        <div action="productControllerAjax.php?do=A_productUpdate" class="dropzone" id="my-dropzones{$i}" data-itra="{$i}" data-itracolum="7" data-id="{$data->productId}" data-filename="pro_Image_{$i}_7">
                                                    </div>-->
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo7}"
                                                         class="iamge_{$i}_7 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_7" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="7" data-id="{$data->productId}"
                                                           id="Image_{$i}_7"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo7"
                                                           value="{$data->logo7}">
                                                </div>

                                            </td>
                                            <td>
                                                <label class="hidden hidden-print"> {$data->productquantity} </label>

                                                {$data->productquantity}

                                            </td>
                                            <td>
                                                <textarea name="Description" data-type="DescriptionNew"
                                                          class="form-control m_productNew DescriptionNew Description_{$i}"
                                                          data-itra="{$i}" data-id="{$data->productId}"
                                                          id="Description_{$data->productId}" style="height: 70px">{$data->productDescription}</textarea>
                                                <!--<input type="text" name="Description" data-type="DescriptionNew" class="mStyle m_productNew DescriptionNew Description_{$i}" data-itra="{$i}" data-id="{$data->productId}" id="Description_{$data->productId}" value='{$data->productDescription}'/>-->
                                                <label class="hidden hidden-print"> {$data->productDescription} </label>
                                            </td>

                                            <td>
                                                <textarea name="online" data-type="online"
                                                          class="form-control m_productNew online online_{$i}"
                                                          data-itra="{$i}" data-id="{$data->productId}"
                                                          id="online_{$data->productId}" style="height: 70px">{$data->online}</textarea>
                                                <label class="hidden hidden-print"> {$data->online} </label>
                                            </td>

                                            <td>

                                                {$data->username}{if $data->updatebyuser}<br/><span style="color: red">{$data->updatebyuser}</span>{/if}
                                            </td>

                                            <td><input type="button"  class="btn btn-primary Reviewed" id="rev_{$data->productId}" data-id="{$data->productId}"
                                                       value="مراجعه" {if ($data->productDescription eq "" || $data->productDescription eq null)
                                                || ($data->logo eq "" || $data->logo eq null || $data->logo eq ".")}disabled{/if}></td>

                                        </tr>

                                        {/if}
                                        {assign var=i value=$i+1}
                                        {/foreach}


                                        {else}

                                        {assign var=i value=1}

                                        {foreach $productsData as $data}
                                        {if {$data->logo} eq "" || {$data->logo} eq '.'}
                                        {if $data->reviewType == 0}

                                        <tr>


                                            <input type="hidden" name="pro_id_{$i}" id="pro_id_{$i}"
                                                   value="{$data->productId}">

                                            <td>
                                                <label class="hidden hidden-print"> {$data->productName}/{$data->productCatName} </label>

                                                {$data->productName}/{$data->productCatName}


                                            </td>

                                            {if {$Programsettingdata->priceing} eq 0}

                                            <td>
                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo}"
                                                         class="iamge_{$i}_0 magnify" alt="" width="122" height="75">
                                                    <input type="file" name="pro_Image_{$i}_0" data-type="ImageNew"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="0" data-id="{$data->productId}"
                                                           id="Image_{$i}_0"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo"
                                                           value="{$data->logo}">
                                                    <!--<img src="{$data->logo}">-->
                                                </div>


                                            </td>

                                            <td>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo1}"
                                                         class="iamge_{$i}_1 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_1" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="1" data-id="{$data->productId}"
                                                           id="Image_{$i}_1"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo1"
                                                           value="{$data->logo1}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo2}"
                                                         class="iamge_{$i}_2 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_2" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="2" data-id="{$data->productId}"
                                                           id="Image_{$i}_2"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo2"
                                                           value="{$data->logo2}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo3}"
                                                         class="iamge_{$i}_3 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_3" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="3" data-id="{$data->productId}"
                                                           id="Image_{$i}_3"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo3"
                                                           value="{$data->logo3}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo4}"
                                                         class="iamge_{$i}_4 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_4" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="4" data-id="{$data->productId}"
                                                           id="Image_{$i}_4"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo4"
                                                           value="{$data->logo4}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo5}"
                                                         class="iamge_{$i}_5 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_5" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="5" data-id="{$data->productId}"
                                                           id="Image_{$i}_5"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo5"
                                                           value="{$data->logo5}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo6}"
                                                         class="iamge_{$i}_6 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_6" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="6" data-id="{$data->productId}"
                                                           id="Image_{$i}_6"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo6"
                                                           value="{$data->logo6}">
                                                </div>

                                                <div class="img-upload-inline">
                                                    <label class="hidden hidden-print"> </label>

                                                    <img src="../views/default/images/product_image/{$data->logo7}"
                                                         class="iamge_{$i}_7 magnify" alt="" width="50" height="50">
                                                    <input type="file" name="pro_Image_{$i}_7" data-type="ImageNew1"
                                                           class="mStyle ImageNew Image_{$i}" data-itra="{$i}"
                                                           data-itracolum="7" data-id="{$data->productId}"
                                                           id="Image_{$i}_7"/>
                                                    <input type="hidden" name="oldlogo" id="oldlogo7"
                                                           value="{$data->logo7}">
                                                </div>

                                            </td>
                                            <td>
                                                <label class="hidden hidden-print"> {$data->quan} </label>

                                                {$data->quan}

                                            </td>
                                            <td>
                                                <textarea name="Description" data-type="DescriptionNew"
                                                          class="form-control m_productNew DescriptionNew Description_{$i}"
                                                          data-itra="{$i}" data-id="{$data->productId}"
                                                          id="Description_{$data->productId}" style="height: 70px">{$data->productDescription}</textarea>
                                                <!--<input type="text" name="Description" data-type="DescriptionNew" class="mStyle m_productNew DescriptionNew Description_{$i}" data-itra="{$i}" data-id="{$data->productId}" id="Description_{$data->productId}" value='{$data->productDescription}'/>-->
                                                <label class="hidden hidden-print"> {$data->productDescription} </label>
                                            </td>

                                            <td>
                                                <textarea name="online" data-type="online"
                                                          class="form-control m_productNew online online_{$i}"
                                                          data-itra="{$i}" data-id="{$data->productId}"
                                                          id="online_{$data->productId}" style="height: 70px">{$data->online}</textarea>
                                                <label class="hidden hidden-print"> {$data->online} </label>
                                            </td>

                                            <td>

                                                {$data->username}{if $data->updatebyuser}<br/><span style="color: red">{$data->updatebyuser}</span>{/if}

                                            </td>

                                            <td><input type="button"  class="btn btn-primary Reviewed" id="rev_{$data->productId}" data-id="{$data->productId}"
                                                       value="مراجعه" {if ($data->productDescription eq "" || $data->productDescription eq null)
                                                || ($data->logo eq "" || $data->logo eq null || $data->logo eq ".")}disabled{/if}></td>

                                            {/if}
                                            <!--<td  class="hidden-print "> {if {$data->conditions} eq 0} <a style="margin-right: 22px !important;" href="productController.php?do=tempdelete&id={$data->productId}&optic={$data->isOptic}"  type="button" class="btn btn-default btn-lg removeicon"> </a> {elseif {$data->conditions} eq 1 } <a  href="productController.php?do=returndelete&id={$data->productId}&optic={$data->isOptic}"  type="button" class="btn btn-default btn-lg correcticon"> </a></td>-->
                                            {/if}


                                        </tr>

                                        {/if}
                                        {/if}
                                        {assign var=i value=$i+1}
                                        {/foreach}

                                        {/if}


                                        </tbody>


                                    </table>
                                    {/if}

                                    <div class="clearfix"></div>
                                </div>
                                <hr/>
                                <div class="hidden-print">
                                    <div class="col-lg-12">
                                        <div class="well well-sm">
                                            <div class="form-group">
                                                <div class="col-lg-4">
                                                    <label for="operation"></label>
                                                    <span id="spryselect1">
                        <select name="operation" id="operation" data-placeholder="اختر العملية" class="select2 wdt100">
                        <option></option>
                        <option value="1">حذف مؤقت</option>

                        <option value="2">إلغاء الحذف</option>
                        </select>
                        <span class="selectRequiredMsg">اختر العملية</span></span></div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-lg-4">
                                                    <input name="" class="hidden-print btn btn-primary" type="submit"
                                                           value="تنفيذ"/>
                                                </div>
                                            </div>

                                            <!-----------  start noElementsError alert ------------->
                                            <div class="clearfix"></div>
                                            <div id="noElementsError" class="alert alert-danger fade in"
                                                 style="display:none;">
                                                <button type="button" class="close pull-left" data-dismiss="alert"
                                                        aria-hidden="true">×
                                                </button>
                                                <p>يجب اختيار العناصر أولاً</p>
                                                <div class="clearfix"></div>
                                            </div>
                                            <!----------  end noElementsError alert -------------->

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


                                <!-- Modal -->
                                <div class="hidden-print">
                                    <div class="modal fade " id="myModal1" tabindex="-1" role="dialog"
                                         aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close pull-left" data-dismiss="modal"
                                                            aria-hidden="true">&times;
                                                    </button>
                                                    <h4 class="modal-title">تأكيد حذف مجموعة</h4>
                                                </div>
                                                <div class="modal-body"> هل تريد حذف هذا المنتج ؟</div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal">
                                                        لا
                                                    </button>
                                                    <button type="button" class="btn btn-primary savemodel1">نعم
                                                    </button>
                                                </div>
                                            </div>
                                            <!-- /.modal-content -->
                                        </div>
                                        <!-- /.modal-dialog -->
                                    </div>
                                </div>
                                <!-- /.modal -->

                                <div class="hidden-print">
                                    <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">طباعة
                                                </button>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane" id="2a">

                            <table class="table" id="Reviewed">
                                <thead>
                                <tr>
                                    <th>اسم المنتج</th>
                                    <th> الصوره الرئيسية</th>
                                    <th> الصور</th>
                                    <th> الكمية</th>
                                    <th>الوصف</th>
                                    <th>معلومات تنزيل</th>
                                    <th>اسم المستخدم</th>
                                </tr>
                                </thead>
                                <tbody>


                                </tbody>
                            </table>

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

</div>


    <script>

        var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1");

        $('body').on('click', '.moImg', function () {

            $('body').append('<div class="product-image-overlay"><span class="product-image-overlay-close">x</span><img src="" /></div>');
            var productImage = $('img');
            var productOverlay = $('.product-image-overlay');
            var productOverlayImage = $('.product-image-overlay img');

            productImage.click(function () {
                var productImageSource = $(this).attr('src');

                productOverlayImage.attr('src', productImageSource);
                productOverlay.fadeIn(100);
                $('body').css('overflow', 'hidden');

                $('.product-image-overlay-close').click(function () {
                    productOverlay.fadeOut(100);
                    $('body').css('overflow', 'auto');
                });
            });
        });

    </script>
