@extends('frontend.main')
@section('content')
    <style>
        .plans-section .plans-outer .plans-table .table{
            margin-bottom: 10px !important;
        }
         .contact-form-section{
             padding-top: 40px !important;
         }
    </style>


    <!--Page Title-->
    <section class="page-title">
        <div class="auto-container">
            @if (strpos($service, 'Custom') !== false)
                <h2>Inquire for: {{$service}}</h2>
            @else
                <h2>Get Quote for: {{$service}}</h2>
            @endif
        </div>
    </section>
    <!--End Page Title-->
    <!--Contact Form Section-->
    <section class="contact-form-section">
        <div class="auto-container">
            <h2>Fill Up The Form</h2>

            <!-- Contact Form -->
            <div class="contact-form wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">

                <!--Comment Form-->
                <form method="post" action="{{route('send_quote')}}" id="contact-form">
                    {{ csrf_field() }}
                    <div class="row clearfix">
                        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                            <input type="text" name="name" placeholder="Name" required>
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                            <input type="text" name="phone" placeholder="Phone" required>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                            <input type="email" name="email" placeholder="Email" required>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                            @if (strpos($service, 'Custom') !== false)
                                <input type="text" name="subject" value="Inquire for {{$service}}" required>
                            @else
                                <input type="text" name="subject" value="Get Quote for {{$service}}" required>
                            @endif
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                            <textarea name="message" placeholder="Message"></textarea>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center form-group">
                            <button class="theme-btn btn-style-two" type="submit">SEND MESSAGE <span class="arrow fa fa-angle-right"></span></button>
                        </div>

                    </div>
                </form>

            </div>
            <!--End Contact Form -->

        </div>
    </section>
    <!--End Contact Form Section-->
@endsection