@extends('layouts.app')

@section('title', 'enquiry Now')

@section('content')
@stack('scripts')

<style>
    body {
        background: #fff;
    }
</style>


<body>
    <!-- Page Header Start -->
    <div class="page-header">
        <img src="{{ asset('frontend/assets/images/about-us-hn.webp') }}" alt="Banner" class="page-header-img">

    </div>

<div class="about-us enquiry-now-slide">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">

                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                <form action="{{ route('donation.enquiry.store') }}" method="POST">
                    @csrf

                    <div class="form-group">
                        <label>Full Name <span>*</span></label>
                        <input type="text" name="fullname" value="{{ old('fullname') }}" placeholder="Enter your full name" required>
                        @error('fullname') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group">
                        <label>Email Address <span>*</span></label>
                        <input type="email" name="email" value="{{ old('email') }}" placeholder="Enter your email address" required>
                        @error('email') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group">
                        <label>Phone Number <span>*</span></label>
                        <input type="tel" name="phone" value="{{ old('phone') }}" placeholder="Enter your phone number" required>
                        @error('phone') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group">
                        <label>State <span>*</span></label>
                        <input type="text" name="state" value="{{ old('state') }}" placeholder="Enter your state" required>
                        @error('state') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group">
                        <label>District <span>*</span></label>
                        <input type="text" name="district" value="{{ old('district') }}" placeholder="Enter your district" required>
                        @error('district') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group">
                        <label>PIN Code <span>*</span></label>
                        <input type="text" name="pincode" maxlength="6" value="{{ old('pincode') }}" placeholder="Enter your PIN code" required>
                        @error('pincode') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group">
                        <label>Address <span>*</span></label>
                        <textarea name="address" rows="3" placeholder="Enter your complete address" required>{{ old('address') }}</textarea>
                        @error('address') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group">
                        <label>Message (Optional)</label>
                        <textarea name="message" rows="4" placeholder="Write your message (optional)">{{ old('message') }}</textarea>
                    </div>

                    <div class="form-group">
                        <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.site_key') }}"></div>
                        @error('g-recaptcha-response') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <button type="submit" class="btn-submit">
                        Donate Now
                    </button>
                </form>

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


<script src="https://www.google.com/recaptcha/api.js" async defer></script>

  



@endsection