@extends('admin_pages_master')

@section('content')
<main class="main">
  <!-- Start of Breadcrumb -->
  <nav class="breadcrumb-nav">
      <div class="container">
          <ul class="breadcrumb account-breadcrumb">
              <li><a href="/">Home</a></li>
              <li>Vendor's Document</li>
          </ul>
      </div>
  </nav>
  <!-- End of Breadcrumb -->

  <!-- Start of Page Content -->



  <div class="page-content pt-2">
      <!-- Header Section -->
      <div class="container">
          <div class="d-flex justify-content-between align-items-center">
              <!-- Back Button -->
              <a class="back-btn d-flex align-items-center" id="back-btn" onclick="goBack()">
                  <i class="w-icon-long-arrow-left"></i>
                  <div>Back</div>
              </a>
              <!-- New Sub-Admin Button -->
              {{-- <a href="#" class="btn btn-primary">New marketer</a> --}}
          </div>
      </div>

      <!-- Table Section -->
      <div class="container mt-3">
          <div class="table-responsive">
              <table id="subadminsTable" class="table table-striped">
                  <thead>
                      <tr>
                          <th>S/N</th>
                          <th> Name</th>
                          <th> Type</th>
                          <th>Front</th>
                          <th>Back</th>
                          <th>Date Uploaded</th>
                          <th>Status</th>
                          <th>Action</th>
                      </tr>
                  </thead>
                  <tbody>
                    @foreach($vendors as $admin)
                      <tr>
                          <td>{{ $loop->iteration }}</td>
                          <td>{{ $admin->vendor->last_name?? "" }} {{ $admin->vendor->first_name?? "" }}</td>
                          <td>{{ $admin->type }} @if($admin->specify) - {{ $admin->specify }} @endif</td>
                          <td> <a class="btn-warning" target="_blanck" href="{{ $admin->front }}">VIEW</a></td>
                          <td> <a class="btn-warning" target="_blanck" href="{{ $admin->back }}">VIEW</a></td>
                          <td>
                            {{ $admin->created_at }}
                          </td>
                          <td>
                            @if ($admin->status == 1)
                            ✅
                            @else
                                ❌
                            @endif
                          </td>
                          <td>
                              <a  admin_id="{{ $admin->id }}" class="btn btn-warning btn-sm updateDocumentStatus" href="javascript:void(0)" status="{{ $admin->status == 1 ? 'Active' : 'Inactive' }}">&#x21bb;</a>
                              {{-- <button class="btn btn-danger btn-sm">&#x1F5D1;</button> --}}
                          </td>
                      </tr>
                      @endforeach
                      <!-- Additional rows as needed -->
                  </tbody>
              </table>
          </div>
      </div>
  </div>
  @endsection