<div class=" p-4">
    <div class="max-w-full mx-auto bg-white rounded-lg">
        <!-- Header -->
        <div class="text-black p-4 rounded-t-lg flex justify-between items-center">
            <h1 class="text-lg font-semibold">{{ $company }} (SN={{ $serverKey }}):: MAINVAR.inc</h1>
        </div>

        <div class="overflow-x-auto p-4">
            <div class="w-full p-4">
                <h3 class="text-lg font-semibold">Code:</h3>
                <textarea wire:model.defer="mainvarCode" rows="20" class="w-full p-2 border rounded language-none"
                    placeholder="Paste your code here..." style="max-height: 60vh; overflow-y: auto;"></textarea>
                <button wire:click="saveMainVar" 
                    class="bg-primary hover:bg-primary-focus text-white font-bold py-2 px-4 rounded mt-2">Save</button>

            </div>
        </div>
    </div>
</div>
