<div modal="screenShotModal.open" ng-controller="takeShotCtrl" close="screenShotModal.open = false" options="screenShotModal.options">
	<div class="modal-header">
		<h4>Take Screenshot</h4>
	</div>
	<div class="modal-body">
    <h5>Enter the URL of the website you want to take a screenshot of.</h5>
    <div>
      <input type="text" class="input-block-level no-margin" placeholder="Enter a URL" ng-model="shot.url">
    </div>
    <table class="full-width">
      <tr>
        <td><h5>User Agent:</h5></td>
        <td><h5>Viewport:</h5></td>
      </tr>
      <tr>
        <td>
          <div>
            <select class="no-margin" ng-model="shot.userAgent" ng-options="agent as name for (name, agent) in userAgents"></select>
          </div>
        </td>
        <td>
          <select class="no-margin" ng-model="viewport" ng-options="viewport as device for (device, viewport) in viewports"></select>
        </td>
      </tr>
      <tr>
        <td><h5>Screen Size:</h5></td>
        <td><h5>Shot Size:</h5></td>
      </tr>
        <td>
          <input type="text" class="input-mini no-margin" ng-model="shot.screenSize.width"> x 
          <input type="text" class="input-mini no-margin" ng-model="shot.screenSize.height">
        </td>
        <td>
          <input type="text" class="input-mini no-margin" ng-model="shot.shotSize.width"> x 
          <input type="text" class="input-mini no-margin" ng-model="shot.shotSize.height">
        </td>
        <td>
          <div class="btn-group">
            <button class="btn btn-default fa fa-exchange" ng-click="swapDimensions()"></button>
            <button class="btn btn-default fa fa-desktop" btn-checkbox="" btn-checkbox-true="true" btn-checkbox-false="false" ng-model="useDensity" ng-click="applyDimension()"></button>
          </div>
        </td>
        <tr>

      </tr>
    </table>
		<div class="error" ng-show="screenShotModal.showError">{{screenShotModal.error}}</div>
	</div>
	<div class="modal-footer">
		<a class="btn btn-default" ng-click="screenShotModal.open = false">Cancel</a>
		<a class="btn btn-primary" ng-click="takeShot()">Confirm</a>
	</div>
</div>