@extends('template.app')

@section('content')
<div class="blog">
  <div class="container">
      <div class="row">
        <div class="col-lg-4 offset-lg-4  wow fadeInDown animated" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible;-webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s;-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;">
          <div class="section-heading">
            <h6>Opsi Admin</h6>
            <h4>Kelola <em>User</em></h4>
            <div class="line-dec"></div>
          </div>
        </div>
      </div>
      
      <div class="row">
        <div class="col-md-12">
            <div class="blog-card">
                <div class="card">
                  <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                      <button class="nav-link active" id="nav-user-tab" data-bs-toggle="tab" data-bs-target="#nav-user" type="button" role="tab" aria-controls="nav-user" aria-selected="true">Kelola User</button>
                      <button class="nav-link" id="nav-perjalanan-tab" data-bs-toggle="tab" data-bs-target="#nav-perjalanan" type="button" role="tab" aria-controls="nav-perjalanan" aria-selected="false">Kelola Perjalanan</button>
                    </div>
                  </nav>  
                 <div class="tab-content" id="nav-tabContent">
                  <br>
                  <div class="tab-pane fade show active" id="nav-user" role="tabpanel" aria-labelledby="nav-user-tab">
                    <a href="/admin/printuser" class="float-right" target="_blank">
                    <button type="button" class="btn btn-primary btn-sm" align="float-right" >Cetak</button>
                    </a>
                    <br>
                    <table class="table">
                              <thead>
                                <tr>
                                  <th scope="col">NIK</th>
                                  <th scope="col">Nama</th>
                                  <th scope="col">Email</th>
                                  <th scope="col">Username</th>
                                  <th scope="col">Telpon</th>
                                  <th scope="col">Alamat</th>
                                  <th scope="col">Action</th>
                                </tr>
                              </thead>
                              <tbody> 
                               @foreach ($users as $user) 
                                <tr>
                                  <td>{{ $user->nik }}</td>
                                  <td>{{ $user->nama }}</td>
                                  <td>{{ $user->email }}</td>
                                  <td>{{ $user->username }}</td>
                                  <td>{{ $user->telp }}</td>
                                  <td>{{ $user->alamat }}</td>
                                  <td>
                                  @if($user->role == 'user')
                                  <div class="card-header-action">
                                   <a href="/admin/delete/{{$user->id}}">
                                     <button type="submit" class="btn btn-danger btn-sm">Hapus</button>
                                   </a>
                                   <form method="POST" action="/admin/update/{{$user->id}}" >
                                    @csrf
                                     <button type="submit" class="btn btn-primary btn-sm">Ubah</button>
                                   </form>

                                   
                                  </div>
                                  @endif
                                  </td>
                                </tr>  
                                @endforeach          
                              </tbody>  
                    </table> 

                  </div>
                  <div class="tab-pane fade" id="nav-perjalanan" role="tabpanel" aria-labelledby="nav-perjalanan-tab">
                     <a href="/admin/printperjalanan" class="float-right" target="_blank">
                        <button type="button" class="btn btn-primary btn-sm" >Cetak</button>
                     </a>
                     <br>
                      <table class="table">
                        <thead>
                          <tr>
                            <th scope="col">User</th>
                            <th scope="col">Tanggal </th>
                            <th scope="col">Jam </th>
                            <th scope="col">Lokasi </th>
                            <th scope="col">Suhu Tubuh</th>
                            <th scope="col">Action</th>    
                          </tr>
                        </thead>
                        <tbody>
                          @foreach ($perjalanan as $jal)       
                          <tr>
                            <td>{{ $jal->user->nama}}</td>
                            <td>{{ $jal->tanggal }}</td>
                            <td>{{ $jal->jam }}</td>
                            <td>{{ $jal->tujuan }}</td>
                            <td>{{ $jal->suhu_tubuh }} °C</td>
                            <td>
                               <a href="/perjalanan/delete/{{$jal->id}}">
                                 <button type="submit" class="btn btn-danger btn-sm">Hapus</button>
                               </a>
                            </td>
                          </tr>           
                          @endforeach
                        </tbody>
                      </table>
                  </div>
                </div> 
            </div>
        </div>
      </div>
  </div>
</div>


  


@endsection