@extends('front.layout.app')
@section('content')
    <section class="main-slider innerBanner p-0" id="mainSlider"
        style="background-image: url('{{ $data->cmsImages('banner_image') ?? '' }}');">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-6">
                    <div class="slideOne">
                        <h1 class="mainHeading text-white">{{ $data->content['banner_heading'] ?? '' }}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="donationInner">
        <div class="container">
            <div class="row align-items-center justify-content-end">
                <div class="col-lg-5 col-md-6">
                    <div class="donationImage">
                        <img src="{{ $data->cmsImages('back_image') }}" class="img-fluid" alt="">
                        <div class="donationHeading">
                            <h2 class="text-center">{{ $data->content['don_sec_imp1_head'] ?? '' }} <br>
                                {{ $data->content['don_sec_imp2_head'] ?? '' }}
                                <br>{{ $data->content['don_sec_imp3_head'] ?? '' }} <img
                                    src="{{ $data->cmsImages('star_image') }}" class="img-fluid" alt="">
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <form action="{{ route('front.donation.store') }}" method="post">
                        @csrf
                        <div class="donationContent">
                            <p>{{ $data->content['don_sec_pera'] ?? '' }}</p>
                            <h4>{{ $data->content['don_type'] ?? '' }}</h4>
                            <select>
                                <option>Cost of education</option>
                            </select>
                            <h4>{{ $data->content['don_choos_1'] ?? '' }}</h4>
                            <div class="radioBtns">
                                <div class="form-check">
                                    <input class="form-check-input" value="{{ $data->content['don_price_1'] ?? '0' }}"
                                        type="radio" name="amount" id="exampleRadios1" checked>
                                    <label class="form-check-label" for="exampleRadios1">
                                        $ {{ $data->content['don_price_1'] ?? '' }}
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" value="{{ $data->content['don_price_2'] ?? '0' }}"
                                        type="radio" name="amount" id="exampleRadios2">
                                    <label class="form-check-label" for="exampleRadios2">
                                        $ {{ $data->content['don_price_2'] ?? '' }}
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" value="{{ $data->content['don_price_3'] ?? '0' }}"
                                        type="radio" name="amount" id="exampleRadios3">
                                    <label class="form-check-label" for="exampleRadios3">
                                        $ {{ $data->content['don_price_3'] ?? '' }}
                                    </label>
                                </div>
                            </div>
                            <small>{{ $data->content['don_choos_3'] ?? '' }}</small>
                            <h4>{{ $data->content['don_choos_2'] ?? '' }}</h4>
                            <div class="donationAmount">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="type" id="exampleRadios4"
                                        value="{{ $data->content['don_time_type1'] ?? '' }}" checked>
                                    <label class="form-check-label" for="exampleRadios4">
                                        {{ $data->content['don_time_type1'] ?? '' }}
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="type" id="exampleRadios5"
                                        value="{{ $data->content['don_time_type2'] ?? '' }}">
                                    <label class="form-check-label" for="exampleRadios5">
                                        {{ $data->content['don_time_type2'] ?? '' }}
                                    </label>
                                </div>
                            </div>
                            <span> {{ $data->content['don_sec_para1'] ?? '' }}</span>
                            <div class="btn-group">
                                <a href="#" class="themeBtn donate1">{{ $data->content['don_sec_btn1'] ?? '' }}</a>
                                <button type="submit"
                                    class="themeBtn donate2">{{ $data->content['don_sec_btn2'] ?? '' }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <section class="helpSec aboutHelp">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="helpWraps">
                        <figure>
                            <img src="{{ $data->cmsImages('reach') ?? '' }}" class="img-fluid" alt="">
                        </figure>
                        <div class="helpBox">
                            <h2>{{ $data->content['rec_sec_head1'] ?? '' }}
                                <br>{{ $data->content['rec_sec_head2'] ?? '' }}
                            </h2>
                            <p>{{ $data->content['rec_sec_des1'] ?? '' }}</p>
                            <a href="{{ route('front.donation') }}"
                                class="themeBtn">{{ $data->content['rec_sec_btn'] ?? '' }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection