@extends('dashboards.layouts.dash-layout')
@section('title', 'Edit Data 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>Ubah 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">Ubah 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('adminUpdateTugas', $datatugas->idtugas) }}" method="POST">
        @csrf
        @method('PATCH')
        <div class="card-body">
          <div class="form-group">
            <label>Nim</label>
            <input type="text" name="nim" class="form-control" id="nim" placeholder="Nim Praktikan" value="{{ $datatugas->nim }}">
          </div>
          <div class="form-group">
            <label>Nama</label>
            <input type="text" name="nama" class="form-control" id="nama" placeholder="Nama Praktikan" value="{{ $datatugas->nama }}">
          </div>
          <div class="form-group">
            <label>Kode Praktikum</label>
            <select class="custom-select" required id="kodeprak" name="kodeprak">
              <option selected disabled>-- Pilih Kode Praktikum --</option>
              @foreach ($praktikums as $praktikum)
                {{-- <option {{ ($datatugas->kodepraktikum == $praktikum->kodepraktikum ) ? 'selected' : '' }} value="{{ $praktikum->kodepraktikum }}">{{ $praktikum->kodepraktikum }} | {{ $praktikum->namapraktikum }}</option> --}}
                <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" value="{{ $datatugas->satu }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 2</label>
            <input type="number" name="dua" class="form-control" id="dua" placeholder="Pertemuan 2" value="{{ $datatugas->dua }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 3</label>
            <input type="number" name="tiga" class="form-control" id="tiga" placeholder="Pertemuan 3" value="{{ $datatugas->tiga }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 4</label>
            <input type="number" name="empat" class="form-control" id="empat" placeholder="Pertemuan 4" value="{{ $datatugas->empat }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 5</label>
            <input type="number" name="lima" class="form-control" id="lima" placeholder="Pertemuan 5" value="{{ $datatugas->lima }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 6</label>
            <input type="number" name="enam" class="form-control" id="enam" placeholder="Pertemuan 6" value="{{ $datatugas->enam }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 7</label>
            <input type="number" name="tujuh" class="form-control" id="tujuh" placeholder="Pertemuan 7" value="{{ $datatugas->tujuh }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 8</label>
            <input type="number" name="delapan" class="form-control" id="delapan" placeholder="Pertemuan 8" value="{{ $datatugas->delapan }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 9</label>
            <input type="number" name="sembilan" class="form-control" id="sembilan" placeholder="Pertemuan 9" value="{{ $datatugas->sembilan }}">
          </div>
          <div class="form-group">
            <label>Pertemuan 10</label>
            <input type="number" name="sepuluh" class="form-control" id="sepuluh" placeholder="Pertemuan 10" value="{{ $datatugas->sepuluh }}">
          </div>
          <div class="form-group">
            <label>Rerata</label>
            <input type="text" name="rerata" class="form-control" id="rerata" placeholder="rerata" value="{{ $datatugas->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>
      </div>
    </form>
    <button class="btn btn-secondary" id="hitung" onclick="calculateFunc();">Hitung</button>
  </div>
  <!-- /.card -->
</div>
</section>
<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