@extends('layouts.dashboard.inface', ['section' => 'developments'])

@section('extra-styles')
    <style>
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            font-size: 20px;
        }

        .icon-filled {
            font-variation-settings: 'FILL' 1;
        }

        .wizard-step-active {
            @apply border-primary text-primary;
        }

        .wizard-step-complete {
            @apply border-primary bg-primary text-white;
        }

        .wizard-step-inactive {
            @apply border-gray-300 text-gray-400;
        }
    </style>
@endsection

@php
    $currentStep = 4;
@endphp

@section('content')
    @include('realEstates.v2.fraccionamientos.create.tabs_wizard', [
        'steps' => [
            ['title' => 'Datos Generales'],
            ['title' => 'Configuración'],
            ['title' => 'Lotes'],
            ['title' => 'Resumen'],
        ],
        'currentStep' => $currentStep,
    ])
    @switch($currentStep)
        @case(1)
            @include('realEstates.v2.fraccionamientos.create.steps.step1')
        @break

        @case(2)
            @include('realEstates.v2.fraccionamientos.create.steps.step2')
        @break

        @case(3)
            @include('realEstates.v2.fraccionamientos.create.steps.step3')
        @break

        @case(4)
            @include('realEstates.v2.fraccionamientos.create.steps.step4')
        @break

        @default
        @break
    @endswitch
@endsection