@extends('frontend.master')
@section('BodyId')
    onload="createCaptcha()"
@endsection
@section('right')
        <div class="text-center card-body" style="background: #fff; min-height: 80rem;">
            <div class="main_body col-md-8 character_sonod">
                <div class="text-center card-header right_side-header">
                    পারিবারিক সনদ (পেমেন্ট)
                </div>
                <!--============ poroborti podokkzep ===========-->
                <div class="card-body character2-page poroborti_pod">
                    <div class="logos">
                        <div>
                            <img class="img_1" id="image" alt="" src="{{ asset($sanad->citizen->pictures) }}">
                            <div class="text-start">
                                <table class="table table-hover">
                                    <tbody>
                                    <tr>
                                        <th scope="row">নাম</th>
                                        <td colspan="2">{{ $sanad->citizen->bangla_name }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">পিতা / স্বামীর নাম</th>
                                        <td colspan="2">{{ $sanad->citizen->bn_Husband_name != '' ? $sanad->citizen->bn_Husband_name : $sanad->citizen->bn_father_name }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">মাতার নাম</th>
                                        <td colspan="2">{{ $sanad->citizen->bn_mother_name }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">হোল্ডিং নম্বর</th>
                                        <td colspan="2">{{ $sanad->citizen->holding_no }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">মোবাইল</th>
                                        <td colspan="2" id="number">{{ $sanad->citizen->phone }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">ঠিকানা</th>
                                        <td colspan="2">{{ $sanad->citizen->p_bn_address }}, {{ $sanad->citizen->p_bn_word }} নম্বর ওয়ার্ড, {{ $sanad->citizen->p_bn_code }}, {{ $sanad->citizen->p_upazila->bn_name }}, {{ $sanad->citizen->p_district->bn_name }}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="card-body NagadPayment poroborti_pod">
                                <div class="card nutis-text text-start">
                                    <div class="card-body">
                                        <div class="nutis-header">
                                            <i class="fa-solid fa-ban"></i>
                                            নোটিশ:
                                        </div>
                                        <blockquote class="mb-0 blockquote">
                                            <p>আপনার সার্টিফিকেট পেতে অনলাইন পেমেন্টের মাধ্যমে {{ $fee }} টাকা + (অনলাইন পেমেন্ট চার্জ {{ $charge }} টাকা) = ({{ $fee+$charge }} টাকা) প্রদান করুন।</p>
                                        </blockquote>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <p class="card-text fs-1">অনলাইন পেমেন্টের মাধ্যমে প্রদান করুন।</p>
                                    <form action="{{ route('family-certificate-payment.store', $sanad->payment_id) }}" method="POST">
                                        @csrf
                                        <div class="pt-3 text-end">
                                            <button class="btn btn-primary" type="submit">পেমেন্ট করুন</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection