@extends('layouts.horizontal', ['title' => 'Plantillas'])

@section('content')
<div class="container-fluid">

@include('layouts.partials.page-title', [
    'subtitle' => 'Catálogos',
    'title' => 'Plantillas de Interpretación'
])

<div class="card">

<div class="card-header d-flex justify-content-between">
    <h4 class="card-title m-0">Listado</h4>

    <a href="{{ route('plantillas.create') }}" class="btn btn-primary btn-sm">
        <i class="ti ti-plus"></i> Nueva
    </a>
</div>

<div class="table-responsive">
<table class="table table-hover mb-0">
<thead>
<tr>
    <th>Doctor</th>
    <th>Estudio</th>
    <th>Título</th>
    <th>Status</th>
    <th class="text-center">Acciones</th>
</tr>
</thead>

<tbody>
@forelse($plantillas as $p)
<tr>

<td>
    {{ $p->doctor 
        ? $p->doctor->nombre 
        : 'GLOBAL' }}
</td>

<td>{{ $p->estudio->descripcion ?? '' }}</td>

<td>{{ $p->titulo }}</td>

<td>
    @if($p->activo)
        <span class="badge bg-success">Activo</span>
    @else
        <span class="badge bg-secondary">Inactivo</span>
    @endif
</td>

<td class="text-center">
    <a href="{{ route('plantillas.edit',$p->id) }}" class="btn btn-sm btn-light">
        Editar
    </a>

    <form action="{{ route('plantillas.destroy',$p->id) }}" method="POST" style="display:inline">
        @csrf
        <button class="btn btn-sm btn-danger" onclick="return confirm('¿Eliminar?')">
            Eliminar
        </button>
    </form>
</td>

</tr>
@empty
<tr>
<td colspan="5" class="text-center text-muted">Sin registros</td>
</tr>
@endforelse
</tbody>
</table>
</div>

<div class="card-footer">
    {{ $plantillas->links() }}
</div>

</div>
</div>
@endsection