You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
			
				
					126 lines
				
				6.5 KiB
			
		
		
			
		
	
	
					126 lines
				
				6.5 KiB
			| 
								 
											2 years ago
										 
									 | 
							
								
							 | 
						||
| 
								 | 
							
								<div class="card view_new_option mb-2">
							 | 
						||
| 
								 | 
							
								    <div class="card-header">
							 | 
						||
| 
								 | 
							
								        <label for=""
							 | 
						||
| 
								 | 
							
								            id="new_option_name_{{ $key }}">{{ isset($item['name']) ? $item['name'] : "translate('add new variation')" }}</label>
							 | 
						||
| 
								 | 
							
								    </div>
							 | 
						||
| 
								 | 
							
								    <div class="card-body">
							 | 
						||
| 
								 | 
							
								        <div class="row g-2">
							 | 
						||
| 
								 | 
							
								            <div class="col-lg-3 col-md-6">
							 | 
						||
| 
								 | 
							
								                <label for="">{{ translate('name') }}</label>
							 | 
						||
| 
								 | 
							
								                <input required name="options[{{ $key }}][name]" required class="form-control"
							 | 
						||
| 
								 | 
							
								                    type="text" onkeyup="new_option_name(this.value,{{ $key }})"
							 | 
						||
| 
								 | 
							
								                    value="{{ $item['name'] }}">
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								            <div class="col-lg-3 col-md-6">
							 | 
						||
| 
								 | 
							
								                <div class="form-group">
							 | 
						||
| 
								 | 
							
								                    <label class="input-label text-capitalize d-flex alig-items-center"><span
							 | 
						||
| 
								 | 
							
								                            class="line--limit-1">{{ translate('messages.selcetion_type') }} </span>
							 | 
						||
| 
								 | 
							
								                    </label>
							 | 
						||
| 
								 | 
							
								                    <div class="resturant-type-group border">
							 | 
						||
| 
								 | 
							
								                        <label class="form-check form--check mr-2 mr-md-4">
							 | 
						||
| 
								 | 
							
								                            <input class="form-check-input" type="radio" value="multi"
							 | 
						||
| 
								 | 
							
								                                name="options[{{ $key }}][type]" id="type{{ $key }}"
							 | 
						||
| 
								 | 
							
								                                {{ $item['type'] == 'multi' ? 'checked' : '' }}
							 | 
						||
| 
								 | 
							
								                                onchange="show_min_max({{ $key }})">
							 | 
						||
| 
								 | 
							
								                            <span class="form-check-label">
							 | 
						||
| 
								 | 
							
								                                {{ translate('Multiple') }}
							 | 
						||
| 
								 | 
							
								                            </span>
							 | 
						||
| 
								 | 
							
								                        </label>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								                        <label class="form-check form--check mr-2 mr-md-4">
							 | 
						||
| 
								 | 
							
								                            <input class="form-check-input" type="radio" value="single"
							 | 
						||
| 
								 | 
							
								                                {{ $item['type'] == 'single' ? 'checked' : '' }} name="options[{{ $key }}][type]"
							 | 
						||
| 
								 | 
							
								                                id="type{{ $key }}" onchange="hide_min_max({{ $key }})">
							 | 
						||
| 
								 | 
							
								                            <span class="form-check-label">
							 | 
						||
| 
								 | 
							
								                                {{ translate('Single') }}
							 | 
						||
| 
								 | 
							
								                            </span>
							 | 
						||
| 
								 | 
							
								                        </label>
							 | 
						||
| 
								 | 
							
								                    </div>
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            <div class="col-12 col-lg-6">
							 | 
						||
| 
								 | 
							
								                <div class="row g-2">
							 | 
						||
| 
								 | 
							
								                    <div class="col-sm-6 col-md-4">
							 | 
						||
| 
								 | 
							
								                        <label for="">{{ translate('Min') }}</label>
							 | 
						||
| 
								 | 
							
								                        <input id="min_max1_{{ $key }}" {{ $item['type'] == 'single' ? 'readonly ' : 'required' }}
							 | 
						||
| 
								 | 
							
								                            value="{{ ($item['min'] != 0) ? $item['min']:''  }}" name="options[{{ $key }}][min]"
							 | 
						||
| 
								 | 
							
								                            class="form-control" type="number" min="1">
							 | 
						||
| 
								 | 
							
								                    </div>
							 | 
						||
| 
								 | 
							
								                    <div class="col-sm-6 col-md-4">
							 | 
						||
| 
								 | 
							
								                        <label for="">{{ translate('Max') }}</label>
							 | 
						||
| 
								 | 
							
								                        <input id="min_max2_{{ $key }}" {{ $item['type'] == 'single' ? 'readonly ' : 'required' }}
							 | 
						||
| 
								 | 
							
								                            value="{{ ($item['max'] != 0) ? $item['max']:''  }}" name="options[{{ $key }}][max]"
							 | 
						||
