<div class="card">
	@if($o->service->isPending())
		<div class="ribbon-wrapper ribbon-lg">
			<div class="ribbon bg-warning">
				Pending
			</div>
		</div>
	@endif

	<div class="card-header bg-gray-dark">
		<h3 class="card-title">VOIP Details</h3>
	</div>

	<div class="card-body bg-gray-dark">
		<table class="table table-sm">
			<tr>
				<th>Address</th>
				<td>{{ $o->service_description }}</td>
			</tr>
			<tr>
				<th>Service Number</th>
				<td>{{ $o->service_name }}</td>
			</tr>
			<tr>
				<th>Service Username</th>
				<td>{{ $o->service_username }}</td>
			</tr>
			<tr>
				<th>Service Password</th>
				<td>{{ $o->service_password }}</td>
			</tr>
			@if($o->service_connect_date)
				<tr>
					<th>Connected</th>
					<td>{{ $o->service_connect_date->format('Y-m-d') }}</td>
				</tr>
			@endif
			<!-- @todo -->
			@if($o->technology)
				<tr>
					<th>Technology</th>
					<td>{{ $o->technology }}</td>
				</tr>
			@endif
			<!-- @todo -->
			@if($o->service->product->type)
			<tr>
				<th>Traffic</th>
				<td>{{ $o->service->product->type->allowance_string() }} GB @if(FALSE)(YY GB used month)@endif</td>
			</tr>
			@endif
			@if ($o->inContract())
				<tr>
					<th>Contract</th>
					<td>{{ $o->contract_term }} months <small>({{ ($x=$o->service_contract_date->addMonths($o->contract_term))->diffForHumans() }})</small></td>
				</tr>
				<tr>
					<th>Contract End</th>
					<td>{{ $x->format('Y-m-d') }}</td>
				</tr>
			@endif
			<tr>
				<th>Cancel Notice</th>
				<td>1 month @if($o->inContract())<small>(after {{ $o->service_contract_date->addMonths($o->contract_term-1)->format('Y-m-d') }})</small>@endif</td>
			</tr>
		</table>
	</div>
</div>