{% extends "base.html" %}

{% load static %}

{% block title %} Profile - Adtlas {% endblock title %}

{% block content %}
<div class="container mt-4">
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5>Profile Information</h5>
                </div>
                <div class="card-body">
                    <form method="post" enctype="multipart/form-data">
                        {% csrf_token %}
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="{{ form.first_name.id_for_label }}">First Name</label>
                                    {{ form.first_name }}
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="{{ form.last_name.id_for_label }}">Last Name</label>
                                    {{ form.last_name }}
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label for="{{ form.phone_number.id_for_label }}">Phone Number</label>
                            {{ form.phone_number }}
                        </div>
                        
                        <div class="form-group">
                            <label for="{{ form.bio.id_for_label }}">Bio</label>
                            {{ form.bio }}
                        </div>
                        
                        <div class="form-group">
                            <label for="{{ form.job_title.id_for_label }}">Job Title</label>
                            {{ form.job_title }}
                        </div>
                        
                        <div class="form-group">
                            <label for="{{ form.company.id_for_label }}">Company</label>
                            {{ form.company }}
                        </div>
                        
                        <button type="submit" class="btn btn-primary">Update Profile</button>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5>Account Information</h5>
                </div>
                <div class="card-body">
                    <p><strong>Email:</strong> {{ user.email }}</p>
                    <p><strong>Member since:</strong> {{ user.date_joined|date:"F j, Y" }}</p>
                    <p><strong>Last login:</strong> {{ user.last_login|date:"F j, Y g:i A" }}</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock content %}