@extends('layouts.simple.master')

@section('main_content')
<div class="container-fluid">
  <!-- Información de la oferta centrada -->
  <div class="text-center mb-4">
      <span class="fw-bold" style="font-size: 1.5rem;">
          {{ $oferta->codigo_proyecto }} - {{ $oferta->cliente }}
      </span>
  </div>

    <h2 class="mb-3 text-center">Proceso de Apertura</h2>

        <!-- Barra de progreso -->
        @component('components.wizard-progress', [
            'steps' => [
                1 => 'Detalles de la Oferta',
                2 => 'Criterios de Clasificación',
                3 => 'Competidores',
                4 => 'Puntuaciones',
                5 => 'Finalización'
            ],
            'currentStep' => $step // Cambiar aquí
        ])
        @endcomponent

    <!-- Contenido dinámico del paso -->
    <div class="card">
        <div class="card-body">
            @yield('wizard_content')
        </div>
    </div>
</div>
@endsection