import { createFileRoute, Link } from "@tanstack/react-router";

export const Route = createFileRoute("/docs/")({
	component: RouteComponent,
});

function RouteComponent() {
	return (
		<div className="mx-auto w-full max-w-4xl px-6 py-8">
			<h1 className="text-3xl underline p-2">Logistics Support Tool Intro</h1>
			<h2 className="text-2xl shadow-2xl p-2">What is lst</h2>
			<p className="p-2">
				Lst is a logistics support tool, and aid to ALPLAprod All data in here
				is just to be treated as an aid and can still be completed manually in
				alplaprod. These docs are here to help show what LST has to offer as
				well as the manual process via alpla prod.
			</p>
			<hr />
			<h2 className="text-2xl shadow-2xl p-2">What dose LST offer</h2>
			<ul className="list-disc list-inside">
				<li>One click print</li>
				<ul className="list-disc list-inside indent-8">
					<li>Controls printing of labels</li>
					<li>devices that can be used</li>
					<ul className="list-disc list-inside indent-16">
						<li>Printer control</li>
						<li>plc control</li>
						<li>ame palletizer control</li>
					</ul>
					<li>considers more business logic than alplaprod</li>
					<ul className="list-disc list-inside indent-16">
						<li>
							enough material is needed in the system to create the next pallet
						</li>
						<li>this will be the same for packaging as well.</li>
					</ul>
					<li>special processes</li>
					<ul className="list-disc list-inside indent-16">
						<li>in-house delivery triggered once booked in</li>
						<li>stop gap on printing labels at specific times</li>
						<li>per line delay in printing</li>
					</ul>
				</ul>
				<li>Silos Management</li>
				<ul className="list-disc list-inside indent-8">
					<li>Silo adjustments per location</li>
					<ul className="list-disc list-inside indent-16">
						<li>Charts for the last 10 adjustments</li>
						<li>Historical data</li>
						<li>Comments on per adjustment</li>
						<li>Automatic email for more than 5% deviation</li>
					</ul>
					<li>Attach silo</li>
					<ul className="list-disc list-inside indent-16">
						<li>Only shows machines not attached to this silo</li>
					</ul>
					<li>Detach silo</li>
					<ul className="list-disc list-inside indent-16">
						Only shows machines that are attached to the silo.
					</ul>
				</ul>
				{/* Mobile stuff */}
				<li>Mobile App</li>
				<ul className="list-disc list-inside indent-8">
					<li>Rewrite of Alpla scan</li>
					<ul className="list-disc list-inside indent-16">
						<li>All old settings same as before id, ip, port</li>
						<li>Currently scanned pallets will show now as well</li>
					</ul>
					<li>
						Custom addition - login and more features NOTE: This is activated
						based on how you enter the settings
					</li>
					<ul className="list-disc list-inside indent-16">
						<li>Pin numbers login</li>
						<li>
							Scan a lane barcode and it returns whats in the lane and its
							current status
						</li>
						<li>Command restrictions per pin login</li>
						<li>Dock Door scanning</li>
						<li>
							More details on the pallet that is scanned by touching the running
							number on the scanner.
						</li>
					</ul>
				</ul>
				{/* TMS integration */}
				<li>TMS integration</li>
				<ul className="list-disc list-inside indent-8">
					<li>integration with TI to auto add in orders</li>
					<ul className="list-disc list-inside indent-16">
						<li>orders are based on a time defined per plant.</li>
						<li>carriers can be auto set.</li>
					</ul>
				</ul>
				<li>
					<Link
						to={"/docs/$"}
						params={{ _splat: "notifications/intro" }}
						className="underline"
					>
						Notifications
					</Link>
				</li>
				<ul className="list-disc list-inside indent-8">
					<li>Automated alerts</li>
					<li>Subscription based</li>
					<li>Processes notifications</li>
				</ul>
				<li>Datamart</li>
				<ul className="list-disc list-inside indent-8">
					<li>queries that can be pulled via excel</li>
					<li>queries are created to allow better views for the plants</li>
					<li>Faster customer reports</li>
				</ul>
				<li>Fake EDI (Demand Management)</li>
				<ul className="list-disc list-inside indent-8">
					<li>Orders in (standard template)</li>
					<li>Customer specific orders templates per plant</li>
					<li>Forecast (standard Template)</li>
					<li>Customer specific forecast per plant</li>
				</ul>
			</ul>
		</div>
	);
}
