@php
    use App\Models\Admin\Settings;
@endphp

@extends('layouts.frontlayout')
@section('content')

<!-- ==== Payment_section_start === -->
<section class="payment_detail_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mx-auto">
                <div class="row">
                    <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                        <div class="left_area">
                            <div class="plan_box">
                                <h4>Summary</h4>
                                <p>Plan</p>
                                <h6>{{ $membership->title }}</h6>
                                <h5><sup>{{ $membership->currency }}</sup>{{ $membership->price }}
                                    <sub>
                                        @if($membership->days == 7)
                                            {{"/week"}}
                                        @elseif($membership->days == 30)
                                            {{"/Month"}}
                                        @else
                                            {{"/Year"}}
                                        @endif
                                    </sub>
                                </h5>
                                <div class="form_area">
                                    <div class="abc match_height_col">
                                        @php 
                                        $points = json_decode($membership->description, true);
                                        @endphp
                                        @foreach($points as $key => $value)
                                            <div class="benfit">
                                            <div class="left">
                                                <span>
                                                    <i class="fal fa-check"></i>
                                                </span>
                                            </div>
                                            <div class="right">
                                                <p>
                                                   {!! $value !!}
                                                </p>
                                            </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12 ">
                        <div class="right_area">
                            <div class="plan_box">
                                <h4>Checkout</h4>
                                <p>Payment Type</p>
                                <div class="payment_area">
                                    <div class="selecotr-item">                                       
                                        <input type="radio" id="radio1" name="selector" class="selector-item_radio"
                                            checked>
                                        <label for="radio1" class="selector-item_label">
                                            <div class="img_area">
                                                <img src="{{ url('frontend/images/master_card2.png') }}" alt="..." />
                                            </div>
                                            <div class="icon">
                                                <i class="fas fa-check-circle"></i>
                                            </div>
                                           
                                        </label>
                                    </div>
                                    <div class="selecotr-item">
                                        <div class="icon">
                                            <i class="fas fa-check-circle"></i>
                                        </div>
                                        <input type="radio" id="radio2" name="selector" class="selector-item_radio">
                                        <label for="radio2" class="selector-item_label">
                                            <div class="img_area">
                                                <img src="{{ url('frontend/images/paypal.png') }}" alt="..." />
                                            </div>
                                            <div class="icon">
                                                <i class="fas fa-check-circle"></i>
                                            </div>
                                        </label>
                                    </div>
                                </div>

                                <div class="payment_detail">
                                    <h4>Payment Detail</h4>
                                    <div class="price_area">
                                        <ul>
                                            <li>
                                                <div class="left">
                                                    <p>Trial Subscription (1 Cycle/s)</p>
                                                </div>
                                                <div class="right">
                                                    <p>{{ price_format($membership->price) }}</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="left">
                                                    <p>Full Trial price:</p>
                                                </div>
                                                <div class="right">
                                                    <p>{{ price_format($membership->price) }}</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="left">
                                                    <p>Workout Diet App</p>
                                                </div>
                                                <div class="right">
                                                    <p>{{ price_format(20) }}</p>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="total_area">
                                        <div class="left">
                                            <p>Price after trial period:</p>
                                        </div>
                                        <div class="right">
                                            @php
                                                $workoutDietApp = Settings::get('workout_diet_app');
                                                $total = $membership->price+$workoutDietApp;
                                            @endphp
                                            <p>{{ price_format($total) }}</p>
                                        </div>
                                    </div>
                                    <div class="btn_area">
                                        <button type="submit" class="btn btn-primary w-100">Pay {{ price_format($total) }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Payment_section_end === -->

@endsection