@extends('layouts.index')

@section('content')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.6/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.6/js/jquery.dataTables.min.js"></script>
<div class="content-body">
  <!-- row -->
  <div class="container-fluid">
  <div class="form-head d-flex mb-3 mb-md-2 align-items-start">
    <div class="me-auto d-none d-lg-block">
      <h3 class="font-w600 m-0 p-0">Team List</h3>
    </div>
    <!-- <div class="form-group">
      <input type="text" id="searchInput" class="form-control" placeholder="Search...">
    </div> -->
    <a href="{{route('admin.team-add')}}" class="btn btn-success ms-auto">Add Team</a>
  </div>
@include('includes.message') 
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-body news-List">
            <div class="table-responsive">
              <table id="example5" class="table table-hover mb-0">
                <thead>
                  <tr>
                    <th>Sr. No.</th>
                    <th>Image</th>
                    <th>Name</th>
                    <th>Category</th>
                    <!-- <th>Designation</th> -->
                    <th>Status</th>
                    <th>Edit</th>
                    <th>Delete</th>
                  </tr>
                </thead>
                <tbody>
                @foreach($teams as $key => $team)
                  <tr>
                    <td>{{ $key + 1 }}</td>
                    <td><img src="{{ asset('/team/'.$team->pic) }}" alt="Team Image" style="width: 50px; height: 50px;"></td>
                    <td>{{ $team->name }}</td>
                    <td>{{ DB::table('category')->where('id',$team->category_id)->value('name') }}</td>
                    <!-- <td>{{ $team->designation }}</td> -->
                    <td>{{ ucfirst($team->status)}}</td>
                    <td><a href="{{route('admin.team-add',['id'=>$team->id])}}" class="btn btn-primary">Edit</a></td>
                    <td>
                        <a href="{{ route('admin.team-delete', ['id' => $team->id]) }}" 
                          class="btn btn-danger" 
                          onclick="return confirm('Are you sure you want to delete this team member?');">
                          Delete
                        </a>
                    </td>

                  </tr>
                @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12">  </div>
    </div>
  </div>
</div>

@endsection