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/categories/ |
@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.categories.store') }}" method="post" id="frm_add" class="form" enctype="multipart/form-data">
<div class="box-body">
{{ csrf_field() }}
<div class="col-md-12">
<h3 class="bold">Product Category</h3>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="name">Category Name <span class="text-danger">*</span></label>
<input type="text" name="name" id="name" placeholder="Name" class="form-control input-lg" value="{{ old('name') }}">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="parent">Parent Category</label>
<select name="parent" id="parent" class="form-control custom-select input-lg">
<option value="">-- Select --</option>
@foreach($categories as $category)
<option value="{{ $category->id }}">{{ $category->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="status">Status <span class="text-danger">*</span></label>
<select name="status" id="status" class="form-control custom-select input-lg">
<option value="0">Disable</option>
<option value="1">Enable</option>
</select>
</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-12">
<div class="form-group">
<label for="cover">Upload a Cover Image </label>
<input type="file" name="cover" id="cover" class="form-control input-lg">
</div>
</div>
</div>
<h3 class="bold">Featured Category? <small>(to be shown on product listing page)</small></h3>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="status">Activation <span class="text-danger">*</span></label>
<select name="featured_category" id="featured_category" class="form-control custom-select input-lg">
<option value="0">Disable</option>
<option value="1">Enable</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="status">Font Colour</label>
<select name="featured_category_template" id="featured_category_template" class="form-control custom-select input-lg">
<option value="">Select</option>
<option value="font-black-main">Black</option>
<option value="font-white">White</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="status">Order Sequence</label>
<select name="featured_category_sequence" id="featured_category_sequence" class="form-control custom-select input-lg">
<option value="">Select</option>
@for( $counter=1; $counter<=10; $counter++ )
<option value="{{ $counter }}" {{ ( array_key_exists( $counter, $existingCategories ) ) ? 'disabled': '' }}>{{ $counter }}</option>
@endfor
</select>
</div>
</div>
</div>
</div>
</div>
<div class="box-footer">
<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.categories.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 }
},
messages: {
name: { required: 'Please enter a category name' }
}
});
});
</script>
@endsection