@extends('layouts.public')

@section('content')
<div class="container py-4">
  <h5 class="fw-bold mb-4 text-center text-md-start">
    Archivos del estudio — {{ $paciente->nombre }} {{ $paciente->apPaterno }}
  </h5>
  <div class="col-12">
    @foreach($estudios as $est)
    <div class="card mb-3">
      <div class="card-header">
        <h5 class="m-0">
          Estudio: <strong>{{ $est->descripcion }}</strong>
        </h5>
      </div>

      <div class="card-body p-0">
        <table class="table table-sm mb-0 align-middle">
          <thead class="bg-light">
            <tr class="text-uppercase fs-xxs">
              <th>Archivo</th>
              <th>Fecha</th>
              <th class="text-center">Descargar</th>
            </tr>
          </thead>
          <tbody>
            @forelse($est->files as $f)
            <tr>
              <td style="word-break: break-word;">
                {{ $f->archivo }}
              </td>
              <td>{{ \Carbon\Carbon::parse($f->fecha)->format('d/m/Y') }}</td>
              <td class="text-center">
                <a href="{{ asset('storage/archivos/' . date('Y', strtotime($f->registro)) . '/paciente-' . $paciente->idPaciente . '/cita-' . $cita->idCita . '/' . $f->archivo) }}"
                   target="_blank"
                   class="btn btn-sm btn-success">
                  Descargar
                </a>
              </td>
            </tr>
            @empty
            <tr>
              <td colspan="3" class="text-center text-muted">Sin archivos</td>
            </tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>
    @endforeach
  </div>

<div class="text-center mt-3">
  @if(request()->is('resultados/doctor/*'))

      <a href="{{ route('resultados.doctor.paciente.historial', [
          'idPaciente' => $paciente->idPaciente,
          'doctor' => $doctor
      ]) }}" 
      class="btn btn-secondary">
          Volver al historial
      </a>

  @else

      <a href="{{ url('resultados/paciente/'.$paciente->expediente) }}"
        class="btn btn-secondary">
          Volver a mis estudios
      </a>

  @endif

  </div>

<style>
  @media (max-width: 576px) {
    table {
      font-size: 0.9rem;
    }
    th, td {
      padding: 0.6rem;
    }
    .btn-success {
      font-size: 0.85rem;
      padding: 0.5rem;
    }
  }
</style>
@endsection