<div>
    <h2>Welcome to contact page</h2>
    <br>
    <br>
    <br>
    <div class="mx-auto w-[400px]">
        <h1 class="mb-8 text-center text-2xl font-bold tracking-wide text-red-500">Contact Us</h1>
        <form method="POST" wire:submit.prevent='send'>
            @csrf
            <div>
                <label for="name">Name:</label><br>
                <input class="form-input" type="text" id="name" wire:model='name' ><br>
                <div>
                    @error('name')
                        <span class="error">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div>
                <label for="email">Email:</label><br>
                <input class="form-input" type="email" id="email" wire:model="email" ><br>
                <div>
                    @error('email')
                        <span class="error">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div>
                <label for="phone">Phone:</label><br>
                <input class="form-input" type="text" id="phone" wire:model="phone" ><br>
                <div>
                    @error('phone')
                        <span class="error">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div>
                <label for="subject">Subject:</label><br>
                <input class="form-input" type="text" id="subject" wire:model="subject" ><br>
                <div>
                    @error('subject')
                        <span class="error">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div>
                <label for="message">Message:</label><br>
                <textarea class="form-input" id="message" wire:model="message" ></textarea><br>
                <div>
                    @error('message')
                        <span class="error">{{ $message }}</span>
                    @enderror
                </div>
            </div>

            <div class="mt-8 text-center">
                <input class="btn btn-success" type="submit" value="Submit">
            </div>
        </form>
    </div>
</div>
