@extends('layouts.adminlayout')
@section('adminsection')

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">

@section('adminheading')
Pending Alumni Requests
@endsection

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12 mt-4">
            <h2 class="text-center fw-bold" style="color:#0a568a; !important;">Pending Alumni Requests</h2>
            <table class="table table-bordered" id="alumniTable">
                <thead>
                    <tr class="text-center">
                        <th style="background-color:  #0a568a;; color:white;">Name</th>
                        <th style="background-color:  #0a568a;; color:white;">Email</th>
                        <th style="background-color:  #0a568a;; color:white;">Phone</th>
                        <th style="background-color:  #0a568a;; color:white;">Batch</th>
                        <th style="background-color:  #0a568a;; color:white;">Degree</th>
                        <th style="background-color:  #0a568a;; color:white;">Post</th>
                        <th style="background-color:  #0a568a;; color:white;">Company</th>
                        <th style="background-color:  #0a568a;; color:white;">Photo</th>
                        <th style="background-color:  #0a568a;; color:white;">Status</th>
                        <th style="background-color:  #0a568a;; color:white;">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($alumnis as $alumni)
                    <tr>
                        <td>{{ $alumni->name }}</td>
                        <td>{{ $alumni->email }}</td>
                        <td>{{ $alumni->phone }}</td>
                        <td>{{ $alumni->batch }}</td>
                        <td>{{ $alumni->degree }}</td>
                        <td>{{ $alumni->postname }}</td>
                        <td>{{ $alumni->companyname }}</td>
                        <td><img src="{{ asset('upload/alumni/' . $alumni->photo) }}" width="50"></td>
                        <td>{{ $alumni->status }}</td>
                        <td>
                            <a href="{{ route('admin.alumni.approve', $alumni->id) }}" class="btn btn-success btn-sm">Approve</a>
                            <a href="{{ route('admin.alumni.reject', $alumni->id) }}" class="btn btn-danger btn-sm">Reject</a>
                            <form action="{{ route('admin.alumni.delete', $alumni->id) }}" method="POST" style="display:inline;">
    @csrf
    @method('DELETE')
    <button type="submit" class="btn btn-warning btn-sm" onclick="return confirm('Are you sure you want to delete this alumni?');">Delete</button>
</form>

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

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap5.min.js"></script>

<script>
    $(document).ready(function () {
        $('#alumniTable').DataTable();
    });
</script>

@endsection