@extends('layouts.en.master')
@section('content')

<section>
    <div class="container">

        <div class="col-md-8 mx-auto">
            <div class="card text-center shadow">
                <div class="card-header bg-danger pt-4 text-white">
                    <h5 class="text-white">Note:</h5>
                </div>
                <div class="card-body">
                    <p style="direction: rtl !important;">
                        لطف نموده این نوشته را به دقت بخوانید! <br>
                        بخاطر کمک به این نهاد، مشخصات خود را وارد فورم زیر نمایید. پس از آن به شما حساب بانکی نهاد نمایش داده می شود. <br>
                        مشخصات شما در دیتابس بنیاد ثبت می گردد.
                    </p>
                </div>
            </div>
        </div>

        <div class="card mt-2 shadow col-md-8 mx-auto">
            <div class="card-header text-center pt-4 bg-info">
                <h5>Supporter Details</h5>
            </div>
            <div class="row m-2">
                <form action="{{route('collect.store')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="input-div">
                        <label>Full Name:  </label> 
                        <input type="text" class="form-control" name="name" id="name" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
                    </div>

                    <div class="input-div mt-2">
                        <label>Email Address:  </label> 
                        <input type="email" class="form-control" name="email" id="email" aria-label="Small" aria-describedby="inputGroup-sizing-sm" required>
                    </div>

                    <div class="input-div mt-2">
                        <label>Phone Number:  </label> 
                        <input type="text" class="form-control" name="phone" id="phone" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
                    </div>

                    <div class="input-div mt-2">
                        <label>WhatsApp Number:  </label> 
                        <input type="text" class="form-control" name="whatsapp" id="whatsapp" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
                    </div>

                    <div class="input-div mt-2">
                        <label>Dondation Ammount:  </label> 
                        <input type="text" class="form-control" name="value" id="value" aria-label="Small" aria-describedby="inputGroup-sizing-sm" placeholder="Enter the ammount you want to donate, like:$10" required>
                    </div>


                    <div class="input-div mt-2">
                        <label> Description:  </label> 
                        <textarea name="description" id="description" class="form-control" cols="30" rows="10"> </textarea>
                    </div>
                    <br>
                    <button class="btn-primary btn btn-sm float-end" type="submit">Submit</button>
                </form>
            </div>
        </div>
    </div>
</section>


@endsection