
<%= form_with model: @user do |form|%>
    <div class="">
        <%= @user.email %>

        <div class="mt-4">
            <%= form.label :first_name %>
            <div class="">
                <%= form.text_field :first_name, class: "bg-[#B8DCFC] text-black border border-gray-300 p-2 rounded w-[400px]" %>
            </div>
        </div>

        <div class="mt-4">
            <%= form.label :last_name %>
            <div class="">
                <%= form.text_field :last_name, class: "bg-[#B8DCFC] text-black border border-gray-300 p-2 rounded w-[400px]" %>
            </div>
        </div>

        <div class="mt-4">
            <%= form.label :username %>
            <div class="">
                <%= form.text_field :username, class: "bg-[#B8DCFC] text-black border border-gray-300 p-2 rounded w-[400px]" %>
            </div>
        </div>

        <div class="mt-4">
            <%= form.label :github %>
            <div class="">
                <%= form.text_field :github, class: "bg-[#B8DCFC] text-black border border-gray-300 p-2 rounded w-[400px]" %>
            </div>
        </div>

        <% if @user.errors.any? %>
            <div class="bg-red-100 text-red-700 p-4 rounded mb-4">
                <h2><%= pluralize(@user.errors.count, "thing") %> you need to fix!</h2>
                <ul>
                <% @user.errors.full_messages.each do |message| %>
                    <li><%= message %></li>
                <% end %>
                </ul>
            </div>
        <% end %>


        <div class="mt-8">
           <%= form.submit "Submit", class: "bg-[#62D5C3] text-[#3A5CE1] px-4 py-2 rounded cursor-pointer hover:opacity-100 opacity-80" %>
        </div>
    </div>
<% end %>