@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">
    <h4 class="fw-bold py-3 mb-4" style="text-transform: capitalize;">
        {{$title}}
    </h4>
    <div class="card mb-4">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Surat Tugas</h5>
      </div>
      <div class="card-body">
        <table class="table table-sm">
          <tr> <td style="width: 200px">Tanggal Dibuat</td> <td>: {{$st->dibuat}}</td> </tr>
          <tr> <td>Nomor Surat</td> <td>: {{$st->nomor}}</td> </tr>
          <tr> <td>HP</td> <td>: {{$st->hp}}</td> </tr>
          <tr> <td>Tanggal Mulai</td> <td>: {{$st->mulai}}</td> </tr>
          <tr> <td>Tanggal Selesai</td> <td>: {{$st->selesai}}</td> </tr>
          <tr> <td>Uraian</td> <td>: {{$st->uraian}}</td> </tr>
        </table>
      </div>
    </div>
    <div class="card mb-3">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Area</h5>
      </div>
      <div class="card-body">
          <div class="table-responsive">
              <table class="table table-sm">
                <thead>
                  <tr>
                    <th style="width: 10px">No</th>
                    <th>Kode Desa</th>
                    <th>Nama Desa</th>
                    <th>Skor</th>
                    <th>Keterangan</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($areas as $no => $area)
                      <tr>
                          <td>{{$no+1}} </td>
                          <td>{{$area->kd_desa}}</td>
                          <td>{{$area->nama_pemdes}}</td>
                          <td>{{$area->skor}}</td>
                          <td>{{$area->keterangan}}</td>
                      </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
      </div>
    </div>

    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">Pegawai</h5>
      </div>
      <div class="card-body">
          <div class="table-responsive">
            <table class="table table-sm">
              <thead>
                <tr>
                  <th style="width: 10px"></th>
                  <th>Nama</th>
                  <th>NIP</th>
                  <th>Pangkat</th>
                  <th>Jabatan</th>
                  <th>Peran</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($pegawais as $no => $pegawai)
                    <tr>
                        <td> {{$no+1}} </td>
                        <td>{{$pegawai->nama}}</td>
                        <td>{{$pegawai->nip}}</td>
                        <td>{{$pegawai->pangkat}}</td>
                        <td>{{$pegawai->jabatan}}</td>
                        <td>{{$pegawai->peran}}</td>
                    </tr>
                @endforeach
              </tbody>
            </table>
          </div>
      </div>
    </div>

</div>
@endsection

@section('script')
@endsection