@extends('layout.master')
@section('content')
    <div class="content">
        <div class="row g-3">
            @if(count($data['SpecialOffer']) > 0)
            @foreach ($data['SpecialOffer'] as $key => $PI)
                <div class="col-12 col-sm-4 col-xxl-4">

                    <div class="card">
                        <div class="card-header">
                            <h4 class="text-info-dark">{{ $PI['title'] }}</h4>
                        </div>
                        <div class="card-body">
                            <h4 class="mb-4">What’s included</h4>
                            <h5>Total ID : {{ $PI['total_id'] }}</h5>
                            <h5>Per ID Cost : {{  getCurrency() . $PI['total']  }}</h5>
                            @if($PI['maintenance_days'] > 0)
                            <h5>Maintenance free for : {{  $PI['maintenance_days']  }} days</h5>
                            @endif
                            @if ($PI['free_no_of_id'] != '' && $PI['free_no_of_id'] > 0)
                                <h5>Free No Of ID : {{ $PI['free_no_of_id'] }}</h5>
                            @endif
                            @if ($PI['remark'] != '')
                                <p>{!! $PI['remark'] !!}</p>
                            @endif

                            <h4 class="fw-bolder mt-2">Total Amount:
                                {{ getCurrency() . ($PI['total'] * $PI['total_id'] )  }}</h4>
                            <small class="text-danger">All tax & fees included</small>

                            <form action="{{ route('payment', ['user_id' => encrypt(request()->session()->get('kyc_user'))]) }}" method="POST">
                                @csrf
                                <input type="hidden" name="offer_id" value="{{$PI['id']}}">
                                <button value="special_offer" name="type"
                                    class="btn btn-lg w-100 mb-6 btn-outline-primary mt-5">Buy Offer</button>
                            </form>

                        </div>
                    </div>
                </div>
            @endforeach
            @else
                <h2 class="text-center">No Special Offer Found..</h2>
            @endif
        </div>
    </div>
@endsection