@extends('layouts.layout-admin')

@section('content')

@if(isset($instructor->id))
<div class="row box-body" ng-controller="instructorCtrl" data-ng-init="loadInstructor({{ $instructor->id }})">
  <form method="post" action="{{ route('instructor.update', ['id' => $instructor->id]) }}" enctype="multipart/form-data" name="formInstructor">
    <input name="_method" type="hidden" value="PATCH">
@endif
@if(!isset($instructor->id))
<div class="row box-body" ng-controller="instructorCtrl">
  <form method="post" action="{{ route('instructor.store') }}" enctype="multipart/form-data" name="formInstructor">
@endif
  
    <div class="form-group">
      <label for="instructor_name">Instructor name:</label>
      <input type="text" class="form-control" id="instructor_name" name="instructor_name" ng-model="instructorFields.instructor_name" required>
      <div class="help-block has-error" ng-messages="formInstructor.instructor_name.$error" ng-if="formInstructor.instructor_name.$touched">
        @include('instructor::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="email">Email:</label>
      <input type="email" class="form-control" id="email" name="email" ng-model="instructorFields.email" required>
      <div class="help-block has-error" ng-messages="formInstructor.email.$error" ng-if="formInstructor.email.$touched">
        @include('instructor::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="brief">Brief:</label>
      <textarea rows="6" cols="15" class="form-control" id="brief" name="brief" ng-model="instructorFields.brief"></textarea>
    </div>

    <!--<div class="form-group">
      <label for="avatar">Avatar:</label>
      <input type="file" class="form-control" id="avatar" name="avatar" ng-model="instructorFields.avatar">
    </div>-->

    <div class="form-group">
      <label for="contact_number">Contact number:</label>
      <input type="text" class="form-control" id="contact_number" name="contact_number" ng-model="instructorFields.contact_number" ng-minlength="7" ng-maxlength="15" required>
      <div class="help-block has-error" ng-messages="formInstructor.contact_number.$error" ng-if="formInstructor.contact_number.$touched">
        @include('instructor::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="experience">Experience:</label>
      <input type="text" class="form-control" id="experience" name="experience" ng-model="instructorFields.experience">
    </div>

    <div class="form-group">
      <label for="qualification">Qualification:</label>
      <input type="text" class="form-control" id="qualification" name="qualification" ng-model="instructorFields.qualification">
    </div>

    {!! csrf_field() !!}
    <button type="submit" class="btn btn-primary" ng-disabled="formInstructor.$invalid">Save</button>
    <button class="btn btn-default" ng-click="gotoPage('instructor')">Cancel</button>
  </form>
</div>
@endsection