@extends('layouts.app')

@section('content')
<div class="container-fluid">
  <div class="content-header">
    <h1>Create a cluster</h1>
  </div>
  <div class="card card-primary card-outline">
    <div class="card-body">
      <form method="POST" action="">
        <div class="input-group mb-3">
          <div class="input-group-prepend">
            <span class="input-group-text">Cluster name</span>
          </div>
          <input class="form-control" type="text" name="name" placeholder="Cluster name" required autofocus>
        </div>
        <div class="form-group mb-3">
          <div class="form-check">
              <input class="form-check-input" type="checkbox" checked="" name="notification">
              <label class="form-check-label">E-mail notifications</label>
          </div>
        </div>
        @csrf
        <input type="submit" class="btn btn-primary" value="Create">
      </form>
    </div>
  </div>
</div>
<script>
  $(document).ready(function()
  {
    $('#menu-clusters').addClass('active');
  });
</script>
@endsection
 
