@extends('AdminMaster.authMaster')

@section('content')

<style>
  .card-body {
    max-height: 400px;
    overflow-y: auto;
  }

  .table thead {
    background-color: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .file-up-data .card-body {
    padding: 0 !important;
  }

  input[type="password"] {
    width: 200px;
    margin-right: 10px;
  }

  .table tbody tr td {
    vertical-align: middle;
  }

  button.btn-success {
    padding: 5px 10px;
    font-size: 14px;
  }
</style>

<div class="row">
  <div class="col-lg-12 grid-margin stretch-card">
    <div class="card file-up-data">
      <div class="card-body scrollbar" id="style-3">
        <h4 class="card-title">Reset Password Requests</h4>

        <table class="table">
          <thead>
            <tr>
              <th></th>
              <th>Email</th>
              <th>Requested Date</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            @foreach ($requests as $index => $request)
              <tr>
                <td>{{ $index + 1 }}</td>
                <td>{{ $request->email }}</td>
                <td>{{ date('d-m-Y h:i A', strtotime($request->requested_date)) }}</td>
                <td>
                  <form method="POST" action="{{ route('admin.password.change', $request->email) }}" class="d-flex align-items-center">
                    @csrf
                    <input type="password" name="new_password" placeholder="New Password" class="form-control form-control-sm" required>
                    <button type="submit" class="btn btn-success">Change Password</button>
                  </form>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>

      </div>
    </div>
  </div>
</div>

@endsection