@extends('layouts.admin')

@section('content')
<div class="row mb-3 align-items-center">
    <div class="col-md-6">
        <h1 class="m-0 font-weight-bold text-dark" style="font-size: 1.8rem;">
            <i class="fas fa-bed text-primary mr-2"></i> Camas Hospitalarias
        </h1>
        <p class="text-muted mb-0">Gestión de camas, tarifas por día, equipamiento y estados de ocupación</p>
    </div>
    <div class="col-md-6 text-md-right mt-3 mt-md-0">
        <a href="{{ route('admin.camas.create') }}" class="btn btn-primary shadow-sm mr-2 font-weight-bold">
            <i class="fas fa-plus-circle mr-1"></i> Registrar Cama
        </a>
        <a href="{{ route('admin.hospitalizaciones.mapa') }}" class="btn btn-info text-white shadow-sm mr-2 font-weight-bold">
            <i class="fas fa-th-large mr-1"></i> Mapa Visual
        </a>
        <a href="{{ route('admin.hospitalizaciones.index') }}" class="btn btn-outline-secondary shadow-sm">
            <i class="fas fa-arrow-left mr-1"></i> Hospitalización
        </a>
    </div>
</div>

<div class="card card-outline card-primary shadow">
    <div class="card-header py-2 d-flex justify-content-between align-items-center">
        <h3 class="card-title font-weight-bold">
            <i class="fas fa-list text-primary mr-1"></i> Listado General de Camas ({{ $camas->count() }})
        </h3>
        <div class="card-tools">
            <!-- Filtro de Habitación -->
            <form action="{{ route('admin.camas.index') }}" method="GET" class="form-inline">
                <label class="mr-2 small font-weight-bold text-muted">Habitación:</label>
                <select name="habitacion_id" class="form-control form-control-sm mr-2" onchange="this.form.submit()">
                    <option value="">Todas las Habitaciones</option>
                    @foreach($habitaciones as $h)
                        <option value="{{ $h->id }}" {{ request('habitacion_id') == $h->id ? 'selected' : '' }}>
                            {{ $h->codigo }} — {{ $h->nombre }}
                        </option>
                    @endforeach
                </select>
                @if(request()->filled('habitacion_id'))
                    <a href="{{ route('admin.camas.index') }}" class="btn btn-xs btn-outline-secondary">Limpiar</a>
                @endif
            </form>
        </div>
    </div>
    <div class="card-body table-responsive">
        <table id="tablaCamas" class="table table-bordered table-hover table-striped table-sm text-center">
            <thead class="thead-dark">
                <tr>
                    <th style="width: 50px;">N°</th>
                    <th>Código</th>
                    <th>Nombre / Tipo</th>
                    <th class="text-left">Habitación / Sala</th>
                    <th>Tarifa / Día</th>
                    <th>Estado</th>
                    <th>Paciente Actual</th>
                    <th style="width: 150px;">Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach($camas as $index => $cama)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td><span class="badge badge-light border font-weight-bold" style="font-size: 0.85rem;">{{ $cama->codigo }}</span></td>
                        <td>
                            <div class="font-weight-bold text-dark">{{ $cama->nombre }}</div>
                            <small class="text-muted">{{ $cama->tipo }}</small>
                        </td>
                        <td class="text-left">
                            <div class="font-weight-bold text-primary">{{ $cama->habitacion->nombre ?? 'N/A' }}</div>
                            <small class="text-muted">{{ $cama->habitacion->piso ?? '' }} @if($cama->habitacion && $cama->habitacion->ala_sector) &bull; {{ $cama->habitacion->ala_sector }} @endif</small>
                        </td>
                        <td><span class="font-weight-bold text-success">${{ number_format($cama->precio_dia, 2) }}</span></td>
                        <td>
                            <span class="badge {{ $cama->badge_class }} px-2 py-1">
                                {{ $cama->estado }}
                            </span>
                        </td>
                        <td>
                            @if($cama->estado === 'Ocupada' && $cama->hospitalizacionActiva)
                                <a href="{{ route('admin.hospitalizaciones.show', $cama->hospitalizacionActiva->id) }}" class="font-weight-bold text-danger text-truncate d-block" style="max-width: 160px;" title="{{ $cama->hospitalizacionActiva->paciente->apellidos ?? '' }}">
                                    <i class="fas fa-user-injured mr-1"></i>
                                    {{ $cama->hospitalizacionActiva->paciente ? ($cama->hospitalizacionActiva->paciente->apellidos . ' ' . $cama->hospitalizacionActiva->paciente->nombres) : 'Paciente' }}
                                </a>
                            @else
                                <span class="text-muted small">—</span>
                            @endif
                        </td>
                        <td>
                            <div class="btn-group" role="group">
                                @if($cama->estado === 'Disponible')
                                    <a href="{{ route('admin.hospitalizaciones.create', ['cama_id' => $cama->id]) }}" class="btn btn-success btn-sm" title="Ingresar Paciente">
                                        <i class="fas fa-user-plus"></i>
                                    </a>
                                @endif
                                <a href="{{ route('admin.camas.edit', $cama->id) }}" class="btn btn-warning btn-sm text-white" title="Editar Cama">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <form action="{{ route('admin.camas.destroy', $cama->id) }}" method="POST" onsubmit="return confirm('¿Eliminar cama?');" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm" title="Eliminar" {{ $cama->estado === 'Ocupada' ? 'disabled' : '' }}>
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<script>
    $(function () {
        $('#tablaCamas').DataTable({
            "pageLength": 10,
            "language": {
                "emptyTable": "No hay camas registradas",
                "info": "Mostrando _START_ a _END_ de _TOTAL_ camas",
                "search": "Buscador:",
                "paginate": { "first": "Primero", "last": "Último", "next": "Siguiente", "previous": "Anterior" }
            },
            "responsive": true,
            "autoWidth": false
        });
    });
</script>
@endsection