@extends('layouts.app')
@section('title', 'Service Providers')
@section('content')

<!----------------------------------->
@include('admin.breadcrumb.index')
<!----------------------------------->
<div class="container-fluid py-4">
  <div class="row">
	<div class="col-12">
	  <div class="card p-4">
		<div class="card-header pb-0">
		  <h6>Service Providers List <a href="{{ route('admin.providers.create') }}" class="btn btn-primary" style="float: right;">Add New Service Provider</a></h6> 
		</div>
		<div class="card-body px-0 pt-0 pb-2">
		  <div class="table-responsive p-0">
			<table class="table align-items-center mb-0">
			  <thead>
				<tr>
				  <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Name</th>
				  <th class=" text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Email</th>
				  <th class=" text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Password</th>
				  <th class=" text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Status</th>
				  <th class=" text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Availability</th>
				  <th class=" text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Actions</th>
				  <th class="text-secondary opacity-7"></th>
				</tr>
			  </thead>
			  <tbody>
				@foreach($providers as $provider)
                <tr>
                    <td>{{ $provider->name }}</td>
                    <td>{{ $provider->email }}</td>
                    <td>{{ $provider->raw_password }}</td>
                    <td>
                    @if($provider->is_active)
                        <span class="badge bg-success">Active</span>
                    @else
                        <span class="badge bg-danger">Inactive</span>
                    @endif
                </td>
                <td>
                    @if($provider->availability)
                        <span class="badge bg-success">Available</span>
                    @else
                        <span class="badge bg-danger">Unavailable</span>
                    @endif
                </td>
                 <td class="Action_buttons">
                    <a href="{{ route('admin.providers.show', $provider->id) }}" class="btn btn-info m-0 me-2">View</a>
                    <a href="{{ route('admin.providers.edit', $provider->id) }}" class="btn btn-warning m-0 me-2">Edit</a>

                    <!-- Toggle is_active status -->
                    <a href="{{ route('admin.providers.toggleActive', $provider->id) }}" class="btn btn-secondary m-0 me-2">
                        {{ $provider->is_active ? 'Deactivate' : 'Activate' }}
                    </a>

                    <!-- Toggle availability status -->
                    <a href="{{ route('admin.providers.toggleAvailability', $provider->id) }}" class="btn btn-secondary m-0 me-2">
                        {{ $provider->availability ? 'Set Unavailable' : 'Set Available' }}
                    </a>

                    <!-- Delete provider -->
                    <form action="{{ route('admin.providers.destroy', $provider->id) }}" method="POST" style="display:inline;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger m-0 me-2">Delete</button>
                    </form>
                </td>
                </tr>
            @endforeach
			
			  </tbody>
			</table>
		  </div>
		</div>
	  </div>
	</div>
  </div>
</div>
@endsection