{% extends "base.html" %}

{% block title %}{% if lawyer %}Edit{% else %}New{% endif %} Lawyer - Vera Medical CRM{% endblock %}

{% block content %}
<div class="mb-6">
    <h1 class="text-3xl font-bold text-gray-800 mb-2">
        {% if lawyer %}Edit{% else %}Add{% endif %} Lawyer
    </h1>
    <p class="text-gray-600">Law firm and contact information</p>
</div>

<div class="bg-white rounded-lg shadow-md overflow-hidden">
    <form method="POST" action="{% if lawyer %}{{ url_for('lawyer_edit', lawyer_id=lawyer['id']) }}{% else %}{{ url_for('lawyer_new') }}{% endif %}">
        
        <!-- Firm Information -->
        <div class="border-b p-6">
            <h2 class="text-xl font-bold text-gray-800 mb-4">
                <i class="fas fa-building mr-2 text-indigo-600"></i>Law Firm Information
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Firm Name *</label>
                    <input type="text" name="firm_name" value="{{ lawyer['firm_name'] if lawyer else '' }}" required
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Firm Alias</label>
                    <input type="text" name="firm_alias" value="{{ lawyer['firm_alias'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-2">Address</label>
                    <input type="text" name="firm_address" value="{{ lawyer['firm_address'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">City</label>
                    <input type="text" name="firm_city" value="{{ lawyer['firm_city'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Province</label>
                    <input type="text" name="firm_province" value="{{ lawyer['firm_province'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Postal Code</label>
                    <input type="text" name="firm_postal_code" value="{{ lawyer['firm_postal_code'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Phone</label>
                    <input type="text" name="firm_phone" value="{{ lawyer['firm_phone'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Email</label>
                    <input type="email" name="firm_email" value="{{ lawyer['firm_email'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
            </div>
            
            {% if lawyer and lawyer['firm_id'] %}
            <input type="hidden" name="firm_id" value="{{ lawyer['firm_id'] }}">
            {% endif %}
        </div>
        
        <!-- Contact Information -->
        <div class="border-b p-6">
            <h2 class="text-xl font-bold text-gray-800 mb-4">
                <i class="fas fa-user mr-2 text-indigo-600"></i>Contact Information
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Salutation</label>
                    <select name="salutation"
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                        <option value="">Select...</option>
                        <option value="Mr." {% if lawyer and lawyer['salutation'] == 'Mr.' %}selected{% endif %}>Mr.</option>
                        <option value="Mrs." {% if lawyer and lawyer['salutation'] == 'Mrs.' %}selected{% endif %}>Mrs.</option>
                        <option value="Ms." {% if lawyer and lawyer['salutation'] == 'Ms.' %}selected{% endif %}>Ms.</option>
                        <option value="Dr." {% if lawyer and lawyer['salutation'] == 'Dr.' %}selected{% endif %}>Dr.</option>
                    </select>
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">First Name *</label>
                    <input type="text" name="first_name" value="{{ lawyer['first_name'] if lawyer else '' }}" required
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Last Name *</label>
                    <input type="text" name="last_name" value="{{ lawyer['last_name'] if lawyer else '' }}" required
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Title</label>
                    <input type="text" name="title" value="{{ lawyer['title'] if lawyer else '' }}"
                           placeholder="e.g., Partner, Associate"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Direct Number</label>
                    <input type="text" name="direct_number" value="{{ lawyer['direct_number'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Extension</label>
                    <input type="text" name="ext" value="{{ lawyer['ext'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Status</label>
                    <select name="status"
                            class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                        <option value="Active" {% if not lawyer or lawyer['status'] == 'Active' %}selected{% endif %}>Active</option>
                        <option value="No longer there" {% if lawyer and lawyer['status'] == 'No longer there' %}selected{% endif %}>No longer there</option>
                    </select>
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Email</label>
                    <input type="email" name="email" value="{{ lawyer['email'] if lawyer else '' }}"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Fax</label>
                    <input type="text" name="fax" value="{{ lawyer['fax'] if lawyer else '' }}"
                           placeholder="e.g., (403) 555-1234"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
            </div>
        </div>
        
        <!-- Assistant Information -->
        <div class="border-b p-6">
            <h2 class="text-xl font-bold text-gray-800 mb-4">
                <i class="fas fa-user-tie mr-2 text-indigo-600"></i>Assistant Information
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Assistant Name</label>
                    <input type="text" name="assistant_name" value="{{ lawyer['assistant_name'] if lawyer else '' }}"
                           placeholder="Assistant's full name"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Assistant Phone</label>
                    <input type="text" name="assistant_phone" value="{{ lawyer['assistant_phone'] if lawyer else '' }}"
                           placeholder="e.g., (403) 555-1234"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
                
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-2">Assistant Email</label>
                    <input type="email" name="assistant_email" value="{{ lawyer['assistant_email'] if lawyer else '' }}"
                           placeholder="assistant@lawfirm.com"
                           class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500">
                </div>
            </div>
        </div>
        
        <!-- Form Actions -->
        <div class="flex justify-end space-x-4 p-6 bg-gray-50">
            <a href="{{ url_for('lawyers_list') }}" 
               class="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition">
                Cancel
            </a>
            <button type="submit" 
                    class="px-6 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg font-semibold transition">
                <i class="fas fa-save mr-2"></i>
                {% if lawyer %}Update{% else %}Create{% endif %} Lawyer
            </button>
        </div>
    </form>
</div>
{% endblock %}