{% extends '../main.html'%}
{% block title %} ثبت نام{% endblock %}
{% block content %}
<style>
    .main{
        padding-top: 70px;
        text-align: center;
    }
    input{
        border: 0.2px solid  rgb(187, 175, 175);
        border-radius: 5px;
        margin:10px 0px;
        width: 300px;
        height: 40px;
    }
    label{
        margin:20px 0px;
        font-weight: bolder;
       

    }
    body{
        background-image: url(../../static/images/forest.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
</style>
<div class="main" >
    <header style="font-size: x-large;color: purple;margin-bottom: 50px;">
        ثبت نام 
    </header>
    <form method="post" style= " background-color: rgba(231, 252, 248, 0.61);padding: 70px;border: 0.5px solid black ;border-radius: 10px;margin: 0 auto;width: 60%;height: max-content;">
        {% csrf_token %}
        <div class="row">
            <div class="col-6" style="text-align: left;padding-right: 20%; text-align: right;" >
                <label for='companyName' >نام شرکت </label><br>
                <label for='username' >نام کاربری </label><br>
                <label for='email' > ایمیل  </label><br>
                <label for='phone_number' >شماره ی همراه</label><br>
                <label for='pass1' >رمز ورود</label><br>
                <label for='pass2' >تکرار رمز ورود </label><br><br>
            </div>
            <div class="col-6" style="text-align: right;">
                
                <input id ='companyName'type="text" name="companyName"/><br>
                <input id = 'username' type="text" name="username"/><br>
                <input id = 'email' type="email" name="email"/><br>
                <input id = 'phone_number' type="text" name="phone_number"/><br>
                <input id = 'pass1' type="password" name="pass1"/><br>
                <input id = 'pass2' type="password" name="pass2"/><br>
            </div>
            <button class="btn btn-success"   type="submit" style="margin: 0 auto;width: 200px;border-radius: 15px;border:none">ثبت نام</button>
        </div>
    </form>
</div>
{% endblock content %}