@extends('layouts.comercio')
@section('title','Profesional #'.$provider->id)
@section('content')
<div class="container">
  <h1 class="mb-3">{{ $provider->nombre_mostrado }}</h1>
  <ul class="list-group mb-3">
    <li class="list-group-item"><strong>Comercio:</strong> {{ $provider->comercio_id }}</li>
    <li class="list-group-item"><strong>Usuario:</strong> {{ optional($provider->user)->name ?? '—' }}</li>
    <li class="list-group-item"><strong>Color:</strong> <span class="badge" style="background: {{ $provider->color }};">&nbsp;&nbsp;&nbsp;</span> {{ $provider->color }}</li>
    <li class="list-group-item"><strong>Estado:</strong> {{ $provider->activo ? 'Activo' : 'Inactivo' }}</li>
    <li class="list-group-item">
      <strong>Servicios:</strong>
      @forelse($provider->services as $s)
        <span class="badge bg-secondary">{{ $s->nombre }}</span>
      @empty
        <span class="text-muted">Sin servicios asignados</span>
      @endforelse
    </li>
  </ul>
  <a class="btn btn-outline-primary" href="{{ route('admin.providers.edit',$provider) }}">Editar</a>
  <a class="btn btn-link" href="{{ route('admin.providers.index') }}">Volver</a>
</div>
@endsection