@extends('layouts.admin.index')

@section('content')

                <!-- Begin Page Content -->
                <div class="container">
                    <h1>Join Our Team Management</h1>
                
                    @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                
                    @if(session('error'))
                        <div class="alert alert-danger">{{ session('error') }}</div>
                    @endif
                
                    <!-- Form to add a new team member -->
                    <form method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <label for="username">Username</label>
                            <input type="text" name="username" id="username" class="form-control" required>
                        </div>
                        
                        <div class="form-group">
                            <label for="icnumber">IC Number</label>
                            <input type="text" name="icnumber" id="icnumber" class="form-control" required>
                        </div>
                
                        <div class="form-group">
                            <label for="phoneNo">Phone Number</label>
                            <input type="text" name="phoneNo" id="phoneNo" class="form-control" required>
                        </div>
                
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" name="email" id="email" class="form-control" required>
                        </div>
                
                        <div class="form-group">
                            <label for="address">Address</label>
                            <input type="text" name="address" id="address" class="form-control" required>
                        </div>
                
                        <div class="form-group">
                            <label for="pdf">PDF</label>
                            <input type="file" name="pdf" id="pdf" class="form-control-file" required>
                        </div>
                
                        <button type="submit" class="btn btn-primary">Add Member</button>
                    </form>
                
                    <!-- Display all entries -->
                    <h2 class="mt-4">Form User</h2>
                    @if($teams->isEmpty())
                        <p>No team members found.</p>
                    @else
                        <table class="table table-bordered mt-3">
                            <thead>
                                <tr>
                                    <th>Username</th>
                                    <th>IC Number</th>
                                    <th>Phone Number</th>
                                    <th>Email</th>
                                    <th>Address</th>
                                    <th>Resume(PDF)</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($teams as $team)
                                    <tr>
                                        <td>{{ $team->username }}</td>
                                        <td>{{ $team->icnumber }}</td>
                                        <td>{{ $team->phoneNo }}</td>
                                        <td>{{ $team->email }}</td>
                                        <td>{{ $team->address }}</td>
                                        <td><a href="{{ asset('storage/' . $team->pdf) }}" target="_blank">View PDF</a></td>
                                        <td>
                                            <form action="{{ route('admin.joinourteam.delete', $team->id) }}" method="POST" style="display:inline;">
                                                @csrf
                                                <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
                    
                

                    <!-- Content Row -->

                    

                    <!-- Content Row -->
                    

                
                <!-- /.container-fluid -->

            </div>
            <!-- End of Main Content -->

            <!-- Footer -->
            <footer class="sticky-footer bg-white">
                <div class="container my-auto">
                    <div class="copyright text-center my-auto">
                        
                    </div>
                </div>
            </footer>
            <!-- End of Footer -->

        </div>
        <!-- End of Content Wrapper -->
        @endsection