Viewing file:  edit.blade.php (11.9 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('admin.layouts.app')
@section('content')
<div class="header bg-primary pb-6">
<div class="container-fluid">
<div class="header-body">
<div class="row align-items-center py-4">
<div class="col-lg-6 col-7">
<h6 class="h2 text-black d-inline-block mb-country">Options</h6>
<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
<li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i class="fas fa-home"></i></a></li>
<li class="breadcrumb-item"><a href="{{ route('product-option') }}">Options</a></li>
<li class="breadcrumb-item">Edit</li>
</ol>
</nav>
</div>
<div class="col-lg-6 col-5 text-right">
<a href="{{ route('product-option.add') }}" class="btn btn-sm btn-neutral">New</a>
{{-- <a href="#" class="btn btn-sm btn-neutral">Filters</a>--}}
</div>
</div>
</div>
</div>
</div>
<!-- Page content -->
<div class="container-fluid mt--6">
<div class="row">
<div class="col-xl-12 order-xl-1">
<div class="card bg-secondary shadow">
<div class="card-header bg-white border-0">
<div class="row align-items-center">
<h3 class="mb-0">{{ __('Edit') }}</h3>
</div>
</div>
<div class="card-body">
<form method="post" action="{{ route('product-option.update',['id' => $data->id]) }}" autocomplete="off" enctype="multipart/form-data">
@csrf
@method('post')
<h6 class="heading-small text-muted mb-4">{{ __('Edit Options ') }}</h6>
<div class="pl-lg-4 row">
<div class="col-md-4 form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-name">{{ __('Name') }}</label>
<input type="text" name="name" id="input-name" class="form-control form-control-alternative{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="{{ __('Name') }}" value="{{ old('name', $data->name) }}" autofocus>
@if ($errors->has('name'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('name') }}</strong>
</span>
@endif
</div>
<div class="col-md-4 form-group{{ $errors->has('type') ? ' has-danger' : '' }}">
<label class="form-control-label" for="status">{{ __('Type') }}</label>
<select class="form-control type" name="type">
@foreach(config('constant.product_option') as $key => $value )
<optgroup label={{ $key }}>
@foreach(config('constant.product_option')[$key] as $key => $value )
<option value="{{ $key }}" {{ $key == $data->type ? 'selected' : '' }}>{{ $value }}</option>
@endforeach
</optgroup>
@endforeach
</select>
@if ($errors->has('type'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('type') }}</strong>
</span>
@endif
</div>
<div class="col-md-4 form-group{{ $errors->has('status') ? ' has-danger' : '' }}">
<label class="form-control-label" for="status">{{ __('Status') }}</label>
<select class="form-control" name="status">
@foreach(config('constant.status') as $key => $value )
<option value={{ $key }} {{ $key == $data->status ? 'selected' : '' }}>{{ $value }}</option>
@endforeach
</select>
@if ($errors->has('status'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('status') }}</strong>
</span>
@endif
</div>
</div>
<div class="pl-lg-4 row row_value_tbl">
<div class="table-responsive">
<table class="table align-items-center table-flush" id="tbl">
<thead class="thead-dark">
<tr>
<th scope="col" class="sort" data-sort="option_value_name">Option Value Name</th>
<th scope="col" class="sort" data-sort="status">Image</th>
<th scope="col" class="sort" data-sort="sort_order">Sort Order</th>
</tr>
</thead>
<tbody class="list">
@forelse($optionValueArray as $key => $value)
<tr class="tr_clone">
<input type="hidden" name="option_value[id][]" value="{{ $value->id }}">
<td><input type="text" name="option_value[name][]" id="name{{ $key }}" class="form-control form-control-alternative{{ $errors->has('name') ? ' is-invalid' : '' }}" value="{{ old('name', $value->name) }}" required></td>
<td>
<input type="file" name="option_value[image][]" id="image{{ $key }}" class="hasFile form-control form-control-alternative{{ $errors->has('image') ? ' is-invalid' : '' }}" value="{{ old('image', '') }}">
<a target="_blank" href="{{ url(config('constant.file_path.product_option')."/$value->image") }}">View Image</a>
</td>
<td class="budget"><input type="number" min="1" name="option_value[sort_order][]" id="sort_order {{ $key }}" value="{{ old('sort_order', $value->sort_order) }}" class="form-control form-control-alternative{{ $errors->has('sort_order') ? ' is-invalid' : '' }}" required></td>
<td>
<button class="btn btn-danger" id="DeleteButton" ><icon class="fa fa-minus" /></button>
</td>
</tr>
@empty
<tr class="tr_clone">
<td><input type="text" name="option_value[name][]" id="name0" class="form-control form-control-alternative{{ $errors->has('name') ? ' is-invalid' : '' }}" value="{{ old('name', '') }}" required></td>
<td><input type="file" name="option_value[image][]" id="image0" class="form-control form-control-alternative{{ $errors->has('image') ? ' is-invalid' : '' }}" value="{{ old('image', '') }}" required></td>
<td class="budget"><input type="number" min="1" name="option_value[sort_order][]" id="sort_order0" value="{{ old('sort_order_image', '') }}" class="form-control form-control-alternative{{ $errors->has('sort_order') ? ' is-invalid' : '' }}" required></td>
<td>
<button class="btn btn-danger" id="DeleteButton" ><icon class="fa fa-minus" /></button>
</td>
</tr>
@endforelse
</tbody>
<tfoot>
<tr>
<td style="text-align:right" colspan="5">
<button type="button" class="btn btn-primary " id="addRowButton" ><icon class="fa fa-plus" /></button>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="pl-lg-4 row">
<div class="text-center">
<button type="submit" class="btn btn-success mt-4">{{ __('Save') }}</button>
<a href="{{ route('product-option') }}" type="button" class="btn btn-danger mt-4">{{ __('Cancel') }}</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('js')
<script>
var typeForOptionValue = ['Select','Radio','Checkbox']
var counter = 1;
var optionType = "{{ $data->type }}"
showOptionValue(optionType)
$(document).on('change','.type',function(){
showOptionValue($(this).val())
})
function showOptionValue(type) {
if(typeForOptionValue.includes(type)) {
$('.row_value_tbl').show()
$(".row_value_tbl input").prop('required',true);
removeRequiredForExistingImage()
} else {
$('.row_value_tbl').hide()
$(".row_value_tbl input").prop('required',false);
}
}
function removeRequiredForExistingImage() {
$('.row_value_tbl tr td input.hasFile').prop('required',false)
}
$(document).on('click', '#addRowButton', function() {
$('#tbl').append(`<tr class="tr_clone">
<td><input type="text" name="option_value[name][]" id=name${counter} class="form-control form-control-alternative" required></td>
<td><input type="file" name="option_value[image][]" id=image${counter} class="form-control form-control-alternative" required></td>
<td class="budget"> <input type="number" min="1" name="option_value[sort_order][]" id=sort_order${counter} class="form-control form-control-alternative" required></td>
<td>
<button class="btn btn-danger" id="DeleteButton" ><icon class="fa fa-minus" /></button>
</td>
</tr>`);
counter += 1;
});
$("#tbl").on("click", "#DeleteButton", function() {
$(this).closest("tr").remove();
counter -= 1;
});
</script>
@endpush
|