@if (
    $errors->has('business_web_phone') ||
        $errors->has('business_web_name') ||
        $errors->has('business_web_email') ||
        $errors->has('business_web_phone'))
    <div class="modal fade show" id="get_quote_modal" tabindex="-1" role="" aria-labelledby="exampleModalCenterTitle"
        style="padding-right: 17px; display: block;" aria-modal="true">
    @else
        <div class="modal fade" id="get_quote_modal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
@endif


<div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLongTitle">Get Quote</h5>
            <button type="button" class="close close_modal" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <form action="{{ route('getQuote') }}" method="post">
            @csrf
            <div class="modal-body">
                <div class="form-group">
                    <label for="name" class="col-form-label">Name:</label>
                    <input type="text" value="{{ old('business_web_name') }}"
                        class="form-control @error('business_web_name') is-invalid @enderror" id="business_web_name"
                        name="business_web_name" placeholder="Required">
                    <span class="error" style="color: red">{{ $errors->first('business_web_name') }}</span>
                    {{-- {{$errors->first('name')}} --}}
                    {{-- {{print_r($errors)}} --}}

                </div>
                <div class="form-group">
                    <label for="name" class="col-form-label">Email:</label>
                    <input type="email" value="{{ old('business_web_email') }}"
                        class="form-control @error('business_web_email') is-invalid @enderror" id="business_web_email"
                        name="business_web_email" placeholder="Required">
                    <span class="error" style="color: red">{{ $errors->first('business_web_email') }}</span>

                </div>
                <div class="form-group">
                    <label for="name" class="col-form-label">Phone:</label>
                    <input placeholder="Required" type="number"
                        class="form-control @error('business_web_phone') is-invalid @enderror" id="business_web_phone"
                        name="business_web_phone" value="{{ old('business_web_phone') }}">
                    <span class="error" style="color: red">{{ $errors->first('business_web_phone') }}</span>

                </div>
                <div class="form-group">
                    <label for="name" class="col-form-label">Description:</label>
                    <textarea name="business_web_description" class="form-control" id="" cols="10" rows="3">{{ old('business_web_description') }}</textarea>

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary close_modal" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </form>

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@if (session('MailSuccess'))
    <script>
            Swal.fire({
                title: "Request Submitted",
                text: "Hello, We have received your request. We will get back to you soon.",
                icon: "success"
            });

    </script>
@endif

@if (session('MailError'))
    <script>
        Swal.fire({
            icon: "Something went wrong!",
            title: "Oops...",
            text: "Something went wrong! please try again later.",
        });
    </script>
@endif

<script>
    $(document).ready(function() {
        $(".close_modal").click(function() {
            $('.error').html('');
            $('.form-control').removeClass('is-invalid');
            $("#get_quote_modal").hide()
        })
    })
</script>