| Current File : /home/tradevaly/prioyshi.com/project/resources/views/vendor/product/edit/digital.blade.php |
@extends('layouts.vendor')
@section('styles')
<link href="{{asset('assets/vendor/css/product.css')}}" rel="stylesheet"/>
<link href="{{asset('assets/admin/css/jquery.Jcrop.css')}}" rel="stylesheet"/>
<link href="{{asset('assets/admin/css/Jcrop-style.css')}}" rel="stylesheet"/>
@endsection
@section('content')
<div class="content-area">
<div class="mr-breadcrumb">
<div class="row">
<div class="col-lg-12">
<h4 class="heading"> {{ $langg->lang704 }}<a class="add-btn" href="{{ route('vendor-prod-index') }}"><i class="fas fa-arrow-left"></i> {{ $langg->lang550 }}</a></h4>
<ul class="links">
<li>
<a href="{{ route('vendor-dashboard') }}">{{ $langg->lang441 }}</a>
</li>
<li>
<a href="javascript:;">{{ $langg->lang444 }} </a>
</li>
<li>
<a href="javascript:;">{{ $langg->lang630 }}</a>
</li>
<li>
<a href="{{ route('vendor-prod-edit',$data->id) }}">{{ $langg->lang705 }}</a>
</li>
</ul>
</div>
</div>
</div>
<div class="add-product-content">
<div class="row">
<div class="col-lg-12">
<div class="product-description">
<div class="body-area" id="modalEdit">
<div class="gocover" style="background: url({{asset('assets/images/'.$gs->admin_loader)}}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>
<form id="geniusform" action="{{route('vendor-prod-update',$data->id)}}" method="POST" enctype="multipart/form-data">
{{csrf_field()}}
@include('includes.vendor.form-both')
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang632 }}* </h4>
<p class="sub-heading">{{ $langg->lang517 }}</p>
</div>
</div>
<div class="col-lg-7">
<input type="text" class="input-field" placeholder="{{ $langg->lang632 }}" name="name" required="" value="{{ $data->name }}">
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang637 }}*</h4>
</div>
</div>
<div class="col-lg-7">
<select id="cat" name="category_id" required="">
<option>{{ $langg->lang691 }}</option>
@foreach($cats as $cat)
<option data-href="{{ route('vendor-subcat-load',$cat->id) }}" value="{{$cat->id}}" {{$cat->id == $data->category_id ? "selected":""}} >{{$cat->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang638 }}*</h4>
</div>
</div>
<div class="col-lg-7">
<select id="subcat" name="subcategory_id">
<option value="">{{ $langg->lang639 }}</option>
@if($data->subcategory_id == null)
@foreach($data->category->subs as $sub)
<option data-href="{{ route('vendor-childcat-load',$sub->id) }}" value="{{$sub->id}}" >{{$sub->name}}</option>
@endforeach
@else
@foreach($data->category->subs as $sub)
<option data-href="{{ route('vendor-childcat-load',$sub->id) }}" value="{{$sub->id}}" {{$sub->id == $data->subcategory_id ? "selected":""}} >{{$sub->name}}</option>
@endforeach
@endif
</select>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang640 }}*</h4>
</div>
</div>
<div class="col-lg-7">
<select id="childcat" name="childcategory_id" {{$data->subcategory_id == null ? "disabled":""}}>
<option value="">{{ $langg->lang641 }}</option>
@if($data->subcategory_id != null)
@if($data->childcategory_id == null)
@foreach($data->subcategory->childs as $child)
<option value="{{$child->id}}" >{{$child->name}}</option>
@endforeach
@else
@foreach($data->subcategory->childs as $child)
<option value="{{$child->id}} " {{$child->id == $data->childcategory_id ? "selected":""}}>{{$child->name}}</option>
@endforeach
@endif
@endif
</select>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang692 }}*</h4>
</div>
</div>
<div class="col-lg-7">
<select id="type_check" name="type_check">
<option value="1" {{ $data->file != null ? 'selected':'' }}>{{ $langg->lang693 }}</option>
<option value="2" {{ $data->link != null ? 'selected':'' }}>{{ $langg->lang694 }}</option>
</select>
</div>
</div>
<div class="row file {{ $data->file != null ? '':'hidden' }}">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang695 }}*</h4>
</div>
</div>
<div class="col-lg-7">
<input type="file" name="file">
</div>
</div>
<div class="row link {{ $data->link != null ? '':'hidden' }}">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang696 }}*</h4>
</div>
</div>
<div class="col-lg-7">
<textarea class="input-field" rows="4" name="link" placeholder="{{ $langg->lang696 }}" {{ $data->link != null ? 'required':'' }}>{{ $data->link }}</textarea>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang511 }} *</h4>
</div>
</div>
<div class="col-lg-7">
<div class="img-upload">
<div id="image-preview" class="img-preview" style="background: url({{ $data->photo ? asset('assets/images/products/'.$data->photo):asset('assets/images/noimage.png') }});">
<label for="image-upload" class="img-label" id="image-label"><i class="icofont-upload-alt"></i>{{ $langg->lang512 }}</label>
<input type="file" name="photo" class="img-upload" id="image-upload" >
</div>
<p class="img-alert mt-2 text-danger d-none"></p>
<p class="text">Prefered Size: (800x800) or Square Size.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">
{{ $langg->lang644 }} *
</h4>
</div>
</div>
<div class="col-lg-7">
<a href="javascript" class="set-gallery" data-toggle="modal" data-target="#setgallery">
<input type="hidden" value="{{$data->id}}">
<i class="icofont-plus"></i> {{ $langg->lang645 }}
</a>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">
{{ $langg->lang664 }}*
</h4>
<p class="sub-heading">
({{ $langg->lang665 }} {{$sign->name}})
</p>
</div>
</div>
<div class="col-lg-7">
<input name="price" step="0.1" type="number" class="input-field" placeholder="{{ $langg->lang666 }}" value="{{round($data->price * $sign->value , 2)}}" required="" min="0">
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang667 }}*</h4>
<p class="sub-heading">{{ $langg->lang668 }}</p>
</div>
</div>
<div class="col-lg-7">
<input name="previous_price" step="0.1" type="number" class="input-field" placeholder="{{ $langg->lang666 }}" value="{{round($data->previous_price * $sign->value , 2)}}" min="0">
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">
{{ $langg->lang680 }}*
</h4>
</div>
</div>
<div class="col-lg-7">
<div class="text-editor">
<textarea class="nic-edit-p" name="details">{{$data->details}}</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">
{{ $langg->lang681 }}*
</h4>
</div>
</div>
<div class="col-lg-7">
<div class="text-editor">
<textarea class="nic-edit-p" name="policy">{{$data->policy}}</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang682 }}*</h4>
<p class="sub-heading">{{ $langg->lang668 }}</p>
</div>
</div>
<div class="col-lg-7">
<input name="youtube" type="text" class="input-field" placeholder="{{ $langg->lang682 }}" value="{{$data->youtube}}">
<div class="checkbox-wrapper">
<input type="checkbox" name="seo_check" value="1" class="checkclick" id="allowProductSEO" {{ ($data->meta_tag != null || strip_tags($data->meta_description) != null) ? 'checked':'' }}>
<label for="allowProductSEO">{{ $langg->lang683 }}</label>
</div>
</div>
</div>
<div class="{{ ($data->meta_tag == null && strip_tags($data->meta_description) == null) ? "showbox":"" }}">
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang684 }} *</h4>
</div>
</div>
<div class="col-lg-7">
<ul id="metatags" class="myTags">
@if(!empty($data->meta_tag))
@foreach ($data->meta_tag as $element)
<li>{{ $element }}</li>
@endforeach
@endif
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">
{{ $langg->lang685 }} *
</h4>
</div>
</div>
<div class="col-lg-7">
<div class="text-editor">
<textarea name="meta_description" class="input-field" placeholder="{{ $langg->lang685 }}">{{ $data->meta_description }}</textarea>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
</div>
</div>
<div class="col-lg-7">
<div class="featured-keyword-area">
<div class="heading-area">
<h4 class="title">{{ $langg->lang686 }}</h4>
</div>
<div class="feature-tag-top-filds" id="feature-section">
@if(!empty($data->features))
@foreach($data->features as $key => $data1)
<div class="feature-area">
<span class="remove feature-remove"><i class="fas fa-times"></i></span>
<div class="row">
<div class="col-lg-6">
<input type="text" name="features[]" class="input-field" placeholder="{{ $langg->lang687 }}" value="{{ $data->features[$key] }}">
</div>
<div class="col-lg-6">
<div class="input-group colorpicker-component cp">
<input type="text" name="colors[]" value="{{ $data->colors[$key] }}" class="input-field cp"/>
<span class="input-group-addon"><i></i></span>
</div>
</div>
</div>
</div>
@endforeach
@else
<div class="feature-area">
<span class="remove feature-remove"><i class="fas fa-times"></i></span>
<div class="row">
<div class="col-lg-6">
<input type="text" name="features[]" class="input-field" placeholder="{{ $langg->lang687 }}">
</div>
<div class="col-lg-6">
<div class="input-group colorpicker-component cp">
<input type="text" name="colors[]" value="#000000" class="input-field cp"/>
<span class="input-group-addon"><i></i></span>
</div>
</div>
</div>
</div>
@endif
</div>
<a href="javascript:;" id="feature-btn" class="add-fild-btn"><i class="icofont-plus"></i> {{ $langg->lang688 }}</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
<h4 class="heading">{{ $langg->lang689 }} *</h4>
</div>
</div>
<div class="col-lg-7">
<ul id="tags" class="myTags">
@if(!empty($data->tags))
@foreach ($data->tags as $element)
<li>{{ $element }}</li>
@endforeach
@endif
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="left-area">
</div>
</div>
<div class="col-lg-7 text-center">
<button class="addProductSubmit-btn" type="submit">{{ $langg->lang706 }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="setgallery" tabindex="-1" role="dialog" aria-labelledby="setgallery" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">{{ $langg->lang619 }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="top-area">
<div class="row">
<div class="col-sm-6 text-right">
<div class="upload-img-btn">
<form method="POST" enctype="multipart/form-data" id="form-gallery">
{{ csrf_field() }}
<input type="hidden" id="pid" name="product_id" value="">
<input type="file" name="gallery[]" class="hidden" id="uploadgallery" accept="image/*" multiple>
<label id="prod_gallery"><i class="icofont-upload-alt"></i>{{ $langg->lang620 }}</label>
</form>
</div>
</div>
<div class="col-sm-6">
<a href="javascript:;" class="upload-done" data-dismiss="modal"> <i class="fas fa-check"></i> {{ $langg->lang621 }}</a>
</div>
<div class="col-sm-12 text-center">( <small>{{ $langg->lang622 }}</small> )</div>
</div>
</div>
<div class="gallery-images">
<div class="selected-image">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
// Gallery Section Update
$(document).on("click", ".set-gallery" , function(){
var pid = $(this).find('input[type=hidden]').val();
$('#pid').val(pid);
$('.selected-image .row').html('');
$.ajax({
type: "GET",
url:"{{ route('admin-gallery-show') }}",
data:{id:pid},
success:function(data){
if(data[0] == 0)
{
$('.selected-image .row').addClass('justify-content-center');
$('.selected-image .row').html('<h3>{{ $langg->lang624 }}</h3>');
}
else {
$('.selected-image .row').removeClass('justify-content-center');
$('.selected-image .row h3').remove();
var arr = $.map(data[1], function(el) {
return el });
for(var k in arr)
{
$('.selected-image .row').append('<div class="col-sm-6">'+
'<div class="img gallery-img">'+
'<span class="remove-img"><i class="fas fa-times"></i>'+
'<input type="hidden" value="'+arr[k]['id']+'">'+
'</span>'+
'<a href="'+'{{asset('assets/images/galleries').'/'}}'+arr[k]['photo']+'" target="_blank">'+
'<img src="'+'{{asset('assets/images/galleries').'/'}}'+arr[k]['photo']+'" alt="gallery image">'+
'</a>'+
'</div>'+
'</div>');
}
}
}
});
});
$(document).on('click', '.remove-img' ,function() {
var id = $(this).find('input[type=hidden]').val();
$(this).parent().parent().remove();
$.ajax({
type: "GET",
url:"{{ route('admin-gallery-delete') }}",
data:{id:id}
});
});
$(document).on('click', '#prod_gallery' ,function() {
$('#uploadgallery').click();
});
$("#uploadgallery").change(function(){
$("#form-gallery").submit();
});
$(document).on('submit', '#form-gallery' ,function() {
$.ajax({
url:"{{ route('admin-gallery-store') }}",
method:"POST",
data:new FormData(this),
dataType:'JSON',
contentType: false,
cache: false,
processData: false,
success:function(data)
{
if(data != 0)
{
$('.selected-image .row').removeClass('justify-content-center');
$('.selected-image .row h3').remove();
var arr = $.map(data, function(el) {
return el });
for(var k in arr)
{
$('.selected-image .row').append('<div class="col-sm-6">'+
'<div class="img gallery-img">'+
'<span class="remove-img"><i class="fas fa-times"></i>'+
'<input type="hidden" value="'+arr[k]['id']+'">'+
'</span>'+
'<a href="'+'{{asset('assets/images/galleries').'/'}}'+arr[k]['photo']+'" target="_blank">'+
'<img src="'+'{{asset('assets/images/galleries').'/'}}'+arr[k]['photo']+'" alt="gallery image">'+
'</a>'+
'</div>'+
'</div>');
}
}
}
});
return false;
});
// Gallery Section Update Ends
</script>
<script src="{{asset('assets/admin/js/jquery.Jcrop.js')}}"></script>
<script src="{{asset('assets/admin/js/jquery.SimpleCropper.js')}}"></script>
<script type="text/javascript">
$('.cropme').simpleCropper();
$('#crop-image').on('click',function(){
$('.cropme').click();
});
</script>
<script type="text/javascript">
$(document).ready(function() {
let html = `<img src="{{ empty($data->photo) ? asset('assets/images/noimage.png') : asset('assets/images/products/'.$data->photo) }}" alt="">`;
$(".span4.cropme").html(html);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
});
$('.ok').on('click', function () {
setTimeout(
function() {
var img = $('#feature_photo').val();
$.ajax({
url: "{{route('vendor-prod-upload-update',$data->id)}}",
type: "POST",
data: {"image":img},
success: function (data) {
if (data.status) {
$('#feature_photo').val(data.file_name);
}
if ((data.errors)) {
for(var error in data.errors)
{
$.notify(data.errors[error], "danger");
}
}
}
});
}, 1000);
});
</script>
<script src="{{asset('assets/admin/js/product.js')}}"></script>
@endsection