Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/admin/products/ |
@extends('layouts.admin.app')
@section('content')
<div class="row">
<div class="col-md-12">
<section class="content">
@include('layouts.errors-and-messages')
<div class="box">
<form action="{{ route('admin.products.store') }}" method="post" id="frm_add" class="form" enctype="multipart/form-data">
<div class="box-body">
<div class="row col-md-12">
{{ csrf_field() }}
<div class="col-md-8">
<h3 class="bold">Create Product</h3>
<div class="row">
<div class="col-md-12">
<div class="alert alert-primary" role="alert">
<strong>Note:</strong> Products can't have the same SKU value
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="name">Product Name <span class="text-danger">*</span></label>
<input type="text" name="name" id="name" placeholder="Product Name" class="form-control input-lg" value="{{ old('name') }}">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="sku">SKU <span class="text-danger">*</span></label>
<input type="text" name="sku" id="sku" placeholder="SKU" class="form-control input-lg" value="{{ old('sku') }}">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="description">Description </label>
<textarea class="form-control ckeditor" name="description" id="description" rows="5" placeholder="Description">{{ old('description') }}</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="cover"> Upload a Cover / Icon Image <span class="text-danger">*</span></label>
<input type="file" name="cover" id="cover" class="form-control input-lg">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="image">Images</label>
<input type="file" name="image[]" id="image" class="form-control input-lg" multiple>
<small class="text-warning">You can use ctr (cmd) to select multiple images</small>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="price">Price ({{ config('cart.currency_symbol') }}) <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-addon">{{ config('cart.currency_symbol') }}</span>
<input type="text" name="price" id="price" placeholder="Price" class="form-control input-lg" value="{{ old('price') }}">
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="tax">Vat (%) <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-addon">%</span>
<input type="text" name="tax" id="tax" placeholder="Tax" class="form-control input-lg" value="{{ old('tax') }}">
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="total">Total ({{ config('cart.currency_symbol') }})</label>
<div class="input-group">
<span class="input-group-addon">{{ config('cart.currency_symbol') }}</span>
<input type="text" name="total" readonly id="total" placeholder="Total" class="form-control input-lg" value="{{ old('total') }}">
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="quantity">In Stock <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-cart-plus"></i></span>
<input type="text" name="quantity" id="quantity" placeholder="In Stock" class="form-control input-lg" value="{{ old('quantity') }}">
</div>
</div>
</div>
</div>
<div class="row">
@if(!$brands->isEmpty())
<div class="col-md-4">
<div class="form-group">
<label for="brand_id">Brand </label>
<select name="brand_id" id="brand_id" class="form-control custom-select input-lg">
<option value="">Choose Option</option>
@foreach($brands as $brand)
<option @if(old('brand_id') == $brand->id) selected="selected" @endif value="{{ $brand->id }}">{{ $brand->name }}</option>
@endforeach
</select>
</div>
</div>
@endif
<div class="col-md-4">
@include('admin.shared.status-select', ['status' => 0])
</div>
<div class="col-md-4">
<div class="form-group">
<label for="brand_id">Display Product </label>
<select name="display_in_frontend" id="display_in_frontend" class="form-control custom-select input-lg">
<option value="1">Yes</option>
<option value="0">No</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
@include('admin.shared.attribute-select', [compact('default_weight')])
</div>
</div>
</div>
<div class="col-md-4">
<h3 class="bold">Categories</h3>
@include('admin.shared.categories', ['categories' => $categories, 'selectedIds' => []])
</div>
</div>
<div class="row">
<div class="col-md-6">
<button type="submit" class="btn btn-lg btn-block btn-success">Create</button>
</div>
<div class="col-md-6">
<a href="{{ route('admin.products.index') }}" class="btn btn-lg btn-block btn-danger">Back</a>
</div>
</div>
</div>
</form>
</div>
</section>
</div>
</div>
@endsection
@section('js')
<script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#frm_add').validate({
errorPlacement: function(error, element) {
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
rules: {
name: { required: true },
sku: { required: true },
cover: { required: true },
price: { required: true },
tax: { required: true },
quantity: { required: true }
},
messages: {
name: { required: 'Please enter a product name' },
sku: { required: 'Please enter a sku' },
cover: { required: 'Please upload a cover image' },
price: { required: 'Please enter a price' },
tax: { required: 'Please enter a vat' },
quantity: { required: 'Please enter an amount in stock' }
}
});
});
$(function() {
var price = $('#price').val();
var tax = $('#tax').val();
if (price != '' && tax != '') {
var total = (parseFloat(parseFloat(price) * (parseFloat(tax) / 100)) + parseFloat(price)).toFixed(2);
$("#total").val(total);
}
$(document).on('keyup change', '#price', function() {
var price = $(this).val();
var tax = $('#tax').val();
if (price != '' && tax != '') {
var total2 = (parseFloat(parseFloat(price) * (parseFloat(tax) / 100)) + parseFloat(price)).toFixed(2);
$("#total").val(total2);
}
});
$(document).on('keyup change','#tax',function() {
var price = $("#price").val();
var tax = $(this).val();
if (price != '' && tax != '') {
var total3 = (parseFloat(parseFloat(price) * (parseFloat(tax) / 100)) + parseFloat(price)).toFixed(2);
$("#total").val(total3);
}
});
});
</script>
@endsection