@extends('client.raffles.layouts.app')
@section('content')
    <section class="career">
        <div class="study-destinations-banner">
            <img src="{{ $page->banner }}" alt="">
        </div>

        <section class="lqd-section  pt-40 pb-30">
            <div class="container">
                <div class="w-80percent mx-auto">
                    <h2 class="md:text-30 text-60 text-sec text-center">Our Details</h2>
                    <div class="title-line mx-auto"></div>
                </div>
                <div class="row">
                    <div class="col col-md-4">
                        <div class="flex flex-col gap-30 justify-center items-center contact-box">
                            <i class="fa-solid fa-mobile-screen-button text-sec text-50"></i>
                            <h4 class="text-24 text-sec">Call Us</h4>
                            <div class="flex flex-col gap-5">
                                <a class="text-16 text-grey" href="tel:+977-1234567890">{{ setting('mobile') }}</a>
                                <a class="text-16 text-grey" href="tel:+977-1234567890">{{ setting('phone') }}</a>
                            </div>
                        </div>
                    </div>
                    <div class="col col-md-4">
                        <div class="flex flex-col gap-30 justify-center items-center contact-box">
                            <i class="fa-solid fa-envelope text-brand text-50"></i>
                            <h4 class="text-24 text-sec">Drop Us a Line</h4>
                            <div class="flex flex-col gap-5">
                                <a class="text-16 text-grey" href="mailto:info@raffles.com">{{ setting('email') }}</a>
                                <a class="text-16 text-sec" href="https://www.raffleseducare.com/"
                                    target="blank">raffleseducare.com</a>
                            </div>
                        </div>
                    </div>
                    <div class="col col-md-4">
                        <div class="flex flex-col gap-30 justify-center items-center contact-box">
                            <i class="fa-solid fa-location-dot text-50"></i>
                            <h4 class="text-24 text-sec">Visit Us</h4>
                            <div class="flex flex-col gap-5">
                                <h4 class="text-16 text-grey font-medium">{{ setting('location') }}</h4>
                                <h4 class="text-16 text-grey font-medium">Way to putalisadak</h4>
                            </div>
                        </div>
                    </div>
                </div>
        </section>

        <section class="lqd-section  pt-40 pb-40">
            <div class="container">
                <h3 class="text-black text-36 md:text-24 text-center pb-10">Fill In The Form</h3>
                <div class="contact-form">
                    <form action="{{ route('enquiry.store') }}" method="post" id="contact-form">
                        @csrf
                        <div class="flex gap-10">
                            <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
                                id="name" placeholder=" Name">
                            <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
                                id="email" placeholder="Email">
                        </div>

                        <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="subject"
                            id="subject" placeholder="Subject">
                        <textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="message" placeholder="Message"></textarea>
                        <button type="submit" id="submit-btn"
                            class="button-hover px-20 py-10 bg-sec text-white  text-16 border-0">Send
                            Message</button>
                    </form>
                </div>
            </div>
        </section>
    @endsection