<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex items-center justify-center"> <div class="bg-white shadow-lg rounded-lg p-8 max-w-4xl w-full"> <h1 class="text-3xl font-bold mb-6 text-center">Tax Management System</h1> <form> <section class="mb-8"> <h2 class="text-2xl font-semibold mb-4">Create Country</h2> <div class="mb-4"> <label for="country-name" class="block text-gray-700 mb-2">Country Name</label> <input type="text" id="country-name" class="w-full p-2 border rounded" placeholder="Enter country name"> </div> <div class="mb-4"> <label for="country-code-2" class="block text-gray-700 mb-2">Country Code (2 characters)</label> <input type="text" id="country-code-2" class="w-full p-2 border rounded" placeholder="Enter 2-character code"> </div> <div class="mb-4"> <label for="country-code-3" class="block text-gray-700 mb-2">Country Code (3 characters)</label> <input type="text" id="country-code-3" class="w-full p-2 border rounded" placeholder="Enter 3-character code"> </div> </section> <section class="mb-8"> <h2 class="text-2xl font-semibold mb-4">Create Tax Regime</h2> <div class="mb-4"> <label for="tax-regime-name" class="block text-gray-700 mb-2">Tax Regime Name</label> <input type="text" id="tax-regime-name" class="w-full p-2 border rounded" placeholder="Enter tax regime name"> </div> <div class="mb-4"> <label for="tax-regime-code" class="block text-gray-700 mb-2">Tax Regime Code</label> <input type="text" id="tax-regime-code" class="w-full p-2 border rounded" placeholder="Enter tax regime code"> </div> </section> <section class="mb-8"> <h2 class="text-2xl font-semibold mb-4">Create Tax</h2> <div class="mb-4"> <label for="tax-name" class="block text-gray-700 mb-2">Tax Name</label> <input type="text" id="tax-name" class="w-full p-2 border rounded" placeholder="Enter tax name"> </div> <div class="mb-4"> <label for="tax-type" class="block text-gray-700 mb-2">Tax Type</label> <select id="tax-type" class="w-full p-2 border rounded"> <option value="percentage">Percentage</option> <option value="fixed">Fixed</option> </select> </div> <div class="mb-4"> <label for="tax-value" class="block text-gray-700 mb-2">Tax Value</label> <input type="text" id="tax-value" class="w-full p-2 border rounded" placeholder="Enter tax value"> </div> <div class="mb-4"> <label for="tax-application" class="block text-gray-700 mb-2">Where to Use</label> <select id="tax-application" class="w-full p-2 border rounded"> <option value="line">In each line</option> <option value="general">In general</option> </select> </div> </section> <section class="mb-8"> <h2 class="text-2xl font-semibold mb-4">Create Tax Rate</h2> <div class="mb-4"> <label for="tax-rate-name" class="block text-gray-700 mb-2">Tax Rate Name</label> <input type="text" id="tax-rate-name" class="w-full p-2 border rounded" placeholder="Enter tax rate name"> </div> <div class="mb-4"> <label for="tax-rate-value" class="block text-gray-700 mb-2">Tax Rate Value</label> <input type="text" id="tax-rate-value" class="w-full p-2 border rounded" placeholder="Enter tax rate value"> </div> </section> <section> <h2 class="text-2xl font-semibold mb-4">Tax Rate Exceptions</h2> <div class="mb-4"> <label for="exception-name" class="block text-gray-700 mb-2">Exception Name</label> <input type="text" id="exception-name" class="w-full p-2 border rounded" placeholder="Enter exception name"> </div> <div class="mb-4"> <label for="exception-details" class="block text-gray-700 mb-2">Exception Details</label> <textarea id="exception-details" class="w-full p-2 border rounded" placeholder="Enter exception details" rows="4"></textarea> </div> </section> <button type="submit" class="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Submit</button> </form> </div> </body>