@extends('layouts.app')

@section('content')

<div class="container">

  <form action="{{ route('faculty.store')}}" method="POST">

     {{ csrf_field() }}

    <div class="row">

        <div class="col s12">

            <h4>Add Faculty</h4>

        </div>

    </div>


     <div class="row">

          <div class="col s12 m12 l12">

            <div class="input-field col s12 m12 l6">

              <input id="faculty" type="text" class="validate" placeholder="You cannot add an existing faculty" name="faculty" value="{{ old('faculty') }}" required>

              <label for="faculty">Faculty</label>

           </div>
          </div>
        </div>


      <div class="row">

        <div class="col s12 m12 l12">

          <div class="input-field col s12 l6">

            <button type="submit" class="btn" style="width:100%">Add Faculty</button>

        </div>

      </div>



      </form>

</div>


<script>

  document.addEventListener('DOMContentLoaded', function() {

    var elems = document.querySelectorAll('select');

    var instances = M.FormSelect.init(elems);

  });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


@endsection