diff --git a/resources/views/purchase/create.blade.php b/resources/views/purchase/create.blade.php
index cfc2364..07eb8fa 100644
--- a/resources/views/purchase/create.blade.php
+++ b/resources/views/purchase/create.blade.php
@@ -259,6 +259,132 @@
     </div>
 </div>
 
+<!-- Item Info Modal (for adding new items from purchase) -->
+<div class="modal fade" id="ItemInfo" tabindex="-1" aria-labelledby="ItemInfoLabel" aria-hidden="true">
+    <style>
+        #ItemInfo .select2-dropdown {
+            z-index: 10000 !important;
+        }
+        #ItemInfo .select2-container {
+            z-index: 9999 !important;
+        }
+        #ItemInfo .form-control.select2-hidden-accessible {
+            display: none !important;
+        }
+        #ItemInfo .select2-container--default .select2-selection--multiple {
+            min-height: 38px;
+            border: 1px solid #ced4da;
+            border-radius: 0.25rem;
+        }
+    </style>
+    <form id="item" method="POST" action="{{ route('items.store') }}">
+        @csrf
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header d-flex justify-content-between align-items-center">
+                    <h5 class="modal-title mb-0" id="ItemInfoLabel">Add New Item</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <div id="brands-loader" class="text-center py-3" style="display: none;">
+                        <i class="fa fa-spinner fa-spin fa-2x text-primary"></i>
+                        <p class="mt-2 mb-0 text-muted">Loading brands...</p>
+                    </div>
+                    <div id="success-message" class="alert alert-success" style="display: none;">
+                        <span></span>
+                    </div>
+                    <div class="row mb-3">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <label class="form-label">Category <span class="text-danger">*</span></label>
+                                <select class="form-select" id="item_cat_id" name="cat_id">
+                                    <option value="">Select Category</option>
+                                    @foreach($categories ?? [] as $category)
+                                        <option value="{{ $category->id }}">{{ $category->name }}</option>
+                                    @endforeach
+                                </select>
+                                <div class="invalid-feedback" id="error-cat_id" style="display: none;"></div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <label class="form-label">Brand <span class="text-danger">*</span></label>
+                                <select class="form-select" id="item_brand_id" name="brand_id" disabled>
+                                    <option value="">Select Category First</option>
+                                </select>
+                                <div class="invalid-feedback" id="error-brand_id" style="display: none;"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label">Title <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" id="item_title" name="title" maxlength="250">
+                        <div class="invalid-feedback" id="error-title" style="display: none;">Title is required</div>
+                    </div>
+                    <div class="row mb-3">
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">Colors</label>
+                                <select class="form-control" id="item_colors" name="colors[]" multiple style="width: 100%;">
+                                    @foreach($colors ?? [] as $color)
+                                        <option value="{{ $color->id }}">{{ $color->name }}</option>
+                                    @endforeach
+                                </select>
+                                <div class="invalid-feedback" id="error-colors" style="display: none;"></div>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">Memory (RAM)</label>
+                                <select class="form-control" id="item_memories" name="memories[]" multiple style="width: 100%;">
+                                    @foreach($memories ?? [] as $memory)
+                                        <option value="{{ $memory->id }}">{{ $memory->name }} GB</option>
+                                    @endforeach
+                                </select>
+                                <div class="invalid-feedback" id="error-memories" style="display: none;"></div>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">Storage (ROM)</label>
+                                <select class="form-control" id="item_storages" name="storages[]" multiple style="width: 100%;">
+                                    @foreach($storages ?? [] as $storage)
+                                        <option value="{{ $storage->id }}">{{ $storage->name }} {{ $storage->type }}</option>
+                                    @endforeach
+                                </select>
+                                <div class="invalid-feedback" id="error-storages" style="display: none;"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group mb-3">
+                        <label class="form-label">Description</label>
+                        <textarea class="form-control" id="item_description" name="description" rows="3"></textarea>
+                        <div class="invalid-feedback" id="error-description" style="display: none;"></div>
+                    </div>
+                    <div class="row mb-3">
+                        <div class="col-md-12">
+                            <div class="form-group">
+                                <label class="form-label">Status <span class="text-danger">*</span></label>
+                                <select class="form-select" id="item_status" name="status">
+                                    <option value="Active" selected>Active</option>
+                                    <option value="Inactive">Inactive</option>
+                                </select>
+                                <div class="invalid-feedback" id="error-status" style="display: none;"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn btn-primary" id="saveItem">
+                        <i class="fa fa-check"></i>&nbsp;Save Item
+                    </button>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+
 <style>
     .item-row {
         border: 1px solid #e5e7eb;
@@ -758,8 +884,9 @@ function validatePaymentAmounts() {
                         },
                         processResults: function(data, params) {
                             params.page = params.page || 1;
+                            let results = data.results || [];
                             return {
-                                results: data.results,
+                                results: results,
                                 pagination: {
                                     more: data.pagination && data.pagination.more
                                 }
@@ -767,17 +894,47 @@ function validatePaymentAmounts() {
                         },
                         cache: true
                     },
-                    templateResult: function(item) {
-                        if (item.loading) {
-                            return 'Searching...';
-                        }
-                        return item.text;
-                    },
                     templateSelection: function(item) {
                         return item.text || item.id;
                     }
                 });
 
