@extends('admin.template-admin')
@section('title',$title)
@section('head')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.13.1/datatables.min.css"/>

@endsection
@section('content')
<div class="container-fluid flex-grow-1 container-p-y">
    <div class="row">
        <div class="col-lg-12 mb-4 order-0">
            <div class="card">
              <div class="d-flex align-items-end">
                  <div class="card-body">
                    <h5 class="card-title text-primary">{{$title}}</h5>
                    <p class="mb-4">Membuat Surat Tugas Pilih Area Dan Tunjuk Pegawai dan Tambahkan Keterangan</p>
                  </div>
              </div>
            </div>
          </div>
    </div>
    <form action="{{route('admin.team.anggota.store',['id'=>$team->id])}}" method="POST"> @csrf

    @if ($errors->any())
      @foreach ($errors->all() as $error)
      <div class="alert alert-danger alert-dismissible" role="alert">
        {{$error}}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
        </button>
      </div>
      @endforeach
    @endif

    <div class="card">
      <div class="card-header align-items-center justify-content-between">
        <h5 class="mb-0">Daftar Pegawai APIP</h5>
        <small>Pilih dengan Centang dan Deskipsikan Peranan</small>
      </div>
      <div class="card-body">
          <div class="table-responsive">
            <table class="table table-sm" id="myTable">
              <thead>
                <tr>
                  <th style="width: 10px"></th>
                  <th>Nama</th>
                  <th>Nip</th>
                  <th>Pangkat</th>
                  <th>Jabatan</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($users as $no => $user)
                    <tr>
                        <td>
                          <input class="form-check-input" type="checkbox" name="pegawai[]" value="{{$user->id}}" {{in_array($user->id, $anggotas) ? 'checked' : ''}} id="flexCheckDefault">
                        </td>
                        <td>{{$user->nama}}</td>
                        <td>{{$user->nip}}</td>
                        <td>{{$user->pangkat}}</td>
                        <td>{{$user->jabatan}}</td>
                    </tr>
                @endforeach
              </tbody>
            </table>
          </div>
      </div>
    </div>

    <div class="d-grid gap-2">
      <button class="btn btn-primary mt-3" type="submit">Simpan</button>
    </div>
    </form>

</div>
@endsection

@section('script')
<script src="{{asset('js/delete.js')}}"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.13.1/datatables.min.js"></script>
<script>
  $(document).ready( function () {
      $('#myTable').DataTable();
  } );
</script>
@endsection