I'll create a Laravel application for the sales entry system with all the requested features. Here's the complete implementation: <?php use Illuminate\Support\Facades\Route; use App\Http\Controllers\SalesController; Route::get('/sales/start/{employeeName}', [SalesController::class, 'start'])->name('sales.start'); Route::get('/sales/details', [SalesController::class, 'details'])->name('sales.details'); Route::post('/sales/details', [SalesController::class, 'processDetails'])->name('sales.processDetails'); Route::get('/sales/receipt', [SalesController::class, 'receipt'])->name('sales.receipt'); Route::post('/sales/receipt', [SalesController::class, 'processReceipt'])->name('sales.processReceipt'); Route::get('/sales/summary', [SalesController::class, 'summary'])->name('sales.summary'); <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Illuminate\Support\Facades\Validator; use Illuminate\Support\Facades\Storage; class SalesController extends Controller { private $sessionData = []; public function __construct() { $this->middleware(function ($request, $next) { $this->sessionData = session('sales_data', []); return $next($request); }); } public function start($employeeName) { $this->sessionData['employee_name'] = $employeeName; session(['sales_data' => $this->sessionData]); return view('sales.start', [ 'employeeName' => $employeeName ]); } public function details() { if (!isset($this->sessionData['employee_name'])) { return redirect()->route('sales.start', ['employeeName' => 'Guest']); } return view('sales.details', [ 'employeeName' => $this->sessionData['employee_name'], 'old' => $this->sessionData['details'] ?? [] ]); } public function processDetails(Request $request) { $validator = Validator::make($request->all(), [ 'transaction_id' => 'required|size:8|regex:/^[a-zA-Z0-9]+$/', 'product_name' => 'required|min:5', 'quantity' => 'required|integer|min:1', ], [ 'transaction_id.required' => 'Transaction ID is required', 'transaction_id.size' => 'Transaction ID must be exactly 8 characters', 'transaction_id.regex' => 'Transaction ID must be alphanumeric', 'product_name.required' => 'Product name is required', 'product_name.min' => 'Product name must be at least 5 characters', 'quantity.required' => 'Quantity is required', 'quantity.integer' => 'Quantity must be a number', 'quantity.min' => 'Quantity must be at least 1', ]); if ($validator->fails()) { return redirect()->route('sales.details') ->withErrors($validator) ->withInput(); } $this->sessionData['details'] = $request->only([ 'transaction_id', 'product_name', 'quantity' ]); session(['sales_data' => $this->sessionData]); return redirect()->route('sales.receipt'); } public function receipt() { if (!isset($this->sessionData['details'])) { return redirect()->route('sales.details'); } return view('sales.receipt', [ 'employeeName' => $this->sessionData['employee_name'], 'receipts' => $this->sessionData['receipts'] ?? [] ]); } public function processReceipt(Request $request) { $validator = Validator::make($request->all(), [ 'receipts' => 'required', 'receipts.*' => 'file|mimes:pdf,jpg,jpeg,png|max:2048', ], [ 'receipts.required' => 'At least one receipt is required', 'receipts.*.file' => 'Each receipt must be a file', 'receipts.*.mimes' => 'Receipts must be PDF, JPG, or PNG', 'receipts.*.max' => 'Each receipt must be less than 2MB', ]); if ($validator->fails()) { return redirect()->route('sales.receipt') ->withErrors($validator) ->withInput(); } $uploadedReceipts = []; foreach ($request->file('receipts') as $file) { $path = $file->store('receipts'); $uploadedReceipts[] = [ 'name' => $file->getClientOriginalName(), 'path' => $path, 'type' => $file->getClientMimeType() ]; } $this->sessionData['receipts'] = array_merge( $this->sessionData['receipts'] ?? [], $uploadedReceipts ); session(['sales_data' => $this->sessionData]); return redirect()->route('sales.summary'); } public function summary() { if (!isset($this->sessionData['receipts'])) { return redirect()->route('sales.receipt'); } return view('sales.summary', [ 'employeeName' => $this->sessionData['employee_name'], 'details' => $this->sessionData['details'], 'receipts' => $this->sessionData['receipts'] ]); } } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sales Entry System</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="{{ asset('css/app.css') }}" rel="stylesheet"> </head> <body class="gradient-bg"> <div class="container py-5"> @yield('content') </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html> @extends('layouts.app') @section('content') <div class="card shadow-lg"> <div class="card-header bg-pink text-white"> <h2 class="mb-0">Welcome, {{ $employeeName }}!</h2> </div> <div class="card-body"> <h4 class="mb-4">Sales Submission Flow</h4> <ol class="list-group list-group-numbered"> <li class="list-group-item">Enter sales details (Transaction ID, Product Name, Quantity)</li> <li class="list-group-item">Upload one or more receipts (PDF, JPG, or PNG)</li> <li class="list-group-item">Review your submission before finalizing</li> </ol> <div class="mt-4"> <a href="{{ route('sales.details') }}" class="btn btn-pink">Start Sales Entry</a> </div> </div> </div> @endsection @extends('layouts.app') @section('content') <div class="card shadow-lg"> <div class="card-header bg-pink text-white"> <h2 class="mb-0">Sales Details</h2> </div> <div class="card-body"> @if ($errors->any()) <div class="alert alert-danger"> <ul class="mb-0"> @foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> </div> @endif <form method="POST" action="{{ route('sales.processDetails') }}"> @csrf <div class="mb-3"> <label for="employeeName" class="form-label">Employee Name</label> <input type="text" class="form-control" id="employeeName" value="{{ $employeeName }}" readonly> </div> <div class="mb-3"> <label for="transaction_id" class="form-label">Sales Transaction ID (8 alphanumeric characters)</label> <input type="text" class="form-control" id="transaction_id" name="transaction_id" value="{{ old('transaction_id', $old['transaction_id'] ?? '') }}" required> </div> <div class="mb-3"> <label for="product_name" class="form-label">Product Name (min 5 characters)</label> <input type="text" class="form-control" id="product_name" name="product_name" value="{{ old('product_name', $old['product_name'] ?? '') }}" required> </div> <div class="mb-3"> <label for="quantity" class="form-label">Quantity Sold (min 1)</label> <input type="number" class="form-control" id="quantity" name="quantity" value="{{ old('quantity', $old['quantity'] ?? '') }}" min="1" required> </div> <div class="d-grid gap-2 d-md-flex justify-content-md-end"> <button type="submit" class="btn btn-pink">Next: Upload Receipts</button> </div> </form> </div> </div> @endsection @extends('layouts.app') @section('content') <div class="card shadow-lg"> <div class="card-header bg-pink text-white"> <h2 class="mb-0">Upload Receipts</h2> </div> <div class="card-body"> @if ($errors->any()) <div class="alert alert-danger"> <ul class="mb-0"> @foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> </div> @endif @if(isset($receipts) && count($receipts) > 0) <div class="mb-4"> <h5>Previously Uploaded Receipts:</h5> <ul class="list-group"> @foreach($receipts as $receipt) <li class="list-group-item d-flex justify-content-between align-items-center"> {{ $receipt['name'] }} <span class="badge bg-secondary">{{ strtoupper(pathinfo($receipt['name'], PATHINFO_EXTENSION)) }}</span> </li> @endforeach </ul> </div> @endif <form method="POST" action="{{ route('sales.processReceipt') }}" enctype="multipart/form-data"> @csrf <div class="mb-3"> <label for="receipts" class="form-label">Upload Receipts (PDF, JPG, PNG - max 2MB each)</label> <input type="file" class="form-control" id="receipts" name="receipts[]" multiple required> <div class="form-text">You can select multiple files at once.</div> </div> <div class="d-grid gap-2 d-md-flex justify-content-md-between"> <a href="{{ route('sales.details') }}" class="btn btn-outline-secondary">Back to Details</a> <button type="submit" class="btn btn-pink">Next: Review Submission</button> </div> </form> </div> </div> @endsection @extends('layouts.app') @section('content') <div class="card shadow-lg"> <div class="card-header bg-pink text-white"> <h2 class="mb-0">Sales Submission Summary</h2> </div> <div class="card-body"> <div class="mb-4"> <h4>Sales Details</h4> <div class="table-responsive"> <table class="table table-bordered"> <tr> <th width="30%">Employee Name</th> <td>{{ $employeeName }}</td> </tr> <tr> <th>Transaction ID</th> <td>{{ $details['transaction_id'] }}</td> </tr> <tr> <th>Product Name</th> <td>{{ $details['product_name'] }}</td> </tr> <tr> <th>Quantity Sold</th> <td>{{ $details['quantity'] }}</td> </tr> </table> </div> </div> <div class="mb-4"> <h4>Uploaded Receipts</h4> <div class="row"> @foreach($receipts as $receipt) <div class="col-md-4 mb-3"> <div class="card h-100"> @if(str_contains($receipt['type'], 'image')) <img src="{{ Storage::url($receipt['path']) }}" class="card-img-top" alt="{{ $receipt['name'] }}"> @else <div class="card-body text-center"> <i class="bi bi-file-earmark-pdf fs-1 text-danger"></i> </div> @endif <div class="card-footer"> <small class="text-muted">{{ $receipt['name'] }}</small> <a href="{{ Storage::url($receipt['path']) }}" download class="btn btn-sm btn-outline-secondary float-end">Download</a> </div> </div> </div> @endforeach </div> </div> <div class="d-grid gap-2 d-md-flex justify-content-md-between"> <a href="{{ route('sales.receipt') }}" class="btn btn-outline-secondary">Back to Receipts</a> <a href="{{ route('sales.start', ['employeeName' => $employeeName]) }}" class="btn btn-pink">Start New Submission</a> </div> </div> </div> @endsection .gradient-bg { background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%); min-height: 100vh; } .bg-pink { background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%); } .btn-pink { background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%); color: white; border: none; } .btn-pink:hover { background: linear-gradient(135deg, #ff7eb3 0%, #ff758c 100%); color: white; } .card { border-radius: 15px; overflow: hidden; } .card-header { border-radius: 15px 15px 0 0 !important; } .list-group-item { border-left: none; border-right: none; } .list-group-item:first-child { border-top: none; } @media (max-width: 768px) { .card { margin: 0 10px; } .btn { width: 100%; margin-bottom: 10px; } .d-md-flex { flex-direction: column; } } { "name": "laravel/laravel", "type": "project", "description": "The Laravel Framework.", "keywords": ["framework", "laravel"], "license": "MIT", "require": { "php": "^8.0.2", "guzzlehttp/guzzle": "^7.2", "laravel/framework": "^9.19", "laravel/sanctum": "^2.14.1", "laravel/tinker": "^2.7" }, "require-dev": { "fakerphp/faker": "^1.9.1", "laravel/sail": "^1.0.1", "mockery/mockery": "^1.4.4", "nunomaduro/collision": "^6.1", "phpunit/phpunit": "^9.5.10", "spatie/laravel-ignition": "^1.0" }, "autoload": { "psr-4": { "App\\": "app/", "Database\\Factories\\": "database/factories/", "Database\\Seeders\\": "database/seeders/" } }, "autoload-dev": { "psr-4": { "Tests\\": "tests/" } }, "scripts": { "post-autoload-dump": [ "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", "@php artisan package:discover --ansi" ], "post-update-cmd": [ "@php artisan vendor:publish --tag=laravel-assets --ansi --force" ], "post-root-package-install": [ "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" ], "post-create-project-cmd": [ "@php artisan key:generate --ansi" ] }, "extra": { "laravel": { "dont-discover": [] } }, "config": { "optimize-autoloader": true, "preferred-install": "dist", "sort-packages": true }, "minimum-stability": "dev", "prefer-stable": true } To run this application, you'll need to: 1. Install Laravel dependencies with `composer install` 2. Create a storage link with `php artisan storage:link` 3. Set up your .env file with proper database configuration 4. Run the development server with `php artisan serve` The application includes all requested features: - Personalized welcome page with employee name - Sales details form with validation - Receipt upload with file type and size validation - Summary page showing all entered data and receipt previews - Sequential flow control - Responsive pink gradient design - Error handling and user feedback