+                // Show "Add New Item" button when Select2 opens
+                itemSelect.on('select2:open', function(e) {
+                    let currentRow = row;
+                    let currentSelect = itemSelect;
+                    
+                    setTimeout(function() {
+                        let $dropdownList = $('.select2-dropdown.select2-dropdown--below, .select2-dropdown.select2-dropdown--above').last();
+                        
+                        // Create button if it doesn't exist
+                        let $addNewBtn = $dropdownList.find('.add-new-item-btn');
+                        if ($addNewBtn.length === 0) {
+                            let buttonHtml = '<div style="padding: 8px; border-bottom: 1px solid #ddd; text-align: center;">' +
+                                '<button type="button" class="add-new-item-btn btn btn-sm btn-primary" style="width: 100%;"><i class="fa fa-plus"></i> Add New Item</button>' +
+                                '</div>';
+                            $dropdownList.find('.select2-results').prepend(buttonHtml);
+                        }
+                        
+                        // Handle Add New Item button click
+                        $(document).on('click', '.add-new-item-btn', function(e) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            
+                            window.currentItemRow = {
+                                row: currentRow,
+                                selectElement: currentSelect
+                            };
+                            
+                            // Close Select2
+                            currentSelect.select2('close');
+                            
+                            // Open ItemInfo modal
+                            $('#ItemInfo').modal('show');
+                        });
+                    }, 100);
+                });
+
                 // Handle item selection
                 itemSelect.on('select2:select', function(e) {
                     let selectedItem = e.params.data;
@@ -1388,6 +1545,168 @@ function updateDeleteButtons() {
             $('.delete-item-btn').hide();
         }
     }
+
+    // ItemInfo Modal Handlers
+    function loadBrandsByCategory(categoryId, brandSelectId, selectedBrandId = null) {
+        if (!categoryId) {
+            $(brandSelectId).html('<option value="">Select Category First</option>').prop('disabled', true);
+            return;
+        }
+
+        let loaderId = brandSelectId === '#item_brand_id' ? '#brands-loader' : '#edit-brands-loader';
+        $(loaderId).fadeIn();
+
+        $.ajax({
+            url: "{{ route('items.brands-by-category', ':id') }}".replace(':id', categoryId),
+            type: 'GET',
+            success: function(brands) {
+                let options = '<option value="">Select Brand</option>';
+                brands.forEach(function(brand) {
+                    let selected = (selectedBrandId && brand.id == selectedBrandId) ? 'selected' : '';
+                    options += `<option value="${brand.id}" ${selected}>${brand.name}</option>`;
+                });
+                $(brandSelectId).html(options).prop('disabled', false);
+            },
+            error: function() {
+                $(brandSelectId).html('<option value="">Error loading brands</option>').prop('disabled', true);
+            },
+            complete: function() {
+                $(loaderId).fadeOut();
+            }
+        });
+    }
+
+    // Handle category change in ItemInfo modal
+    $(document).on('change', '#item_cat_id', function() {
+        let categoryId = $(this).val();
+        loadBrandsByCategory(categoryId, '#item_brand_id');
+    });
+
+    // Initialize Select2 for ItemInfo modal
+    function initializeItemModalSelect2() {
+        // Colors
+        const $colors = $('#item_colors');
+        if ($colors.length) {
+            if ($colors.data('select2')) {
+                $colors.select2('destroy');
+            }
+            $colors.select2({
+                placeholder: 'Select Colors',
+                allowClear: true,
+                width: '100%',
+                dropdownParent: $('#ItemInfo .modal-content'),
+                tags: false
+            });
+        }
+
+        // Memories
+        const $memories = $('#item_memories');
+        if ($memories.length) {
+            if ($memories.data('select2')) {
+                $memories.select2('destroy');
+            }
+            $memories.select2({
+                placeholder: 'Select RAM',
+                allowClear: true,
+                width: '100%',
+                dropdownParent: $('#ItemInfo .modal-content'),
+                tags: false
+            });
+        }
+
+        // Storages
+        const $storages = $('#item_storages');
+        if ($storages.length) {
+            if ($storages.data('select2')) {
+                $storages.select2('destroy');
+            }
+            $storages.select2({
+                placeholder: 'Select Storage',
+                allowClear: true,
+                width: '100%',
+                dropdownParent: $('#ItemInfo .modal-content'),
+                tags: false
+            });
+        }
+    }
+
+    // Initialize when modal is shown
+    $('#ItemInfo').on('shown.bs.modal', function() {
+        initializeItemModalSelect2();
+    });
+
+    // Also initialize on show event
+    $('#ItemInfo').on('show.bs.modal', function() {
+        setTimeout(() => initializeItemModalSelect2(), 50);
+    });
+
+    // Save new item from ItemInfo modal
+    $(document).on('click', '#saveItem', function(e) {
+        e.preventDefault();
+
+        let formData = new FormData(document.getElementById('item'));
+        let saveBtn = $(this);
+        saveBtn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Saving...');
+
+        $.ajax({
+            url: "{{ route('items.store') }}",
+            type: 'POST',
+            data: formData,
+            processData: false,
+            contentType: false,
+            success: function(response) {
+                if (response.success || response.id) {
+                    let newItemId = response.id;
+                    
+                    // Close modal
+                    let modal = bootstrap.Modal.getInstance(document.getElementById('ItemInfo'));
+                    if (modal) modal.hide();
+
+                    // Reset form
+                    $('#item')[0].reset();
+                    $('#item_colors').val(null);
+                    $('#item_memories').val(null);
+                    $('#item_storages').val(null);
+                    
+                    // Add the new item to the dropdown
+                    if (window.currentItemRow && window.currentItemRow.selectElement) {
+                        let selectElement = window.currentItemRow.selectElement;
+                        let itemTitle = $('#item_title').val() || 'New Item';
+                        
+                        // Add as a new option and select it
+                        let newOption = new Option(itemTitle, newItemId, false, true);
+                        selectElement.append(newOption).trigger('change');
+                        
+                        // Load item attributes
+                        let row = window.currentItemRow.row;
+                        loadItemAttributes(row, newItemId);
+                    }
+
+                    Swal.fire({
+                        title: 'Success',
+                        text: 'Item created successfully!',
+                        icon: 'success',
+                        confirmButtonText: 'OK'
+                    });
+                }
+            },
+            error: function(xhr) {
+                let message = 'Error creating item';
+                if (xhr.responseJSON && xhr.responseJSON.message) {
+                    message = xhr.responseJSON.message;
+                }
+                Swal.fire({
+                    title: 'Error',
+                    text: message,
+                    icon: 'error',
+                    confirmButtonText: 'OK'
+                });
+            },
+            complete: function() {
+                saveBtn.prop('disabled', false).html('<i class="fa fa-check"></i>&nbsp;Save Item');
+            }
+        });
+    });
 </script>
 <script src="{{ asset('js/plugins/select2/select2.full.min.js') }}"></script>
 @endpush
diff --git a/routes/web.php b/routes/web.php
index bee05d1..a0f0f43 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -43,8 +43,6 @@
 
     // ITEM ROUTES - Specific routes must come BEFORE parameterized routes to avoid conflicts
     // IMPORTANT: /items/data must be defined BEFORE /items/{item} to prevent route conflicts
-    // Moving it outside the sadmin group but applying middleware inline ensures proper route order
-    Route::get('/items/data', [ItemController::class, 'data'])->middleware('sadmin')->name('items.data');
     Route::get('/items/brands-by-category/{categoryId}', [ItemController::class, 'getBrandsByCategory'])->name('items.brands-by-category');
     
     // SADMIN ROUTES - Only accessible to users with user_type = 'sadmin'
@@ -53,9 +51,9 @@
         Route::get('/colors/data', [ColorController::class, 'data'])->name('colors.data');
         Route::resource('colors', ColorController::class)->except(['create', 'edit']);
 
-        // ITEM ROUTES - Index and CRUD operations
+        // ITEM ROUTES - Index and data retrieval only restricted to SADMIN
         Route::get('/items', [ItemController::class, 'index'])->name('items.index');
-        Route::resource('items', ItemController::class)->except(['create', 'edit', 'show', 'index', 'data']);
+        Route::get('/items/data', [ItemController::class, 'data'])->name('items.data');
 
         // BRAND ROUTES - Data route must come before resource route
         Route::get('/brands/data', [BrandController::class, 'data'])->name('brands.data');
@@ -109,6 +107,11 @@
 
     Route::resource('purchases', PurchaseController::class);
 
+    // ITEM ROUTES - store, update, destroy for authenticated users (including purchases context)
+    Route::post('/items', [ItemController::class, 'store'])->name('items.store');
+    Route::patch('/items/{item}', [ItemController::class, 'update'])->name('items.update');
+    Route::delete('/items/{item}', [ItemController::class, 'destroy'])->name('items.destroy');
+
     Route::get('/logout', function () {
         Auth::logout();
         return redirect('login');