@extends('layouts.app')



@section('content')

<div class="container">



  <form action="{{ route('staffcreate.store')}}" method="POST" enctype="multipart/form-data">

     {{ csrf_field() }}



    <div class="row">

        <div class="col s12">

            <h4>Create Profile</h4>

        </div>

    </div>

    <div class="row">

      <div class="col s12 m12 l12">

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

        <select name="title">

          <option value="">Choose your title</option>

          @foreach($designations as $designation)



          <option value="{{$designation->staff_title}}">{{$designation->staff_title}}</option>

        @endforeach

        </select>

        <label>Title</label>

      </div>

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

        <select name="designation">

          <option value="">Choose your designation</option>

          @foreach($titles as $title)

          <option value="{{$title->Name}}">{{$title->Name}}</option>

        @endforeach

        </select>

        <label>Staff Designation</label>

      </div>

     </div>

    </div>

        <div class="row">

          <div class="col s12 m12 l12">

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

              <input id="first_name" type="text" class="validate" name="firstname" value="{{ old('firstname') }}" required>

              <label for="first_name">First Name</label>

           </div>



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

            <input id="last_name" type="text" class="validate" name="lastname" value="{{ old('lastname') }}" required>

            <label for="last_name">Last Name</label>

          </div>



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

            <input id="mid_name" type="text" class="validate" name="middlename" value="{{ old('middlename') }}">

            <label for="mid_name">Middle Name</label>

          </div>

        </div>

      </div>





      <div class="row">

      <div class="col s12 m12 l12">

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

        <select name="faculty">

          <option value="">Choose your Faculty</option>

          @foreach($faculty as $facult)



          <option value="{{$facult->FACULTY_NAME}}">{{$facult->FACULTY_NAME}}</option>

        @endforeach

        </select>

        <label>Faculty</label>

      </div>

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

        <select name="department">

          <option value="">Choose your department</option>

          @foreach($department as $dept)

          <option value="{{$dept->department_name}}">{{$dept->department_name}}</option>

        @endforeach

        </select>

        <label>Department</label>

      </div>

     </div>

    </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

            <input id="Unit" type="text" class="validate" name="unit" value="{{ old('unit') }}">

            <label for="Unit">Unit</label>

          </div>

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

            <input id="Phone" type="text" class="validate" maxlength="20" name="phone" value="{{ old('phone') }}" name="phone">

            <label for="Phone">Phone Number</label>

          </div>

        </div>

      </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

              <div class="btn">

                <span>Passport Photograph</span>

                <input type="file" name="image_url">

              </div>

              <div class="file-path-wrapper">

                <input class="file-path validate" type="text" placeholder="Upload passport photograph" name="image_url">

              </div>

        </div>

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

              <div class="btn">

                <span>CV (.pdf)</span>

                <input type="file" name="CV_url">

              </div>

              <div class="file-path-wrapper">

                <input class="file-path validate" type="text" placeholder="Upload CV" name="CV_url">

              </div>

        </div>

        </div>

      </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Biography</h6>

            <hr>

              <textarea id="Biography" class="materialize-textarea" name="biography" value="{{ old('biography') }}"></textarea>



            </div>

        </div>

      </div>



         <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Area of Specialization</h6>

            <hr>

              <textarea id="1" class="materialize-textarea" name="specialization" value="{{ old('specialization') }}"></textarea>

              <input type="hidden" name="specializationId" value="1" />

            </div>

        </div>

      </div>



        <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Conferences and Workshops</h6>

            <hr>

              <textarea id="9" class="materialize-textarea" name="conferences" value="{{ old('conferences') }}"></textarea>

              <input type="hidden" name="conferencesId" value="9" />

            </div>

        </div>

      </div>



        <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Membership of professional bodies</h6>

            <hr>

              <textarea id="4" class="materialize-textarea" name="membership" value="{{ old('membership') }}"></textarea>

              <input type="hidden" name="membershipId" value="4" />

            </div>

        </div>

      </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Publications (Articles and Journals)</h6>

            <hr>

              <textarea id="5" class="materialize-textarea" name="publications" value="{{ old('publications') }}"></textarea>

              <input type="hidden" name="publicationsId" value="5" />

            </div>

        </div>

      </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Qualifications</h6>

            <hr>

              <textarea id="8" class="materialize-textarea" name="qualifications" value="{{ old('qualifications') }}"></textarea>

              <input type="hidden" name="qualificationsId" value="8" />

            </div>

        </div>

      </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Research archive</h6>

            <hr>

              <textarea id="3" class="materialize-textarea" name="researchArchive" value="{{ old('researchArchive') }}"></textarea>

              <input type="hidden" name="researchArchiveId" value="3" />

            </div>

        </div>

      </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Research Interest</h6>

            <hr>

              <textarea id="7" class="materialize-textarea" name="researchInterest" value="{{ old('researchInterest') }}"></textarea>

              <input type="hidden" name="researchInterestId" value="7" />

            </div>

        </div>

      </div>

       <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Responsibilities</h6>

            <hr>

              <textarea id="2" class="materialize-textarea" name="responsibilities" value="{{ old('responsibilities') }}"></textarea>

              <input type="hidden" name="responsibilitiesId" value="2" />

            </div>

        </div>

      </div>

       <div class="row">

        <div class="col s12 m12 l12">

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

            <h6>Working Experience</h6>

            <hr>

              <textarea id="6" class="materialize-textarea" name="workingExperience" value="{{ old('workingExperience') }}"></textarea>

              <input type="hidden" name="workingExperienceId" value="6" />

            </div>

        </div>

      </div>

      <div class="row">

        <div class="col s12 m12 l12">

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

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

        </div>

      </div>



      </form>

</div>





<script>

var elem = document.querySelector('.collapsible.expandable');

var instance = M.Collapsible.init(elem, {

  accordion: false

});

</script>



<script>

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

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

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

  });



function init() {

   const textbox = document.querySelectorAll('.materialize-textarea');

   const d = document.getElementById('Unit').value;

   if (d.length < 2) {

      document.getElementById('Unit').value='None';

  }



   for (let index = 0; index < textbox.length; index++) {

      if (textbox[index].value.length < 5) {

        textbox[index].value = 'None';

      }

    }

  }

  init();

</script>

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











@endsection