@extends('master')

@section('title')
    {{ $title }}
@endsection

@section('content')
<div class="container">
    <h1>Members</h1>
    <a href="{{ route('members.create') }}" class="btn btn-primary mb-3">Add New Member</a>

  

    <table class="table table-bordered" >
        <thead style="background-color: rgb(99, 131, 172); color:azure">
            <tr>
                <th>ID</th>
                <th>Full Name</th>
                <th>Position</th>
                <th>Education</th>
                {{-- <th>Specialization</th>
                <th>Interest</th>
                <th>Link 1</th>
                <th>Link 2</th>
                <th>Description</th>
                <th>Email</th>
                <th>Experience</th>
                <th>Thumbnail</th> --}}
                <th>Status</th>
                <th>Priority</th>
                <th>Type</th>
                <th>Section</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($members as $member)
                <tr>
                    <td>{{ $member->id }}</td>
                    <td>{{ $member->full_name }}</td>
                    <td>{{ $member->position }}</td>
                    <td>{{ $member->education }}</td>
                    {{-- <td>{{ $member->specialization }}</td>
                    <td>{{ $member->interest }}</td>
                    <td>{{ $member->link1 }}</td>
                    <td>{{ $member->link2 }}</td>
                    <td>{{ $member->description }}</td>
                    <td>{{ $member->email }}</td>
                    <td>{{ $member->experience }}</td>
                    <td><img src="{{ asset('storage/thumbnails/' . $member->thumbnail) }}" alt="Thumbnail" style="width: 50px;"></td> --}}
                    <td>
                        <span class="badge {{ $member->status == 1 ? 'badge-success' : 'badge-danger' }}">
                            {{ $member->status == 1 ? 'Active' : 'Inactive' }}
                        </span>
                    </td>
                    <td>{{ $member->priority }}</td>
                    <td> {{ $member->type}}</td>
                 
                    
                    <td>{{ $member->section }}</td>
                    <td>
                        <a href="{{ route('members.show', $member->id) }}" class="btn btn-info btn-sm">View</a>
                        <a href="{{ route('members.edit', $member->id) }}" class="btn btn-warning btn-sm">Edit</a>
                        <form action="{{ route('members.destroy', $member->id) }}" method="POST" class="d-inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

   
</div>
@endsection