@extends('layouts.main')


@section('title','Add Student')

@push('after-style')
  <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('assets/plugins/select2/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">
@endpush

@section('content')
<input type="hidden" id="page-add-student">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
          <div class="row mb-2 mt-3">
            <div class="col-sm-6">
              <h1>ADD STUDENT</h1>
            </div>
            <div class="col-sm-6 text-right">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('student.index')}}">Student</a></li>
                    <li class="breadcrumb-item active">Add</li>
                </ol>
            </div>
          </div>
        </div><!-- /.container-fluid -->
      </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
          <div class="row">
            <!-- left column -->
            <div class="col-md-12">
              <!-- jquery validation -->
              <div class="card card-primary">
                <div class="card-header">
                  <h3 class="card-title">Fill in the Credintial Below</h3>
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form id="validationForm" method="POST" action="{{route('student.store')}}">
                    @csrf
                  <div class="card-body">
                    <div class="form-group">
                      <label for="inputName">Full Name</label>
                      <input type="text" name="fullname" value="{{ old('fullname')}}" class="form-control @error('fullname') is-invalid @enderror" id="inputName" placeholder="Enter name">
                      @error('fullname') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputEmailAdmin">Email address</label>
                      <input type="email" name="email" value="{{ old('email')}}" class="form-control @error('email') is-invalid @enderror" id="inputEmailAdmin" placeholder="Enter email">
                      @error('email') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputTelpAdmin">No.Telp</label>
                      <input type="number" name="notelp" value="{{ old('notelp')}}" class="form-control @error('notelp') is-invalid @enderror" id="inputTelpAdmin" placeholder="Enter No Telp">
                      @error('notelp') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputNisn">NISN</label>
                      <input type="number" name="nisn" value="{{ old('nisn')}}" class="form-control @error('nisn') is-invalid @enderror" id="inputNisn" placeholder="Enter Bussiness" required>
                      @error('nisn') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputIDCard">ID Card</label>
                      <input type="text" name="card_number" value="{{ old('card_number')}}" class="form-control @error('card_number') is-invalid @enderror" id="inputIDCard" placeholder="Enter Bussiness" required>
                      @error('card_number') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputUid">UID</label>
                      <input type="text" name="uid" value="{{ old('uid')}}" class="form-control @error('uid') is-invalid @enderror" id="inputUid" placeholder="Enter Bussiness" required>
                      @error('uid') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                    <div class="form-group">
                      <label for="inputAddress">Address</label>
                      <input type="text" name="address" value="{{ old('address')}}" class="form-control @error('address') is-invalid @enderror" id="inputAddress" placeholder="Enter Address">
                      @error('address') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>

                    <div class="form-group">
                      <label for="inputPassword">Password</label>
                      <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" id="inputPassword" placeholder="Password">
                      @error('password') <div class="text-danger">{{ $message }}</div> @enderror
                    </div>
                  </div>
                  <!-- /.card-body -->
                  <div class="card-footer">
                    <button type="submit" id="btn-submit-create-admin" class="btn btn-primary">Submit</button>
                  </div>
                </form>
              </div>
              <!-- /.card -->
              </div>
            <!--/.col (left) -->
            <!-- right column -->
            <div class="col-md-6">

            </div>
            <!--/.col (right) -->
          </div>
          <!-- /.row -->
        </div><!-- /.container-fluid -->
      </section>
      <!-- /.content -->
@endsection

@push('before-script')
<!-- Select2 -->
<script src="{{asset('assets/plugins/select2/js/select2.full.min.js')}}"></script>
@endpush

@push('after-script')
<!-- jquery-validation -->
<script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{ asset('assets/plugins/jquery-validation/additional-methods.min.js')}}"></script>
<script src="{{ mix('js/validationForm.js') }}"></script>
@endpush