@extends('Main.layout.app')
@push('preload')
    <link rel="preload" as="style" href="{{asset('main/css/form1.css')}}">
@endpush

@push('styles')
    <!-- Customized Stylesheet -->
    <link href="{{asset('main/css/form1.css')}}" rel="stylesheet">
@endpush

@section('content')
<main>
  <x-main.request.wizard-section />
  <!--Register Section Starts-->
  <div id="container" class="container">
    <div class="form-bg mb-lg-5">
      <x-main.progress :step="$step" />
      @if($step==1)
        <x-main.firstStep :titles="$titles" :enquiry="$enquiry" :data="$data" :agent="$agent_id"/>
      @endif
      @if($step==2)
        <x-main.seccondStep :serviceTypes="$serviceTypes" :enquiry="$enquiry" :data="$data"/>
      @endif
      @if($step==3)
        <x-main.thirdStep :classoftravels="$classoftravels" :enquiry="$enquiry" :data="$data"/>
      @endif
      @if($step==4)
        <x-main.fourthStep />
      @endif
        
    </div>
  </div>
</main>
<!--Register Area Ends-->
@endsection