@extends('layouts.comercio')
@section('title','Profesionales')
@section('content')
<div class="container-fluid">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="mb-0">Profesionales</h1>
    <a href="{{ route('admin.providers.create') }}" class="btn btn-primary">Nuevo</a>
  </div>

  <form class="row g-2 mb-3" method="get">
    <div class="col-md-4">
      <input class="form-control" type="search" name="q" value="{{ request('q') }}" placeholder="Buscar por nombre...">
    </div>
    <div class="col-md-3">
      <select name="activo" class="form-select form-control">
        <option value="">— Estado —</option>
        <option value="1" @selected(request('activo')==='1')>Activos</option>
        <option value="0" @selected(request('activo')==='0')>Inactivos</option>
      </select>
    </div>
    <div class="col-md-3">
      <input class="form-control" type="number" name="comercio_id" value="{{ request('comercio_id') }}" placeholder="Comercio ID">
    </div>
    <div class="col-md-2"><button class="btn btn-outline-secondary w-100">Filtrar</button></div>
  </form>

  @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif

  <div class="table-responsive">
    <table class="table table-striped align-middle">
      <thead>
        <tr>
          <th>#</th><th>Nombre</th><th>Comercio</th><th>Usuario</th><th>Color</th><th>Estado</th><th></th>
        </tr>
      </thead>
      <tbody>
        @forelse($providers as $p)
          <tr>
            <td>{{ $p->id }}</td>
            <td><a href="{{ route('admin.providers.show',$p) }}">{{ $p->nombre_mostrado }}</a></td>
            <td>{{ $p->comercio_id }}</td>
            <td>{{ optional($p->user)->name ?? '—' }}</td>
            <td><span class="badge" style="background: {{ $p->color }};">&nbsp;&nbsp;&nbsp;</span> {{ $p->color }}</td>
            <td><span class="badge bg-{{ $p->activo ? 'success' : 'secondary' }}">{{ $p->activo ? 'Activo' : 'Inactivo' }}</span></td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-secondary"
   href="{{ route('admin.agenda.by-provider', $p->id) }}">
   Ver agenda
</a>
              <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.providers.edit',$p) }}">Editar</a>
              <form method="POST" action="{{ route('admin.providers.destroy',$p) }}" class="d-inline" onsubmit="return confirm('¿Eliminar profesional?')">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">Eliminar</button>
              </form>
            </td>
          </tr>
        @empty
          <tr><td colspan="7" class="text-center text-muted">Sin resultados</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

  {{ $providers->links() }}
</div>
@endsection