@extends('layouts.master')
@section('content')
    <div class="container">
        <section id="content">
            <!-- Page Heading -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-9">
                    <img src="{{ asset('asset/img/donate/2.png') }}" alt="">
                </div>
            </div>
        </section>
        <!-- Page Heading -->
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="col-lg-8 col-md-8 col-sm-12">
                    <h1 style="color: rgb(39, 68, 114);">Donate</h1>
                    <blockquote>
                        <p style="font-size: 13px"> Myositis India depends on the generous support of people like you to
                            fulfill its mission. If you’re interested in additional ways to support Myositis India, learn
                            about <a href="{{ route('donate') }}">more ways to help</a>.</p>
                    </blockquote>
                    <blockquote>
                        Make a Donation
                        <hr>
                        <form action="{{ route('donate-online') }}" id="panValidationForm" method="POST">
                            @csrf
                            <div class="form-group">
                                <label for="name" class="control-label">Name</label>
                                <input type="text" class="form-control" value="{{old('name')}}" id="name" name="name" required>
                            </div>

                            <div class="form-group">
                                @error('pan_number')
                                    <div class="alert alert-danger">
                                        {{ $message }}
                                    </div>
                                @enderror

                                <label for="pan_number">PAN Number:</label>
                                <input type="text" class="form-control" id="pan_number" value="{{old('pan_number')}}" name="pan_number"  oninput="this.value = this.value.toUpperCase();" required>
                            </div>
                            <button class="btn btn-primary" type="submit">Next</button>
                        </form>
                    </blockquote>
                </div>
                <br><br><br>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <blockquote>
                        <i>Thank You</i><br>
                        <p style="font-size: 13px">Your support means the world to us. Your donation goes to Myositis India
                            research, patient education, patient support groups, our Annual Patient Conference, and more.
                        </p>
                    </blockquote>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection