{% extends 'Layouts/Doc/default.html.twig' %}

{% block title %}
	{{ 'app.documentation.menu.architecture.drivers'|trans }}
{% endblock %}
{% block headerPageTitle %}
	{{ 'app.documentation.menu.workflow.checkout'|trans|upper }}
{% endblock %}

{% block body %}
	<div class="card mb-12">
		<div class="card-body flex-column p-5">
			<div class="d-flex align-items-center h-lg-100px p-5 p-lg-15">
				<div class="row">
					<div class="col-md-12 pt-5 scroll-y">
						<div class="position-relative w-100 text-gray-800">
							<p><strong>Checkout</strong> is a comprehensive platform designed to streamline the order management process for businesses and provide customers with visibility into the progress of their orders through various checkout statuses. With Popina Order, businesses can efficiently manage and track orders while offering customers real-time updates.</p></div>
					</div>
				</div>
			</div>
			<div class="d-flex flex-column">
				<div class="row table-responsive">
					<div class="col-md-12 offset-2">
						{% include 'Doc/Diagram/checkout.html.twig' %}
					</div>
				</div>
			</div>
			<div class="d-flex align-items-center p-lg-15">
				<div class="row">
					<div class="col-md-12 pt-5 scroll-y">
						{% include 'Doc/States/Checkout/checkout.html.twig' %}
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}