@extends('layouts.app')

@section('content')


<div class="wizard-form">
    <div class="container-fluid px-0">
        <div class="row no-gutters min-vh-100">


            <div class="col-md-6 order-1 order-md-1">
                <div class="hero-wrap d-flex align-items-center h-100">
                    <div class="wizard-bg"></div>
                </div>
            </div>

            <!-- wizard-form
      ========================= -->
            <div class="col-md-6 d-flex flex-column order-2 order-md-2 wizard_form">
                <div class="container my-auto py-5">

                <project-wizard-component :attr="{ 
                            login_url: '{{ route('login') }}',
                            project_wizard_upload_url: '{{ route('project-wizard-upload-files') }}',
                            save_project_url: '{{ route('save-project') }}',
                            project_wizard_url: '{{ route('project-wizard') }}',
                            isUserLoggedIn: '{{ Auth::id() ? true : false }}',
                            csrfToken: '{{ csrf_token() }}',
                            budgets: '{{ $budgets  }}',
                            complexities: '{{ $complexities  }}',
                        }">
                </project-wizard-component>

                </div>
            </div>
            <!-- wizard-form End -->



        </div>
    </div>
</div>

@endsection
@push('footer-scripts')

<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
<script src="{{ asset('js/jquery.steps.min.js') }}"></script>
<script src="{{ asset('js/main.js') }}"></script>
@endpush