@extends('layouts.app')

@section('title')
    New Zone
@endsection

@section('description')
    Create a new Zone
@endsection

@section('breadcrumb')
    <li><a href="#">New Zone</a></li>
@endsection

@section('content')
<!-- Small boxes (Stat box) -->
<div class="row">

    <div class="col-lg-6 col-xs-12">
        <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Create A New Zone</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" action="/zones" method="POST">
            {{ csrf_field() }}
              <div class="box-body">
                <div class="form-group">
                  <label for="name"> Zone Name</label>
                  <input type="text" class="form-control" id="name" name="name" placeholder="Enter zone name">
                </div>
                <!-- select -->
               
              </div>
              <!-- /.box-body --> 

              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
    </div>

</div>
<!-- /.row -->
@endsection