관리-도구

편집 파일: contact.blade.php

@extends('layouts.appss')
@section('content')

<main>
        
        <div class="ul-container">
            <div class="ul-breadcrumb">
                <h2 class="ul-breadcrumb-title">Contact Us</h2>
                <div class="ul-breadcrumb-nav">
                    <a href="index.html"><i class="flaticon-home"></i> Home</a>
                    <i class="flaticon-arrow-point-to-right"></i>
                    <span class="current-page">Contact Us</span>
                </div>
            </div>
        </div>

<section class="ul-contact-infos">
            
            <div class="ul-contact-info">
                <div class="icon"><i class="flaticon-location"></i></div>
                <div class="txt">
                    <h6 class="title">Our Address</h6>
                    <p class="descr mb-0">39/416/3-4 kavumbhagam, muthoor ,muthoor road christ central school
,muthoor,thiruvalla, pathanamthitta, kerala,india 689107</p>
                </div>
            </div>

<div class="ul-contact-info">
                <div class="icon"><i class="flaticon-email"></i></div>
                <div class="txt">
                    <h6 class="title">Email Address</h6>
                    <p class="descr mb-0">
                        <a href="mailto:info@ticstube.com">info@ticstube.com</a>
                        <a href="mailto:contact@ticstube.com">contact@ticstube.com</a>
                    </p>
                </div>
            </div>

<div class="ul-contact-info">
                <div class="icon"><i class="flaticon-stop-watch-1"></i></div>
                <div class="txt">
                    <h6 class="title">Opening Hours</h6>
                    <p class="descr mb-0">
                        <span>Mon-Fri: 9 AM – 6 PM</span><br>
                        <span>Saturday: 9 AM – 4 PM</span>
                    </p>
                </div>
            </div>
        </section>

<div class="ul-contact-map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12709.48534318585!2d76.56881209636362!3d9.38994296996254!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b062500260c3409%3A0x8405acc4f0d99219!2sSewdle%20Boutique!5e0!3m2!1sen!2sin!4v1760528357524!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>

<div class="ul-contact-from-section">
            <div class="ul-contact-form-container">
                <h3 class="ul-contact-form-container__title">Get in Touch</h3>
                <form id="contactForm"
      method="post"
      action="{{ route('admin.contact.store') }}"
      class="ul-contact-form"
      novalidate>

@csrf
                
                    <div class="grid">
                        
                        <div class="form-group">
                            <div class="position-relative">
                                <input type="text" name="name" id="name" placeholder="Name">
                                <span class="field-icon"><i class="flaticon-user"></i></span>
                            </div>
                        </div>

<div class="form-group">
                            <div class="position-relative">
                                <input type="tel" name="phone" id="phone" placeholder="Phone Number">
                                <span class="field-icon"><i class="flaticon-user"></i></span>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <div class="position-relative">
                                <input type="email" name="email" id="email" placeholder="Enter Email Address">
                                <span class="field-icon"><i class="flaticon-email"></i></span>
                            </div>
                        </div>
                         <div class="form-group">
                            <div class="position-relative">
                                <input type="email" name="subject" id="subject" placeholder="Subject">
                                <span class="field-icon"><i class="flaticon-email"></i></span>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <div class="position-relative">
                                <textarea name="message" id="message" placeholder="Write Message..."></textarea>
                                <span class="field-icon"><i class="flaticon-edit"></i></span>
                            </div>
                        </div>
                    </div>
                    
    <div class="form-group">
        <div class="g-recaptcha"
             data-sitekey="{{ config('services.recaptcha.site_key') }}"
             data-callback="captchaVerified"></div>

<small id="captchaError"
               style="color:red; display:none;">
            Please verify that you are not a robot.
        </small>
    </div>
    
                    
                    <button type="submit">Send Message</button>
                </form>
            </div>
        </div>
    </main>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
document.getElementById('contactForm').addEventListener('submit', function (e) {
    var captchaResponse = grecaptcha.getResponse();

if (!captchaResponse) {
        e.preventDefault(); // stop submit
        document.getElementById('captchaError').style.display = 'block';
    }
});

function captchaVerified() {
    document.getElementById('captchaError').style.display = 'none';
}
</script>

@endsection

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

관리-도구

편집 파일: contact.blade.php

Sid Gifari File Manager