<div class="row">
    <div class="col-sm-12 form-group dial-digit-container">
        <label><%= __('Select the digit the user will need to press to prompt this routing:') %></label>
        <select class="form-control dial-digit" style="max-width:30%;">
            <option>None</option>
        </select>
        <br />
        <label>
        <%= __('Whisper message requesting the caller to press a digit:') %>
        </label>
        <textarea class="form-control" placeholder="E.g. Press 1 to talk to sales" id="whisper-message-dial-digit">
        </textarea>
    </div>
</div>
<div class="row">
    <div class="col-sm-12 agents">
        <!-- Placeholder for the agents view -->
    </div>
</div>
<div class="row" id='agent-button-inbound'>
    <div class="col-sm-12 form-group">
        <label><%= __('Cannot find an agent? Add a new agent:') %></label>
        <button id="add-agent-btn" class="btn btn-fill btn-light-blue">add agent</button>
    </div>
</div>
<div class="row routing-settings">
    <div class="col-sm-6 form-group">
        <label><%= __('Route calls to agents:') %></label>
        <select class="form-control call-order">
            <option value='sequence'><%= __('In sequence') %></option>
            <option value='simultaneous'><%= __('Simultaneously') %></option>
            <option value='shuffle'><%= __('Randomly') %></option>
        </select>
    </div>
    <div class="col-sm-6 form-group">
        <label><%= __('Retry routing when no answer:') %></label>
        <select class="form-control retry-routing">
            <option value="0">Never</option>
            <option value="1">Once</option>
            <option value="2">Twice</option>
        </select>
    </div>
    <div class="col-sm-12 text-right delete-button-container">
        <label><%= __('Delete this routing:') %></label>
        <button class="btn btn-fill btn-danger remove-routing">Delete</button>
    </div>
</div>