관리-도구
편집 파일: add-product.blade.php
@extends('layouts.apps') @section('content') <main class="main-wrapper"> <div class="main-content"> <div class="row mb-3 align-items-center"> <div class="col-md-6"> <h3 class="mb-0">Add Product</h3> </div> <div class="col-md-6 text-md-end mt-2 mt-md-0"> <a href="{{ route('admin-product.index') }}" class="btn btn-primary">View Products</a> </div> </div> <div class="card"> <div class="card-body"> <form action="{{ route('admin-product.store') }}" method="POST" enctype="multipart/form-data"> @csrf {{-- Product Title --}} <div class="mb-4"> <label class="form-label">Product Title</label> <input type="text" name="title" class="form-control" required> </div> {{-- Short Description --}} <div class="mb-4"> <label class="form-label">Short Description</label> <textarea name="short_description" class="form-control" rows="3"></textarea> </div> {{-- Long Description --}} <div class="mb-4"> <label class="form-label">Long Description</label> <textarea name="long_description" id="long_description" class="form-control" rows="5"></textarea> </div> {{-- Category --}} <div class="mb-4"> <label class="form-label">Category</label> <select name="cat_id" class="form-select" required> <option value="">Select Category</option> @foreach($categories as $cat) <option value="{{ $cat->cat_id }}">{{ $cat->category }}</option> @endforeach </select> </div> {{-- Hot Offer (optional) --}} <div class="mb-4"> <label class="form-label">Hot Offer</label> <select name="hotoff_id" class="form-select"> <option value="">None</option> @foreach($hotOffers as $offer) <option value="{{ $offer->hotoff_id }}">{{ $offer->hotoffer }}</option> @endforeach </select> </div> {{-- Product Images --}} <div class="mb-4"> <label class="form-label">Product Images</label> <input type="file" name="images[]" class="form-control" multiple> </div> {{-- Submit --}} <div class="text-end"> <button type="submit" class="btn btn-success">Save Product</button> </div> </form> </div> </div> </div> </main> @endsection <script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script> <style> /* CKEditor editable area text color fix */ .ck-editor__editable { color: #000 !important; background: #fff !important; min-height: 200px; max-height: 300px; overflow-y: auto !important; } .ck-content * { color: #000 !important; } </style> <script> document.addEventListener('DOMContentLoaded', function () { ClassicEditor .create(document.querySelector('#long_description')) .catch(error => console.error(error)); }); </script>