@extends('dashboards.layouts.dash-layout')
@section('title', 'Tambah Nilai Tugas')

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid mt-2 px-3">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Tambah Nilai Tugas</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ Route('adminIndexTugas') }}">Nilai Tugas</a></li>
            <li class="breadcrumb-item active">Tambah Nilai Tugas</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->

    @if ($errors->any())
    <div class="container-fluid px-3">
    <div class="card card-danger">
      <div class="card-header">
        <h3 class="card-title">ERROR</h3>
  
        <div class="card-tools">
          <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
          </button>
        </div>
        <!-- /.card-tools -->
      </div>
      <!-- /.card-header -->
      <div class="card-body">
        <strong>Terdapat masalah dengan input anda </strong>
        @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
        @endforeach
      </div>
      <!-- /.card-body -->
    </div>
    </div>
    @endif
  </section>

  <!-- General Form -->
  <section class="content">
    <div class="container-fluid px-3">
  <div class="card card-default">
    <div class="card-header">
      <h3 class="card-title">Silahkan Masukkan Data</h3>
    </div>
    <!-- /.card-header -->
    <!-- form start -->
    <form action="{{ route('adminStoreTugas') }}" method="POST">
      @csrf
      <div class="card-body">
        <div class="form-group">
          <label>Nim</label>
          <input type="text" name="nim" class="form-control" id="nim" placeholder="Nim Praktikan">
        </div>
        <div class="form-group">
          <label>Nama</label>
          <input type="text" name="nama" class="form-control" id="nama" placeholder="Nama Praktikan">
        </div>
        <div class="form-group">
          <label>Kode Praktikum</label>
          {{-- <input type="text" name="kodeprak" class="form-control" id="kodeprak" placeholder="Kode Praktikum"> --}}
          <select class="custom-select" required id="kodeprak" name="kodeprak">
            <option selected disabled>-- Pilih Kode Praktikum --</option>
            @foreach ($praktikums as $praktikum)
              <option value="{{ $praktikum->kodepraktikum }}">{{ $praktikum->kodepraktikum }} | {{ $praktikum->namapraktikum }}</option>
            @endforeach
          </select>
        </div>
        <div class="form-group">
          <label>Pertemuan 1</label>
          <input type="number" name="satu" class="form-control" id="satu" placeholder="Pertemuan 1">
        </div>
        <div class="form-group">
          <label>Pertemuan 2</label>
          <input type="number" name="dua" class="form-control" id="dua" placeholder="Pertemuan 2">
        </div>
        <div class="form-group">
          <label>Pertemuan 3</label>
          <input type="number" name="tiga" class="form-control" id="tiga" placeholder="Pertemuan 3">
        </div>
        <div class="form-group">
          <label>Pertemuan 4</label>
          <input type="number" name="empat" class="form-control" id="empat" placeholder="Pertemuan 4">
        </div>
        <div class="form-group">
          <label>Pertemuan 5</label>
          <input type="number" name="lima" class="form-control" id="lima" placeholder="Pertemuan 5">
        </div>
        <div class="form-group">
          <label>Pertemuan 6</label>
          <input type="number" name="enam" class="form-control" id="enam" placeholder="Pertemuan 6">
        </div>
        <div class="form-group">
          <label>Pertemuan 7</label>
          <input type="number" name="tujuh" class="form-control" id="tujuh" placeholder="Pertemuan 7">
        </div>
        <div class="form-group">
          <label>Pertemuan 8</label>
          <input type="number" name="delapan" class="form-control" id="delapan" placeholder="Pertemuan 8">
        </div>
        <div class="form-group">
          <label>Pertemuan 9</label>
          <input type="number" name="sembilan" class="form-control" id="sembilan" placeholder="Pertemuan 9">
        </div>
        <div class="form-group">
          <label>Pertemuan 10</label>
          <input type="number" name="sepuluh" class="form-control" id="sepuluh" placeholder="Pertemuan 10">
        </div>
        <div class="form-group">
          <label>Rerata</label>
          <input type="text" name="rerata" class="form-control" id="rerata" placeholder="rerata">
        </div>
      </div>
      <!-- /.card-body -->
      
      <div class="card-footer">
        <button type="submit" class="btn btn-success">Simpan</button>
        <a class="btn btn-default float-right" href="{{ Route('adminIndexTugas') }}">Batalkan</a>
      </form>
    </div>
    <button class="btn btn-secondary" id="hitung" onclick="calculateFunc();">Hitung</button>
  </div>
  <!-- /.card -->
</div>
</section>
<script>
  document.getElementById('satu').value = '0';
  document.getElementById('dua').value = '0';
  document.getElementById('tiga').value = '0';
  document.getElementById('empat').value = '0';
  document.getElementById('lima').value = '0';
  document.getElementById('enam').value = '0';
  document.getElementById('tujuh').value = '0';
  document.getElementById('delapan').value = '0';
  document.getElementById('sembilan').value = '0';
  document.getElementById('sepuluh').value = '0';
  document.getElementById('rerata').value = '0';
</script>
<script>
  function calculateFunc() {

      var arr = parseInt(document.getElementsByName("number").value);
      var ang = parseInt(document.getElementById('satu').value);
      ang += parseInt(document.getElementById('dua').value);
      ang += parseInt(document.getElementById('tiga').value);
      ang += parseInt(document.getElementById('empat').value);
      ang += parseInt(document.getElementById('lima').value);
      ang += parseInt(document.getElementById('enam').value);
      ang += parseInt(document.getElementById('tujuh').value);
      ang += parseInt(document.getElementById('delapan').value);
      ang += parseInt(document.getElementById('sembilan').value);
      ang += parseInt(document.getElementById('sepuluh').value);
      
      var av = 0;
      av = (ang / 10).toFixed(2);

      document.getElementById("rerata").value = av;
    return false;
  }
</script>
@endsection