@extends('layouts.horizontal', ['title' => 'Editar Archivo del Paciente'])

@section('content')
<div class="container-fluid">
  @include('layouts.partials.page-title', [
    'subtitle' => 'Historial',
    'title' => 'Editar archivo: ' . $archivo->archivo
  ])

  <div class="col-md-6 mx-auto">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="m-0">Editar Archivo</h5>
        <a href="{{ url()->previous() }}" class="btn btn-sm btn-secondary">
          <i class="ti ti-arrow-left"></i> Volver
        </a>
      </div>

      <form method="POST" action="{{ route('historial.detalle.update', $archivo->idArchivo) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div class="card-body">
          <div class="mb-3">
            <label class="form-label">Nombre del Archivo Actual</label>
            <input type="text" class="form-control" value="{{ $archivo->archivo }}" disabled>
          </div>

          <div class="mb-3">
            <label class="form-label">Fecha</label>
            <input type="date" name="fecha" value="{{ $archivo->fecha }}" class="form-control" required>
          </div>

          <div class="mb-3">
            <label class="form-label">Tipo de Archivo</label>
            <select name="extension" class="form-select" required>
              <option value="">Seleccionar...</option>
              <option value="pdf" {{ $archivo->extension == 'pdf' ? 'selected' : '' }}>PDF</option>
              <option value="imagen" {{ $archivo->extension == 'imagen' ? 'selected' : '' }}>Imagen</option>
            </select>
          </div>

          <div class="mb-3">
            <label class="form-label">Reemplazar Archivo (opcional)</label>
            <input type="file" name="file" class="form-control" accept=".pdf,image/*">
          </div>
        </div>

        <div class="card-footer text-end">
          <button type="submit" class="btn btn-primary">
            <i class="ti ti-device-floppy"></i> Guardar Cambios
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection