<h2>Proxies</h2>
<div class="frame-wrap">
	<div class="frame-sidebar">
		<div class="frame-box">
			<div class="frame-box-title">
				<h4 class="frame-heading">Add Proxies</h4>
			</div>
			<div class="frame-box-content">
				<div class="row">
					<div class="col-md-6 frame-left-container">
						<button class="btn btn-success btn-block" data-toggle="modal" data-target="#add-proxy-modal">
							Add Proxy
						</button>
					</div>
					<div class="col-md-6 frame-right-container">
						<button class="btn btn-primary btn-block" data-toggle="modal" data-target="#bulk-add-proxy-modal">
							Bulk Add
						</button>
					</div>
				</div>
			</div>
		</div>
		
		{% include '@p1cm/proxy/help.twig' %}
	</div>

	<div class="frame-content">
		<div class="frame-box">
			<h2 class="frame-heading">Pending Actions</h2>
			
			<table class="table">
				<thead>
					<tr>
						<th class="proxy-column">IP</th>
						<th class="proxy-column">Port</th>
						<th class="proxy-column">Username</th>
						<th class="proxy-column">Password</th>
						<th class="proxy-column">Action</th>
					</tr>
				</thead>
				<tbody id="proxy_actions">
					
				</tbody>
			</table>
		</div>
		
		<div class="frame-box">
			<h2 class="frame-heading">Active Proxies</h2>
			
			<table class="table">
				<thead>
					<tr>
						<th class="proxy-column">IP</th>
						<th class="proxy-column">Port</th>
						<th class="proxy-column">Username</th>
						<th class="proxy-column">Password</th>
						<th class="proxy-column">Actions</th>
					</tr>
				</thead>
                <tbody id="active-proxies">
                    {% for proxy in activeProxies %}
                        {% include '@p1cm/proxy/row.twig' %}
                    {% endfor %}
                </tbody>
			</table>
		</div>
		
		<div class="frame-box">
			<h2 class="frame-heading">Inactive Proxies</h2>
			
			<table class="table">
				<thead>
					<tr>
						<th class="proxy-column">IP</th>
						<th class="proxy-column">Port</th>
						<th class="proxy-column">Username</th>
						<th class="proxy-column">Password</th>
						<th class="proxy-column">Actions</th>
					</tr>
				</thead>
                <tbody id="inactive-proxies">
                    {% for proxy in inactiveProxies %}
                        {% include '@p1cm/proxy/row.twig' %}
                    {% endfor %}
                </tbody>
			</table>
		</div>
	</div>
</div>
		
<img id="p1cm-loading" src="{{ asset('p1cm', '/img/small_loading.gif') }}" class="hide" />
