@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h6 class="panel-title">
          Send Notification
          <a class="btn btn-warning btn-xs pull-right" href="{{ route('LoggedIn.Notification.Index') }}">
            <i class="fa fa-chevron-left"></i> Go Back
          </a>
        </h6>
      </div>
      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

        <form class="form-horizontal" method="post" action="{{ route('LoggedIn.Notification.Store') }}" enctype="multipart/form-data">
          @csrf

          <div class="form-group form-group-sm">
            @include (
              'includes.branch_shift_version_names_block_column',
              ['branchVersionString' => $branchVersionString, 'fieldColWidth' => 3, 'required' => true]
            )

            <div class="col-sm-3">
              <label for="role" class="text-danger">Role</label>
              <select id="role" name="role" class="form-control">
                <option value="">--- Select ---</option>
                @if ($roles->isNotEmpty())
                  @foreach ($roles as $role)
                    <option value="{{ $role->role_id }}">{{ $role->role_name }}</option>
                  @endforeach
                @endif
              </select>
            </div>
            <div class="col-sm-6">
              <label class="text-danger">Title </label>
              <input type="text" class="form-control" name="title" maxlength="60">
            </div>
          </div>
          <div class="form-group form-group-sm" id="for_students" style="display: none;">
            @include (
              'includes.class_names_block_column',
              ['fieldColWidth' => 3, 'required' => true]
            )

            @include (
              'includes.group_names_block_column',
              ['fieldColWidth' => 3, 'required' => true]
            )

            @include (
              'includes.section_names_block_column',
              ['fieldColWidth' => 3, 'required' => true]
            )

            @include (
              'includes.subject_names_block_column',
              ['fieldColWidth' => 3]
            )
          </div>
          <div class="form-group form-group-sm">
            <div class="col-sm-6">
              <label class="text-danger">Description </label>
              <textarea name="description" class="form-control"></textarea>
            </div>
          </div>
          <div class="form-group form-group-sm">
            <div class="col-sm-12">
              <button type="submit" class="btn btn-block btn-success">Send Notification</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
$("#subject_name").select2();

$("#role").on('change', function() {
  var role_id = $(this).val();

  if (role_id == 6) {
    $("#for_students").show();
  } else {
    $("#for_students").hide();
    $("#class_name").val("");
    $("#group_name").val("");
    $("#section_name").val("");
    $("#subject_name").val("");
  }
});
</script>

@endsection