@extends('layouts.khtc')
@section('title')
    {{$page->name}} Contact us
@endsection

@section('seo_meta')
    <meta name="description" content="{{$page->meta_description}}">
    <meta name="keywords" content="{{$page->meta_keywords}}">
@endsection
@section('breadcrumb')
    <!-- Start Page Title Area -->
    <div style="background-image:url('@if($page->banner){{asset('/uploads/'.$page->banner)}} @else {{asset('/assets/img/banner.png')}} @endif')" class="page-title-area">
        <div class="container">
            <div class="page-title-content">
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li> {{ $page->title }}</li>
                </ul>
                <h2> {{$page->sub_heading}}</h2>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->
@endsection

@section('main')
    <!-- Start Contact Info Area -->
    <section class="contact-info-area pt-100 pb-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="contact-info-box mb-30">
                        <div class="icon">
                            <i class='bx bx-envelope'></i>
                        </div>

                        <h3>Email Us</h3>
                        <p><a href="mailto:info@khtc.com.np">info@khtc.com.np</a></p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="contact-info-box mb-30">
                        <div class="icon">
                            <i class='bx bx-map'></i>
                        </div>

                        <h3>Location Here</h3>
                        <p><a href="https://www.google.com/maps/dir//Kantipur+Hotel+Training+Center,+Soondar+Marga,+Pokhara+33700/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x3995944fdbe7a4f5:0xd1110c1b9bab6d28" target="_blank">Soondar Marga,Chipledhunga Pokhara 33700</a></p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-6 offset-lg-0 offset-md-3 offset-sm-3">
                    <div class="contact-info-box mb-30">
                        <div class="icon">
                            <i class='bx bx-phone-call'></i>
                        </div>

                        <h3>Call Here</h3>
                        <p><a href="tel:+97761587915">+977 61 587915</a></p>
                        <p><a href="tel:+97761581615">061 581615</a></p>
                    </div>
                </div>
            </div>
        </div>

{{--        <div id="particles-js-circle-bubble-2"></div>--}}
    </section>
    <!-- End Contact Info Area -->

    <!-- Start Contact Area -->
    <section class="contact-area pb-100">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Contact Us</span>
                <h2>Drop us Message for any Query</h2>
            </div>

            <div class="contact-form">
                @if($errors->any())
                    {!!  implode('', $errors->all('<div style="color:red;">:message</div>')) !!}
                @endif
                @if(isset($type))
                        <div class="alert alert-success" role="alert">
                            {{$result}}
                        </div>
                    @endif
                <form id="contactForm" action="{{url('/contact')}}" method="post" >
                   @csrf
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <input type="text" name="name" id="name" class="form-control" data-error="Please enter your name" placeholder="Your Name">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <input type="email" name="email" id="email" class="form-control" data-error="Please enter your email" placeholder="Your Email">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <input type="text" name="phone_number" id="phone_number" data-error="Please enter your number" class="form-control" placeholder="Your Phone">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <input type="text" name="msg_subject" id="msg_subject" class="form-control" data-error="Please enter your subject" placeholder="Your Subject">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12">
                            <div class="form-group">
                                <textarea name="message2" class="form-control" id="message" cols="30" rows="5" data-error="Write your message" placeholder="Your Message"></textarea>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12">
                            <button type="submit" class="default-btn"><i class='bx bx-paper-plane icon-arrow before'></i><span class="label">Send Message</span><i class="bx bx-paper-plane icon-arrow after"></i></button>
                            <div id="msgSubmit" class="h3 text-center hidden"></div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <!-- End Contact Area -->
@endsection
@section('script')
@endsection