@php $card_id = 1; @endphp
@foreach($inclusion_lists as $list)
 <div class="container">
    <div class="col-md-12">
      <div class="row">
          <div class="col-md-6">
            <div class="row" style="margin-top: -2%;">
                <div class="col-md-5" style="text-align:right">
                    <label class="text-right"><h5>Primary Category</h5></label>
                </div>
                
                <div class="col-md-7">
                    <select class="form-control form-control-sm group-primary-category group-primary-category-{{$card_id}}" name="group_primary_category[]" data-card_id="{{$card_id}}">
                      <option value="">--Select--</option>
                      @foreach($menu_categories as $category)
                        <option value="{{$category->id}}" @if($category->id == $list->menu_category_id) selected="" @endif>{{$category->name}}</option>
                      @endforeach
                    </select>
                    <input type="hidden" class="main-card-id-{{$card_id}}" name="main_card_id[]" value="{{$card_id}}">
                </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="col-md-12 text-right">
                All variations Available
               <label class="custom-toggle">
                  <input type="checkbox" class="group-check-available" id="group_check_available_{{$card_id}}" data-card_id="{{$card_id}}" @if($list->make_all_available == "Y") checked="" value="Y" @else value="N" @endif>
                  <span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes"></span>
                  <input type="hidden" class="dtl_group_check_{{$card_id}}" name="dtl_group_check_available[]" @if($list->make_all_available == "Y") value="Y" @else value="N" @endif>
              </label>
            </div>
          </div>
      </div>
    </div>
    <div class="row" style="margin-bottom: 5px;">
      <div class="col-md-4" style="text-align:right">
          <label class="text-left"><h5>User will select</h5></label>
      </div>
      <div class="col-md-2">
          <input type="number" class="form-control form-control-sm" name="group_primary_user_will_select[]" value="{{$list->order_limit}}">
      </div>
    </div>
      <div class="row justify-content-left group-variations-lists group-variations-lists-{{$card_id}}" style="margin-top: 10px;">
        
       @foreach($list->store_item_lists($list->menu_category_id) as $items)

			  <div class="card text-right"style="width: 13rem;margin-left: 5px;">
			     
			      <div class="card-body text-success">
			        <h5 class="card-title" style="height: 10px; margin-top: -16%; margin-left: 15px; margin-right: -25px">
			            <div class="custom-control custom-checkbox checkbox-lg">
			              <input type="checkbox" class="custom-control-input all_group_check all_group_check_{{$card_id}} all_group_check_{{$card_id}}_{{$items->id}}" id="group-dtl-check-{{$card_id}}-{{$items->id}}" data-card_id="{{$card_id}}" data-store_item_id="{{$items->id}}"  @if($items->hasGroupMealStoreItem($list->id, $items->id)) checked @endif>
			              <label class="custom-control-label" for="group-dtl-check-{{$card_id}}-{{$items->id}}"> </label>
			            </div>
			            
			            @if($items->hasGroupMealStoreItem($list->id, $items->id))
			            	<input type="hidden" class="detail-card-id detail-card-id-{{$card_id}} detail-card-id-{{$card_id}}-{{$items->id}}" value="{{$card_id}}" name="detail_card_id[]">
			            	<input type="hidden" class="group_store_item_id group_store_item_id_{{$card_id}} group_store_item_id_{{$card_id}}_{{$items->id}}" value="{{$items->id}}" name="group_store_item_id[]">
			            @else
			            <input type="hidden" class="detail-card-id detail-card-id-{{$card_id}} detail-card-id-{{$card_id}}-{{$items->id}}" value="{{$card_id}}">
			            <input type="hidden" class="group_store_item_id group_store_item_id_{{$card_id}} group_store_item_id_{{$card_id}}_{{$items->id}}" value="{{$items->id}}">
			            @endif
			        </h5>
			        <div class="menu-image">
				        <img class="img-fluid" src="{{ asset('upload/images/'.$items->image) }}" alt="Card image">
				    </div>
			        <p class="card-text text-center" style="font-size: 0.9rem;">{{$items->name}}</p>
			        
			        <!-- for main item sizes -->
			          <div class="row">
			              @foreach($items->has_main_item_sizes($items->id) as $main_item_size)
			              <tr>
			                <td>
			                <label class="col-md-6 text-right"><h5>{{$main_item_size->item_size->name}}</h5></label>
			                <div class="col-md-6 text-left">
			                	@if($items->hasGroupMealStoreItem($list->id, $items->id))
			                		@php
			                			$has_mbi_size = $main_item_size->has_mbi_size($items->hasGroupMealStoreItem($list->id, $items->id)->id, $main_item_size->size_id);
			                		@endphp
			                		<label class="custom-toggle">
				                      <input type="checkbox" class="customSwitches main_item_size_id main_item_size_id_{{$items->id}}_{{$main_item_size->size_id}} main_item_size_card_{{$card_id}}" value="Y" data-store_item_id="{{$items->id}}" data-size_id="{{$main_item_size->size_id}}"  data-card_id="{{$card_id}}" @if($has_mbi_size) checked="" @endif>
				                      <span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes"></span>
				                      
				                    </label>
				                    <input type="hidden" class="dtl_main_item_size_id dtl_main_item_size_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_item_size_card_id_{{$card_id}}" value="{{$main_item_size->size_id}}" @if($has_mbi_size) name="dtl_main_item_size_id[]" @endif>
				                    <input type="hidden" class="dtl_main_item_id dtl_main_item_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_item_id_card_{{$card_id}}" value="{{$items->id}}" @if($has_mbi_size) name="dtl_main_item_id[]" @endif>
				                    <input type="hidden" class="dtl_main_item_card_id dtl_main_item_card_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_item_card_id_card_{{$card_id}}" value="{{$card_id}}" @if($has_mbi_size) name="dtl_main_item_card_id[]" @endif>
				                    <input type="hidden" class="dtl_main_details_id dtl_main_details_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_details_id_card_id_{{$card_id}}" value="{{$main_item_size->id}}" @if($has_mbi_size) name="dtl_main_details_id[]" @endif>
			                	@else
			                		<label class="custom-toggle">
				                      <input type="checkbox" class="customSwitches main_item_size_id main_item_size_id_{{$items->id}}_{{$main_item_size->size_id}} main_item_size_card_{{$card_id}}" value="Y" data-store_item_id="{{$items->id}}" data-size_id="{{$main_item_size->size_id}}"  data-card_id="{{$card_id}}">
				                      <span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes"></span>
				                      
				                    </label>
				                    <input type="hidden" class="dtl_main_item_size_id dtl_main_item_size_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_item_size_card_id_{{$card_id}}" value="{{$main_item_size->size_id}}">
				                    <input type="hidden" class="dtl_main_item_id dtl_main_item_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_item_id_card_{{$card_id}}" value="{{$items->id}}">
				                    <input type="hidden" class="dtl_main_item_card_id dtl_main_item_card_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_item_card_id_card_{{$card_id}}" value="{{$card_id}}">
				                    <input type="hidden" class="dtl_main_details_id dtl_main_details_id_{{$items->id}}_{{$main_item_size->size_id}} dtl_main_details_id_card_id_{{$card_id}}" value="{{$main_item_size->id}}">
			                	@endif

			                	
			                    
			                </div>
			                </td>
			              </tr>
			              @endforeach
			          </div>
			        <!-- end sizes -->
			        
			        <div class="table-responsive">
			        <table class="table table-sm">
			         
			          <tbody>
			             @foreach($items->menuStoreItemVariances($items->id) as $group_item_variances)
			            <tr>
			              <td style="text-align: left;padding-right: 0.5rem;padding-left: 0.5rem;">
			              	@if($items->hasGroupMealStoreItem($list->id, $items->id))
			              		@if($group_item_variances->hasGroupMealVariances($items->hasGroupMealStoreItem($list->id, $items->id)->id,$group_item_variances->id))
			              			<input type="checkbox" class="form-check-input per_card_check_variations per_card_check_variations_{{$card_id}} per_card_check_variations_{{$card_id}}_{{$items->id}}" id="check_{{$card_id}}_{{$group_item_variances->id}}" value="{{$group_item_variances->id}}" data-card_id="{{$card_id}}" data-variances_id="{{$group_item_variances->id}}" data-store_item_id="{{$items->id}}" checked="" name="group_variances_id[]">
			              			{{$group_item_variances->name}}
			              			<input type="hidden" class="variances_store_id_{{$card_id}} variances_store_id_{{$card_id}}_{{$items->id}}" id="variances_store_id_{{$card_id}}_{{$group_item_variances->id}}" value="{{$items->id}}" name="variances_store_id[]">
			              			<input type="hidden" class="variances_card_id_{{$card_id}} variances_card_id_{{$card_id}}_{{$items->id}}" id="variances_card_id_{{$card_id}}_{{$group_item_variances->id}}" value="{{$card_id}}" name="variances_card_id[]">
			              		@else
			              			<input type="checkbox" class="form-check-input per_card_check_variations per_card_check_variations_{{$card_id}} per_card_check_variations_{{$card_id}}_{{$items->id}}" id="check_{{$card_id}}_{{$group_item_variances->id}}" value="{{$group_item_variances->id}}" data-card_id="{{$card_id}}" data-variances_id="{{$group_item_variances->id}}" data-store_item_id="{{$items->id}}">
					                {{$group_item_variances->name}}
					                <input type="hidden" class="variances_store_id_{{$card_id}} variances_store_id_{{$card_id}}_{{$items->id}}" id="variances_store_id_{{$card_id}}_{{$group_item_variances->id}}" value="{{$items->id}}">
					                <input type="hidden" class="variances_card_id_{{$card_id}} variances_card_id_{{$card_id}}_{{$items->id}}" id="variances_card_id_{{$card_id}}_{{$group_item_variances->id}}" value="{{$card_id}}">
			              		@endif
			              	@else
				                <input type="checkbox" class="form-check-input per_card_check_variations per_card_check_variations_{{$card_id}} per_card_check_variations_{{$card_id}}_{{$items->id}}" id="check_{{$card_id}}_{{$group_item_variances->id}}" value="{{$group_item_variances->id}}" data-card_id="{{$card_id}}" data-variances_id="{{$group_item_variances->id}}" data-store_item_id="{{$items->id}}">
				                {{$group_item_variances->name}}
				                <input type="hidden" class="variances_store_id_{{$card_id}} variances_store_id_{{$card_id}}_{{$items->id}}" id="variances_store_id_{{$card_id}}_{{$group_item_variances->id}}" value="{{$items->id}}">
				                <input type="hidden" class="variances_card_id_{{$card_id}} variances_card_id_{{$card_id}}_{{$items->id}}" id="variances_card_id_{{$card_id}}_{{$group_item_variances->id}}" value="{{$card_id}}">
			                @endif
			                
			                <div class="variance-sizes-details-{{$group_item_variances->id}}" style="display: none;">
			                	@if($items->hasGroupMealStoreItem($list->id, $items->id))
			                		@if($group_item_variances->hasGroupMealVariances($items->hasGroupMealStoreItem($list->id, $items->id)->id,$group_item_variances->id))
			                		<table>
			                			@foreach($group_item_variances->hasVarianceSizes($group_item_variances->hasGroupMealVariances($items->hasGroupMealStoreItem($list->id, $items->id)->id,$group_item_variances->id)->id) as $sizes)
			                			
			              					<tr class="sizes_details_{{$group_item_variances->id}}_{{$sizes->size_id}}" style="display: none;">
												<td><input type="hidden" class="form-control sizes_variance_id_{{$group_item_variances->id}}_{{$sizes->size_id}}" name="sizes_variance_id[]" value="{{$group_item_variances->id}}"></td>
												<td><input type="hidden" class="form-control sizes_size_id_ sizes_size_id_{{$group_item_variances->id}}_{{$sizes->size_id}}" name="sizes_size_id[]" value="{{$sizes->size_id}}"></td>
											</tr>

			              				@endforeach
			              			</table>
			                		@endif
			                	@endif
			                </div>
			              </td>
			              <td>
			              	@if($items->hasGroupMealStoreItem($list->id, $items->id))
			              		@if($group_item_variances->hasGroupMealVariances($items->hasGroupMealStoreItem($list->id, $items->id)->id,$group_item_variances->id))
			              			<a href="#" class="add-variance-size add-variance-size-{{$group_item_variances->id}}" data-variance_id="{{$group_item_variances->id}}" data-card_id="{{$card_id}}" data-mbi_inclusion_variance_id="{{$group_item_variances->hasGroupMealVariances($items->hasGroupMealStoreItem($list->id, $items->id)->id,$group_item_variances->id)->id}}" data-toggle="modal" data-target="#modal-add-variance-size" data-action_type="edit"><i class="fa fa-cart-plus" aria-hidden="true"></i></a>
			              		@else
			              			<a href="#" class="add-variance-size add-variance-size-{{$group_item_variances->id}}" data-variance_id="{{$group_item_variances->id}}" data-card_id="{{$card_id}}" data-mbi_inclusion_variance_id="" data-toggle="modal" data-target="#modal-add-variance-size" data-action_type="edit"><i class="fa fa-cart-plus" aria-hidden="true"></i></a>
			              		@endif
			              	@else
			                <a href="#" class="add-variance-size add-variance-size-{{$group_item_variances->id}}" data-variance_id="{{$group_item_variances->id}}" data-card_id="{{$card_id}}" data-mbi_inclusion_variance_id="" data-toggle="modal" data-target="#modal-add-variance-size" data-action_type="edit"><i class="fa fa-cart-plus" aria-hidden="true"></i></a>
			                @endif
			              </td>
			            </tr>
			            @endforeach
			          </tbody>  
			        </table>
			        </div>
			        
			      </div>
			      
			      <!-- for price inclusion -->
			      <div class="card-footer" style="height: 50px;padding-top: 15px;margin-bottom: 15px;">
			        <div class="row">
			              <label class="col-md-8 text-right"><h5>Price Inclusive</h5></label>
			              <div class="col-md-4 text-left">
			                <label class="custom-toggle" style="margin-left: -10px;"> 
			                	@if($items->hasGroupMealStoreItem($list->id, $items->id))
			                		@if($items->hasGroupMealStoreItem($list->id, $items->id)->price_inclusion == "Y")
			                			<input type="checkbox" class="customSwitches primary_price_inclusion_checkbox primary_price_inclusion_checkbox_{{$card_id}}_{{$items->id}}" data-items_id="{{$items->id}}" data-card_id="{{$card_id}}" value="Y" checked="">
			                  		<span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes"></span>
			                  		<input type="hidden" class="primary_price_inclusion_{{$card_id}} primary_price_inclusion_{{$card_id}}_{{$items->id}}" name="primary_price_inclusion[]" value="Y">
			                		@else
			                			<input type="checkbox" class="customSwitches primary_price_inclusion_checkbox primary_price_inclusion_checkbox_{{$card_id}}_{{$items->id}}" data-items_id="{{$items->id}}" data-card_id="{{$card_id}}" value="Y">
			                  		<span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes"></span>
			                  		<input type="hidden" class="primary_price_inclusion_{{$card_id}} primary_price_inclusion_{{$card_id}}_{{$items->id}}" value="N" name="primary_price_inclusion[]">
			                		@endif
			                	@else
			                  <input type="checkbox" class="customSwitches primary_price_inclusion_checkbox primary_price_inclusion_checkbox_{{$card_id}}_{{$items->id}}" data-items_id="{{$items->id}}" data-card_id="{{$card_id}}" value="Y">
			                  <span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes"></span>
			                  <input type="hidden" class="primary_price_inclusion_{{$card_id}} primary_price_inclusion_{{$card_id}}_{{$items->id}}" value="N">
			                  @endif
			                </label>
			                    
			              </div>
			              
			        </div>
			      </div>

			  </div>

			@endforeach

      </div>
  </div>
<hr>
@php $card_id++; @endphp
@endforeach

<div class="modal fade" id="modal-add-variance-size" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
                <h5 class="modal-title" >Sizes </h5>
                <button type="button" class="d-none" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
               <div class="col-12">
                    <div class="data-sizes">
                        
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-sm sizes-close">Close</button>
            </div>
    </div>
  </div>
</div>