@extends('soap.layout.main')

@section('css')
    <link rel="stylesheet" href="{{ asset('app/dist/styles/app.css') }}">
    <style>
        .app-main {
            padding-top: 267px !important;
        }

        .steps.steps--booking.flex {
            flex-wrap: nowrap !important;
        }

        @media screen and (max-width: 576px) {
            .steps {
                display: none !important;
            }

            .slider.slider--fixed2 {
                position: static;
            }

            .app-main {
                padding-top: 70px !important;
            }

            .form.form--translate {
                transform: translateY(-80px) !important;
            }
        }
    </style>
@endsection


@section('content')


    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
    <main class="app-main app-main--grey" id="booking-form"  style="padding-top: 190px !important;"></main>


@stop


@section('custom_scripts')
    <script>
        window.quoteFormTranslations = window.quoteFormTranslations || JSON.stringify({!!  $translations  !!});
        if (localStorage.getItem('detailsComponentData')) {
            localStorage.removeItem('detailsComponentData')
        }
    </script>
@endsection

@push('booking')
    <script src="{{ asset('app/dist/scripts/vendors.js') }}"></script>
    <script src="{{ asset('app/dist/scripts/app.js') }}"></script>
    <script>if (localStorage.getItem('detailsComponentData')) localStorage.removeItem('detailsComponentData')</script>
@endpush