@extends('layouts.admin')

@section('content')


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

<!-- <div class="row">
    <div class="col-md-3 mb-3">
        <a href="{{ route('customers.index') }}" class="text-decoration-none">
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <h5 class="card-title">Customers</h5>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3 mb-3">
        <a href="{{ route('riders.index') }}" class="text-decoration-none">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <h5 class="card-title">Riders</h5>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3 mb-3">
        <a href="{{ route('sellers.index') }}" class="text-decoration-none">
            <div class="card bg-warning text-white">
                <div class="card-body">
                    <h5 class="card-title">Sellers</h5>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3 mb-3">
        <a href="{{ route('users.index') }}" class="text-decoration-none">
            <div class="card bg-danger text-white">
                <div class="card-body">
                    <h5 class="card-title">Blocked</h5>
                </div>
            </div>
        </a>
    </div>
</div> -->

   <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h4>Blocked List</h4>
        <form action="{{ route('users.index') }}" method="GET" class="d-flex align-items-center">
            <div class="input-group">
                <input type="text" class="form-control form-control-sm" name="search" placeholder="Search Seller by Name or Email" aria-label="Search" value="{{ $searchQuery ?? '' }}">
                <button class="btn btn-primary btn-sm" type="submit">Search</button>
            </div>
        </form>
    </div>
    <div class="card-body">
    <div class="table-responsive">

        <table class="table table-striped table-fixed table-hover align-middle text-center">
            <thead class="table-dark">
                <tr>
                    <th>Role</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone No</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($users as $item)
                <tr class="seller-row">
                    <td>
    @if ($item->role_as == 1)
        Admin
    @elseif ($item->role_as == 2)
        Seller
    @elseif ($item->role_as == 0)
        Customer
    @elseif ($item->role_as == 3)
        Rider
    @else
Blocked
    @endif
</td>





                    <td>{{$item->name}}</td>
                    <td>{{$item->email}}</td>
                    <td>{{$item->phone}}</td>
                    <td>
    <a class="btn btn-primary" href="{{url('view-user/'.$item->id)}}">
        <i class="fas fa-eye"></i>
    </a>
    <form action="{{route('admin.users.delete', $item->id)}}" method="POST" class="d-inline">
        @csrf
        @method('DELETE')
        <button type="submit" class="btn btn-danger">
            <i class="fas fa-trash"></i> <!-- Font Awesome icon for "Delete" -->
        </button>
    </form>
</td>

                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</dov>
   </div>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script>

</body>
 
@endsection