@extends('public.layout.app')
@section('title', __('front.donation'))

@section('body')
<section class="section pt-4">
    <div class="container">
        <div class="row justify-content-center g-4">
            <div class="col-lg-8">

                <div class="card-soft p-4 p-lg-5 shadow-soft">
                    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
                        <div>
                            <h3 class="fw-bold mb-1">{{ __('front.donation_form') }}</h3>
                            <div class="text-muted2">د ملاتړ لپاره مرسته / فورم</div>
                        </div>
                        <a href="{{ route('front.home') }}" class="btn btn-outline-light rounded-pill px-3">
                            <i class="fa-solid fa-house me-1"></i> {{ __('front.home') }}
                        </a>
                    </div>

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

                    <form method="POST" action="{{ route('front.donation.store') }}" enctype="multipart/form-data">
                        @csrf

                        <div class="row g-3">

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">{{ __('front.full_name') }}</label>
                                <input type="text" name="full_name" value="{{ old('full_name') }}"
                                       class="form-control @error('full_name') is-invalid @enderror"
                                       placeholder="{{ __('front.your_name') }}">
                                @error('full_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">{{ __('front.phone') }}</label>
                                <input type="text" name="phone" value="{{ old('phone') }}"
                                       class="form-control @error('phone') is-invalid @enderror"
                                       placeholder="+93...">
                                @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">{{ __('front.email_2') }}</label>
                                <input type="email" name="email" value="{{ old('email') }}"
                                       class="form-control @error('email') is-invalid @enderror"
                                       placeholder="mail@example.com">
                                @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">{{ __('front.amount') }}</label>
                                <input type="number" step="0.01" name="amount" value="{{ old('amount') }}"
                                       class="form-control @error('amount') is-invalid @enderror"
                                       placeholder="0.00">
                                @error('amount') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">{{ __('front.currency') }}</label>
                                <select name="currency" class="form-select @error('currency') is-invalid @enderror">
                                    @foreach($currencies as $c)
                                        <option value="{{ $c }}" @selected(old('currency','AFN')==$c)>{{ $c }}</option>
                                    @endforeach
                                </select>
                                @error('currency') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">{{ __('front.donation_type') }}</label>
                                <select name="donation_type" class="form-select @error('donation_type') is-invalid @enderror">
                                    @foreach($types as $k=>$v)
                                        <option value="{{ $k }}" @selected(old('donation_type','general')==$k)>{{ $v }}</option>
                                    @endforeach
                                </select>
                                @error('donation_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">{{ __('front.payment_method') }}</label>
                                <select name="payment_method" class="form-select @error('payment_method') is-invalid @enderror">
                                    @foreach($methods as $k=>$v)
                                        <option value="{{ $k }}" @selected(old('payment_method','cash')==$k)>{{ $v }}</option>
                                    @endforeach
                                </select>
                                @error('payment_method') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">{{ __('front.reference_transaction_no_optional') }}</label>
                                <input type="text" name="reference_no" value="{{ old('reference_no') }}"
                                       class="form-control @error('reference_no') is-invalid @enderror"
                                       placeholder="{{ __('front.trx_receipt_no') }}">
                                @error('reference_no') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-12">
                                <label class="form-label fw-semibold">{{ __('front.message_optional') }}</label>
                                <textarea name="message" rows="3"
                                          class="form-control @error('message') is-invalid @enderror"
                                          placeholder="{{ __('front.your_note') }}">{{ old('message') }}</textarea>
                                @error('message') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-12">
                                <label class="form-label fw-semibold">{{ __('front.upload_receipt_optional') }}</label>
                                <input type="file" name="receipt"
                                       class="form-control @error('receipt') is-invalid @enderror">
                                <div class="text-muted2 small mt-1">{{ __('front.jpg_png_pdf_max_2mb') }}</div>
                                @error('receipt') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-12 mt-2">
                                <button class="btn btn-accent w-100 rounded-3 py-2" type="submit">
                                    {{ __('front.submit_donation') }} <i class="fa-solid fa-paper-plane ms-2"></i>
                                </button>
                            </div>

                        </div>
                    </form>

                </div>

            </div>
        </div>
    </div>
</section>
@endsection