@extends('dashboards.layouts.dash-layout')
@section('title', 'Penilaian')

@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>Penilaian</h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="{{ Route('adminIndexPenilaian') }}">Penilaian</a></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

  @if ($message = Session::get('ERROR'))
  <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> {{ $message }} </strong>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
      </div>
      <!-- /.card-body -->
    </div>
  </div>
  @endif

  @if ($message = Session::get('success'))
  <div class="container-fluid px-3">
    <div class="card card-success">
      <div class="card-header">
        <h3 class="card-title">SUKSES</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> {{ $message }} </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-primary">
      <div class="card-header">
        <h3 class="card-title">Silahkan Masukkan Data</h3>

        <div class="card-tools">
          <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
          </button>
        </div>
      </div>
      <!-- /.card-tools -->
      <!-- /.card-header -->
      <div class="card-body">
        <!-- form start -->
        <form action="{{ route('adminStoreAutoPenilaian') }}" method="POST">
          @csrf
          {{-- <div class="card-body"> --}}
          <div class="row">
            <div class="col-md-5">
              <div class="form-group">
                <label>Alternatif</label>
                <select class="custom-select" required id="id_alternatif" name="id_alternatif">
                  <option selected disabled>-- Pilih Alternatif --</option>
                  @foreach ($alternatifs as $alternatif)
                  <option value="{{ $alternatif->namaalternatif }}">{{ $alternatif->kodealternatif }} - {{ $alternatif->namaalternatif }}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="col-md-5">
              <div class="form-group">
                <label>Kriteria</label>
                <select class="custom-select" required id="id_kriteria" name="id_kriteria">
                  <option selected disabled>-- Pilih Kriteria --</option>
                  @foreach ($kriterias as $kriteria)
                  <option value="{{ $kriteria->kodekriteria }}">{{ $kriteria->kodekriteria }} - {{ $kriteria->namakriteria }}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <!-- /.card-body -->

            <div class="col-2">
              <div class="form-group mt-2">
                {{-- <div class="card-footer"> --}}
                <br>
                <button type="submit" class="btn btn-primary">Simpan</button>
              </div>
        </form>
      </div>
    </div>

    <!-- /.card -->
</section>

<!-- General Form -->
<section class="content">
  <div class="container-fluid px-3">
    <div class="row">
      <div class="col-12">
        <div class="card card-primary collapsed-card">
          <div class="card-header">
            <h3 class="card-title">Tambah Data Penilaian Manual</h3>

            <div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i>
              </button>
            </div>
            <!-- /.card-tools -->
          </div>
          <!-- /.card-header -->
          <!-- form start -->
          <div class="card-body">
            <!-- form start -->
            <form action="{{ route('adminStorePenilaian') }}" method="POST">
              @csrf
              {{-- <div class="card-body"> --}}
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label>Alternatif</label>
                    <select class="custom-select" required id="id_alternatif" name="id_alternatif">
                      <option selected disabled>-- Pilih Alternatif --</option>
                      @foreach ($alternatifs as $alternatif)
                      <option value="{{ $alternatif->idalter }}">{{ $alternatif->kodealternatif }} - {{ $alternatif->namaalternatif }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>

                <div class="col-md-4">
                  <div class="form-group">
                    <label>Kriteria</label>
                    <select class="custom-select" required id="id_kriteria" name="id_kriteria">
                      <option selected disabled>-- Pilih Kriteria --</option>
                      @foreach ($kriterias as $kriteria)
                      <option value="{{ $kriteria->idkrit }}">{{ $kriteria->kodekriteria }} - {{ $kriteria->namakriteria }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>

                <div class="col-3">
                  <div class="form-group">
                    <label>Nilai</label>
                    <input type="text" name="nilai" class="form-control" id="nilai" placeholder="Masukkan nilai">
                  </div>
                </div>
                <!-- /.card-body -->

                <div class="col-1">
                  <div class="form-group mt-2">
                    {{-- <div class="card-footer"> --}}
                    <br>
                    <button type="submit" class="btn btn-primary">Simpan</button>
                  </div>
            </form>
          </div>
        </div>

        <!-- /.card -->
</section>

<!-- Main content -->
<section class="content">
  <div class="container-fluid px-3">
    <div class="row">
      <div class="col-12">
        <div class="card">
          <!-- /.card-header -->
          <div class="card-body">
            <table id="example1" class="table table-bordered table-striped">
              <thead>
                <tr>
                  <th>No</th>
                  <th>Nama Alternatif</th>
                  <th>Nama Kriteria</th>
                  <th>Nilai</th>
                  <th width="280px">Aksi</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($penilaians as $penilaian)
                <tr>
                  <td>{{ $loop->iteration }}</td>
                  <td>{{ $penilaian->panggilAlternatif->kodealternatif }} - {{ $penilaian->panggilAlternatif->namaalternatif }}</td>
                  <td>{{ $penilaian->panggilKriteria->kodekriteria }} - {{ $penilaian->panggilKriteria->namakriteria }}</td>
                  <td>
                    <form class="form-horizontal" method="POST" action="{{ route('adminUpdatePenilaian',$penilaian->id) }}" id="AdminInfoForm">
                      @method('PATCH')
                      @csrf
                      <input type="number" class="form-control" id="nilai" placeholder="Nilai" value="{{ $penilaian->nilai }}" name="nilai" min="0" step=".01">
                      <input type="hidden" class="form-control" id="idpenilaian" placeholder="Nilai" value="{{ $penilaian->id }}" name="idpenilaian">
                  </td>
                  <td>
                    <div class="row ml-2">
                      <div class="col-7">
                        <div class="form-group vert-align">
                          <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                          </form>
                        </div>
                      </div>

                      <div class="col-2">
                        <div class="form-group vert-align">
                          <form action="{{ route('adminDestroyPenilaian',$penilaian->id) }}" method="POST">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger">Delete</button>
                        </div>
                      </div>
                    </div>
                    </form>
                  </td>
                </tr>
                @endforeach
                </tfoot>
            </table>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container-fluid -->
  @push('js')

  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.13.1/b-2.3.3/b-html5-2.3.3/b-print-2.3.3/datatables.min.js"></script>

  <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap4.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap4.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.print.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.colVis.min.js"></script>

  <script>
    $(document).ready(function() {
      var table = $('#example1').DataTable({

        // columnDefs: [ {
        //     targets: -1,
        //     visible: false
        // } ],
        lengthMenu: [
          [10, 25, 50, 100, -1],
          [10, 25, 50, 100, "All"]
        ],
        language: {
          lengthMenu: "Tampilkan _MENU_ data per halaman",
          zeroRecords: "Tidak ada data - Maaf",
          info: "Menampilkan halaman ke- _PAGE_ dari _PAGES_",
          infoEmpty: "Tidak ada data yang tersedia",
          infoFiltered: "(Filterisasi dari _MAX_ total data)",
          search: "Cari :",
          paginate: {
            first: "Awal",
            last: "Akhir",
            next: "Selanjutnya",
            previous: "Sebelumnya"
          },
        }
      });

      table.buttons().container()
        .appendTo('#example1_wrapper .col-md-6:eq(0)');

    });
  </script>
  @endpush
  @endsection