| 
								 | 
							
								                            class="form-control" type="number" min="2">
							 | 
						||
| 
								 | 
							
								                    </div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								                    <div class="col-md-4">
							 | 
						||
| 
								 | 
							
								                        <label class="d-md-block d-none"> </label>
							 | 
						||
| 
								 | 
							
								                        <div class="d-flex align-items-center justify-content-between">
							 | 
						||
| 
								 | 
							
								                            <div>
							 | 
						||
| 
								 | 
							
								                                <input name="options[{{ $key }}][required]" type="checkbox"
							 | 
						||
| 
								 | 
							
								                                    {{ isset($item['required']) ? ($item['required'] == 'on' ? 'checked	' : '') : '' }}>
							 | 
						||
| 
								 | 
							
								                                <label for="options[{{ $key }}][required]"
							 | 
						||
| 
								 | 
							
								                                    class="m-0">{{ translate('Required') }}</label>
							 | 
						||
| 
								 | 
							
								                            </div>
							 | 
						||
| 
								 | 
							
								                            <div>
							 | 
						||
| 
								 | 
							
								                                <button type="button" class="btn btn-danger btn-sm delete_input_button"
							 | 
						||
| 
								 | 
							
								                                    onclick="removeOption(this)" title="{{ translate('Delete') }}">
							 | 
						||
| 
								 | 
							
								                                    <i class="tio-add-to-trash"></i>
							 | 
						||
| 
								 | 
							
								                                </button>
							 | 
						||
| 
								 | 
							
								                            </div>
							 | 
						||
| 
								 | 
							
								                        </div>
							 | 
						||
| 
								 | 
							
								                    </div>
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								        </div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        <div id="option_price_{{ $key }}">
							 | 
						||
| 
								 | 
							
								            <div class="border rounded p-3 pb-0 mt-3" >
							 | 
						||
| 
								 | 
							
								                    <div id="option_price_view_{{ $key }}">
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								                @if (isset($item['values']))
							 | 
						||
| 
								 | 
							
								                    @foreach ($item['values'] as $key_value => $value)
							 | 
						||
| 
								 | 
							
								                        <div class="row add_new_view_row_class mb-3 position-relative pt-3 pt-md-0">
							 | 
						||
| 
								 | 
							
								                            <div class="col-md-4 col-sm-6">
							 | 
						||
| 
								 | 
							
								                                <label for="">{{ translate('Option_name') }}</label>
							 | 
						||
| 
								 | 
							
								                                <input class="form-control" required type="text"
							 | 
						||
| 
								 | 
							
								                                    name="options[{{ $key }}][values][{{ $key_value }}][label]"
							 | 
						||
| 
								 | 
							
								                                    value="{{ $value['label'] }}">
							 | 
						||
| 
								 | 
							
								                            </div>
							 | 
						||
| 
								 | 
							
								                            <div class="col-md-4 col-sm-6">
							 | 
						||
| 
								 | 
							
								                                <label for="">{{ translate('Additional_price') }}</label>
							 | 
						||
| 
								 | 
							
								                                <input class="form-control" required type="number" min="0" step="0.01"
							 | 
						||
| 
								 | 
							
								                                    name="options[{{ $key }}][values][{{ $key_value }}][optionPrice]"
							 | 
						||
| 
								 | 
							
								                                    value="{{ $value['optionPrice'] }}">
							 | 
						||
| 
								 | 
							
								                            </div>
							 | 
						||
| 
								 | 
							
								                            <div class="col-sm-2 max-sm-absolute">
							 | 
						||
| 
								 | 
							
								                                <label class="d-none d-md-block"> </label>
							 | 
						||
| 
								 | 
							
								                                <div class="mt-1">
							 | 
						||
| 
								 | 
							
								                                    <button type="button" class="btn btn-danger btn-sm" onclick="deleteRow(this)"
							 | 
						||
| 
								 | 
							
								                                        title="{{translate('Delete')}}">
							 | 
						||
| 
								 | 
							
								                                        <i class="tio-add-to-trash"></i>
							 | 
						||
| 
								 | 
							
								                                    </button>
							 | 
						||
| 
								 | 
							
								                                </div>
							 | 
						||
| 
								 | 
							
								                            </div>
							 | 
						||
| 
								 | 
							
								                        </div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								                    @endforeach
							 | 
						||
| 
								 | 
							
								                @endif
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								                <div class="row mt-3 p-3 mr-1 d-flex" id="add_new_button_{{ $key }}">
							 | 
						||
| 
								 | 
							
								                    <button type="button"
							 | 
						||
| 
								 | 
							
								                        class="btn btn-outline-primary"onclick="add_new_row_button({{ $key }})">{{ translate('Add_New_Option') }}</button>
							 | 
						||
| 
								 | 
							
								                </div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        </div>
							 | 
						||
| 
								 | 
							
								    </div>
							 | 
						||
| 
								 | 
							
								</div>
							 |