# Office Locations

This section lists all company office locations and allows adding, editing, or deleting them. Offices can be company-owned or rented, with optional department contacts per location.

***

#### Add/Edit Office Modal

When clicking the "+" icon, users can open the Add Office modal with two tabs:

#### Detail Tab

<table><thead><tr><th width="200">Field</th><th width="90" align="center">Required</th><th>Description</th></tr></thead><tbody><tr><td>Office Name</td><td align="center">✅</td><td>Display name of the office</td></tr><tr><td>Phone</td><td align="center">Optional</td><td>Main contact phone number; supports adding multiple</td></tr><tr><td>Email</td><td align="center">Optional</td><td>Office contact email; supports adding multiple</td></tr><tr><td>Address</td><td align="center">✅</td><td>Full street address including city, state, and ZIP</td></tr><tr><td>Unit #</td><td align="center">Optional</td><td>Unit or suite number, if applicable</td></tr><tr><td>Company Owned</td><td align="center">Optional</td><td>Checkbox indicating whether the office is company owned</td></tr><tr><td>Pay Period</td><td align="center">Optional</td><td>Billing frequency (e.g., Weekly, Monthly)</td></tr><tr><td>Day</td><td align="center">Optional</td><td>Day of the week for billing (used with Pay Period)</td></tr><tr><td>Rent</td><td align="center">Optional</td><td>Rent amount in USD, only relevant if not company-owned</td></tr></tbody></table>

<figure><img src="/files/RRyeZXNVuDo9EcW2pwu6" alt=""><figcaption><p><em>Figure: Add/Edit Office modal – Detail tab filled</em></p></figcaption></figure>

***

**Contact Tab**

Allows adding department contacts. Each contact includes:

<table><thead><tr><th width="200">Field</th><th width="90" align="center">Required</th><th>Description</th></tr></thead><tbody><tr><td>Department</td><td align="center">✅</td><td>Select a department from the predefined list (e.g., Accounting, Dispatch)</td></tr><tr><td>Phone</td><td align="center">✅</td><td>Department contact number</td></tr><tr><td>Extension (Ext.)</td><td align="center">Optional</td><td>Phone extension for the department contact</td></tr><tr><td>Email</td><td align="center">✅</td><td>Department contact email</td></tr><tr><td>Add Contact (+)</td><td align="center">✅</td><td>Allows user to add multiple department contacts</td></tr></tbody></table>

<figure><img src="/files/SaApeE0xgssyeo2bjhqw" alt=""><figcaption><p><em>Figure: Add/Edit Office modal – Contact tab with multiple departments added</em></p></figcaption></figure>

***

#### Office Card – Default State

Each office card includes:

* Office name
* Phone, email, and address
* Listed departments (collapsed or expanded)
* Rent info and countdown
* Options menu (Edit, View, Share, Print, Delete)

**Image Placeholder:**\
`![OfficeCard-Collapsed](../assets/office_card_collapsed.png)`\
\&#xNAN;*Figure: Office card collapsed view*

**Image Placeholder:**\
`![OfficeCard-Expanded](../assets/office_card_expanded.png)`\
\&#xNAN;*Figure: Office card fully expanded with all departments*

***

#### Company-Owned Logic

* The **main office** is auto-created after company setup.
* "Company Owned" checkbox sets the ownership flag.
* Owned offices display the 🏢 icon. &#x20;
* Owned state affects field visibility (rent still shown, but not editable if owned is unchecked).

***

#### Rent Progress Bar

* Appears below the card
* Displays rent amount and remaining days
* Dynamically updates based on the due date

**Image Placeholder:**\
`![OfficeRentBar](../assets/office_rent_bar.png)`\
\&#xNAN;*Figure: Rent progress bar showing $540.00 due in 25 days*

***

#### Toolbar and Options

**Toolbar**

* Section title (e.g., Office 2)
* Hovering over title shows "+ Add New"

**Image Placeholder:**\
`![OfficeToolbar](../assets/office_toolbar.png)`\
\&#xNAN;*Figure: Toolbar hover interaction*

**Options Menu**

* Edit
* View Details
* Share
* Print
* Delete

**Image Placeholder:**\
`![OfficeOptions](../assets/office_options.png)`\
\&#xNAN;*Figure: Options menu opened from card top-right*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rute.gitbook.io/carrier/company/location/office-locations.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.