@include('links.header')
<b>Add New Area</b>
<a href="{{url('seedmagic/areas')}}" class="btn btn-primary pull-right" >Back</a>
<br><br>
@if (Session::has('msg'))
<div class="alert bg-green alert-dismissible" role="alert"><strong>Success! </strong>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    {!! session('msg') !!}
</div>
  @endif
  @if (Session::has('msg_e'))
  <div class="alert bg-red alert-dismissible" role="alert"><strong>Danger! </strong>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      {!! session('msg_e') !!}
  </div>
    @endif
<form method="POST" action="{{ route('areas.store') }}">
    @csrf
    <div class="row clearfix">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

    <div class="row clearfix cform">
        <div class="col-md-6 col-sm-6">
          <label class="form-label">Area Name </label>
            <div class="form-group form-float">
                <div class="form-line">
                    <input type="text" name="area_name" id="area_name" class="form-control" required >
                </div>
            </div>
            @error('area_name')
                <span class="invalid-feedback" role="alert">
                    <i style='color:red'>{{ $message }}</i>
                </span>
            @enderror
        </div>   
        <div class="col-md-6 col-sm-6">
          <label class="form-label">Points </label>
            <div class="form-group form-float">
                <div class="form-line">
                    <textarea name="points" id="points" class="form-control" rows="10"> </textarea>
                </div>
            </div>
            @error('points')
                <span class="invalid-feedback" role="alert">
                    <i style='color:red'>{{ $message }}</i>
                </span>
            @enderror
        </div>   
        <div class="col-md-6 col-sm-6">
          <label class="form-label">X-Points </label>
            <div class="form-group form-float">
                <div class="form-line">
                    <textarea name="x_points" id="x_points" class="form-control" rows="10"> </textarea>
                </div>
            </div>
            @error('x_points')
                <span class="invalid-feedback" role="alert">
                    <i style='color:red'>{{ $message }}</i>
                </span>
            @enderror
        </div>   
        <div class="col-md-6 col-sm-6">
          <label class="form-label">Y-Points </label>
            <div class="form-group form-float">
                <div class="form-line">
                <textarea name="y_points" id="y_points" class="form-control" rows="10"> </textarea>
                </div>
            </div>
            @error('y_points')
                <span class="invalid-feedback" role="alert">
                    <i style='color:red'>{{ $message }}</i>
                </span>
            @enderror
        </div>   

</div>

<div class="row clearfix cform">
    <div class="button-demo" style="text-align:center;">
        <button type="submit" id="submitUser" class="btn btn-primary waves-effect">Submit</button>
    </div>
</div>
</div>
</div>
</form>

@include('links.footer')