@extends('mainview')

@section('maincontent')
 <form class="form-horizontal" action="{{url('servers/add')}}" method="post">
 <fieldset>

  <!-- Form Name -->
  <legend>Add a Server</legend>
  @if(isset($errors) && count($errors) > 0)
   <div class="alert alert-danger">
    Errors
    <ul>
     @foreach($errors->all() as $error)
      <li>{{$error}}</li>
     @endforeach
    </ul>
   </div>
   @endif
  <!-- Text input-->
  <div class="form-group">
   <label class="col-md-4 control-label" for="friendlyName">Friendly Name</label>
   <div class="col-md-5">
    <input id="friendlyName" name="friendlyName" type="text" placeholder="My Server" class="form-control input-md">
    <span class="help-block">Enter a recognizable name for your server that will appear in alerts.</span>
   </div>
  </div>

  <!-- Text input-->
  <div class="form-group">
   <label class="col-md-4 control-label" for="hostName">Host Name/URL</label>
   <div class="col-md-6">
    <input id="hostName" name="hostName" type="text" placeholder="host.domain.com or 172.16.0.25" class="form-control input-md">
    <span class="help-block">Enter a host name or IP address here. If using the HTTP Status method, enter a full URL.</span>
   </div>
  </div>

  <!-- Text input-->
  <div class="form-group">
   <label class="col-md-4 control-label" for="port">Port(s)</label>
   <div class="col-md-4">
    <input id="port" name="port" type="text" placeholder="Example: 80" class="form-control input-md">
    <span class="help-block">Enter a port here. You may use a range of ports (e.g. 80-100) or enter multiple ports separated by commas.</span>
   </div>
  </div>

  <!-- Select Basic -->
  <div class="form-group">
   <label class="col-md-4 control-label" for="method">Method</label>
   <div class="col-md-5">
    <select id="method" name="method" class="form-control">
     <option value="check_port">Port checking (TCP only)</option>
     <option value="ping">ICMP ping</option>
     <option value="http_status">HTTP Status</option>
     <option value="all">All</option>
    </select>
   </div>
  </div>

  <!-- Appended Input-->
  <div class="form-group">
   <label class="col-md-4 control-label" for="checkOffset">Check Offset</label>
   <div class="col-md-4">
    <div class="input-group">
     <input id="checkOffset" name="checkOffset" class="form-control" placeholder="60" type="text">
     <span class="input-group-addon">seconds</span>
    </div>
    <p class="help-block">Time between checks, in seconds.</p>
   </div>
  </div>

  <div class="form-group">
   <label class="col-md-4 control-label" for="button1id"></label>
   <div class="col-md-8">
    <button id="button1id" name="savebtn" class="btn btn-success" type="submit">Save</button>
    <button id="button2id" name="cancelbtn" class="btn btn-danger" onclick="javascript:window.location.href='{{url('/servers')}}'">Cancel</button>
   </div>
  </div>
 </fieldset>
  {{csrf_field()}}
 </form>
@endsection