<input type="hidden" id="crossInvest" value="1" />
<div class="form-group " style=" width: 100%; float: left;   border-bottom:1px solid black;  margin: 5px;padding-bottom: 5px;" id="invDiv{$invest->id}">


    <label class="col-md-11 control-label bold txtl" style="text-decoration:underline;margin-left: 4px;" >{$invest->name}
        <span style="float: left;">
            <input type="checkbox"  class="checkGroup" value="{$invest->id}" name="invCheck[]">
        </span>
    </label>


    <div class="form-group col-md-12 " style=" float: left; margin-top: 5px; ">

        <label class="col-md-2 wds20 control-label bold txtl" style=" font-size: 16px;">The Patient  : </label>

        <div class="col-md-2 wds8">
            <select class="form-control   cross_abo"  
                    id="cross_abo"   >
                <option value=""></option>
                {foreach $cross_abo as $data}
                <option value="{$data->id}" >{$data->name}</option>
                {/foreach}
                <option value="-2" class="deleteoptincompo">حذف</option>
            </select>
        </div>


        <div class="col-md-4 wds12">
            <select class="form-control   cross_rh"  
                    id="cross_rh"   >
                <option value=""></option>
                {foreach $cross_rh as $data}
                <option value="{$data->id}" >{$data->name}</option>
                {/foreach}
                <option value="-2" class="deleteoptincompo">حذف</option>
            </select>
        </div>
    </div>




    <div class="form-group col-md-12 " style=" float: left; margin-top: 5px; background-color: #ddd; ">
        <input type="hidden" id="crossDonnersItr" value="1" />
        <label class=" col-md-2 wds20 control-label bold txtl" style=" font-size: 16px;">The Donors  : 

            <a class=" btn-success btn-xs " id="AddDonor"  href="javascript:;"  data-cross="0" 
               style="margin-right: 0px;"  >
                <i class="fa fa-plus"></i> </a>

        </label>
        <div class="col-md-2 wds8">ABO</div>
        <div class="col-md-2 wds12">Rh</div>
        <div class="col-md-2 wds15">Compatibility</div>
        <div class="col-md-2 wds15">HCV</div>
        <div class="col-md-2 wds15">HBsAg</div>
        <div class="col-md-2 wds15">HV</div>
    </div>

    <div id="donorsDiv">        

        <div class="form-group col-md-12 " style=" float: left; margin-top: 5px; ">

            <div class="col-md-2 wds20">

                <input type="text"  class="form-control "    value=""   >

            </div>

            <div class="col-md-2 wds8">
                <select class="form-control   cross_abo"  
                        id="donner_abo1" data-itr="1"   >
                    <option value=""></option>
                    {foreach $cross_abo as $data}
                    <option value="{$data->id}" >{$data->name}</option>
                    {/foreach}
                    <option value="-2" class="deleteoptincompo">حذف</option>
                </select>
            </div>


            <div class="col-md-2 wds12">
                <select class="form-control   cross_rh"  
                        id="donner_rh1" data-itr="1"    >
                    <option value=""></option>
                    {foreach $cross_rh as $data}
                    <option value="{$data->id}" >{$data->name}</option>
                    {/foreach}
                    <option value="-2" class="deleteoptincompo">حذف</option>
                </select>
            </div>


            <div class="col-md-2 wds15">
                <select class="form-control   cross_compatibility"  
                        id="cross_compatibility1" data-itr="1"    >
                    <option value=""></option>
                    {foreach $cross_compatibility as $data}
                    <option value="{$data->id}" >{$data->name}</option>
                    {/foreach}
                    <option value="-2" class="deleteoptincompo">حذف</option>
                </select>
            </div>


            <div class="col-md-2 wds15">
                <select class="form-control   cross_hcv"  
                        id="cross_hcv1" data-itr="1"    >
                    <option value=""></option>
                    {foreach $cross_hcv as $data}
                    <option value="{$data->id}" >{$data->name}</option>
                    {/foreach}
                    <option value="-2" class="deleteoptincompo">حذف</option>
                </select>
            </div>


            <div class="col-md-2 wds15">
                <select class="form-control   cross_hbsag"  
                        id="cross_hbsag1" data-itr="1"    >
                    <option value=""></option>
                    {foreach $cross_hbsag as $data}
                    <option value="{$data->id}" >{$data->name}</option>
                    {/foreach}
                    <option value="-2" class="deleteoptincompo">حذف</option>
                </select>
            </div>


            <div class="col-md-2 wds15">
                <select class="form-control   cross_hv"  
                        id="cross_hv1" data-itr="1"    >
                    <option value=""></option>
                    {foreach $cross_hv as $data}
                    <option value="{$data->id}" >{$data->name}</option>
                    {/foreach}
                    <option value="-2" class="deleteoptincompo">حذف</option>
                </select>
            </div>


        </div>
    </div>





    <div class="form-group col-md-12 " style=" float: left;margin-top :  5px; ">
        <label class="col-md-2 control-label bold txtl" style=" font-size: 16px;"> Comment </label>
        <div class="col-md-10">
            <textarea class="form-control  txtc" rows="2" 
                      placeholder="Enter more text" data-toggle="popover" 
                      data-trigger="hover" data-placement="bottom" data-content="">
            </textarea>
        </div>
    </div>


</div>