
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="row">
            <div class="col-md-12 clinick invz" id="gprinModel">
                <div class="portlet box blue">
                    <div class="portlet-title">
                        <div class="caption">

                            <i class="fa fa-gear"></i>General Settings
                        </div>
                        <div class="actions">
                            <button type="button" class="btn btn-success" id="tankLocationPreviewBtn">
                                <i class="fa fa-eye"></i> Preview</button>

                            <a href="{$hosturl}/controllers/{$controllname}.php?ac=colors" class="btn btn-success btn-sm" >
                                <i class="fa fa-gear"></i>  Colors </a>
                        </div>
                    </div>

                    <div class="portlet-body all">
                        <div class="row">
                            <div class="row">
                                <div class="portlet-body form">
                                    <form>
                                        <div class="form-body">
                                            <div class="row">
                                                <input type="hidden" id="controllName" value="operativedetails"/>
                                                <input type="hidden" id="embryoslab" value="1">
                                                <table class="table wds100">
                                                    <tr>
                                                        <td class="wds50">
                                                            {foreach $tanks_generalsA as $tanks_general }
                                                            <div class="col-md-4">
                                                                <table class="table wds100" style="    border: 3px solid #000;">
                                                                    <thead>
                                                                        <tr>
                                                                            <th  colspan="3">Canister  {$tanks_general->location}{$tanks_general->btn_no}</th>
                                                                        </tr>
                                                                        {for $foo=1 to 9}
                                                                        {capture assign=col}row{$foo}_color{/capture}
                                                                        {capture assign=colLetter}color{$foo}_letter{/capture}
                                                                        {capture assign=colName}color{$foo}_name{/capture}

                                                                        <tr>
                                                                            <th class="wds15">Row  {$foo} Color</th>
                                                                            <td class="wds18">
                                                                                <select   class="form-control updateRowColor " 
                                                                                          data-tableName="tanks_general"     
                                                                                          data-id="{$tanks_general->id}" data-colName="{$col}"   
                                                                                          style="background-color: {$tanks_general->$colName}">
                                                                                    <option value="">choose</option>
                                                                                    {foreach $colors as $color }
                                                                                    <option  style="background-color: {$color->color_name}"
                                                                                             value="{$color->id}" 
                                                                                             {if $tanks_general->$col eq $color->id}selected{/if}>
                                                                                        {$color->color_letter} </option>
                                                                                    {/foreach}
                                                                                </select>
                                                                            </td>
                                                                        </tr>
                                                                        {/for}
                                                                    </thead>
                                                                </table>
                                                            </div>

                                                            {/foreach}
                                                        </td>
                                                        <td class="wds50">

                                                            {foreach $tanks_generalsB as $tanks_general }
                                                            <div class="col-md-4">
                                                                <table class="table wds100" style="    border: 3px solid #000;">
                                                                    <thead>
                                                                        <tr>
                                                                            <th  colspan="3">Canister  {$tanks_general->location}{$tanks_general->btn_no}</th>
                                                                        </tr>
                                                                        {for $foo=1 to 9}
                                                                        {capture assign=col}row{$foo}_color{/capture}
                                                                        {capture assign=colLetter}color{$foo}_letter{/capture}
                                                                        {capture assign=colName}color{$foo}_name{/capture}
                                                                        <tr>
                                                                            <th class="wds15">Row  {$foo} Color</th>
                                                                            <td class="wds18">
                                                                                <select   class="form-control updateRowColor " 
                                                                                          data-tableName="tanks_general"    
                                                                                          data-id="{$tanks_general->id}" data-colName="{$col}"   
                                                                                          style="background-color: {$tanks_general->$colName}">
                                                                                    <option value="">choose</option>
                                                                                    {foreach $colors as $color }
                                                                                    <option  style="background-color: {$color->color_name}"
                                                                                             value="{$color->id}" 
                                                                                             {if $tanks_general->$col eq $color->id}selected{/if}>
                                                                                        {$color->color_letter} </option>
                                                                                    {/foreach}
                                                                                </select>
                                                                            </td>
                                                                        </tr>
                                                                        {/for}
                                                                    </thead>
                                                                </table>
                                                            </div>

                                                            {/foreach}
                                                        </td>
                                                    </tr>
                                                </table>

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


<div id="tankLocationDiv"></div>