@extends('frontend.main')
@section('content')
    <style>
        .plans-section .plans-outer .plans-table .table{
            margin-bottom: 10px !important;
        }
        .radio_button{
            padding-right: 20px;
        }
    </style>
    {{-- {{dd($package->name)}} --}}
    <!--Page Title-->
    <section class="page-title">
        <div class="auto-container">
            <h2>{{$package->name}} {{$service->name}}</h2>
        </div>
    </section>
    <!--End Page Title-->

    <!--Plans Section-->
    <section class="plans-section">
        <div class="auto-container">
            <h2>Plan Details</h2>
            <!--Plans Outer-->
            <div class="plans-outer">
                <div class="plans-table">
                    <table class="table">
                        <thead class="plans-header">
                        <tr>
                            <th class="plan-title">Features</th>
                            <th>Please verify your order. These are the services you will get for <span>{{$package->name}}</span> {{$service->name}}</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="title">Package Name</td>
                                <td>{{$package->name}}</td>
                            </tr>
                            @if($service->slug == 'web')
                                <tr>
                                    <td class="title">Panel</td>
                                    <td>C-Panel</td>
                                </tr>
                                <tr>
                                    <td class="title">Domain Name</td>
                                    <td id="domainName">{{Session::get('domain_name')}}</td>
                                </tr>
                                <tr>
                                    <td class="title">Traffic</td>
                                    <td>{{ $package->traffic.' GB '}}</td>
                                </tr>
                                <tr>
                                    <td class="title">Disk</td>
                                    <td>{{ $package->disk .' GB '}}</td>
                                </tr>
                            @elseif($service->slug == 'email')
                                @php
                                    $emailData = Session::get('emailData')
                                @endphp
                                <tr>
                                    <td class="title">Domain Name</td>
                                    <td id="domainName">{{$emailData['email_domain']}}</td>
                                </tr>
                                <tr>
                                    <td class="title">No. of Mailbox</td>
                                    <td>{{ $package->traffic}}</td>
                                </tr>
                                <tr>
                                    <td class="title">Disk</td>
                                    <td>{{ $package->disk .' GB '}}</td>
                                </tr>
                            @elseif($service->slug == 'bitdefender')
                                <tr>
                                    <td class="title">No.of Users</td>
                                    <td>{{ $package->no_of_users}}</td>
                                </tr>
                            @endif

                            <tr>
                                <td class="title">Payment Term</td>
                                <td>
                                    @if($service->slug == 'web')
                                        <label class="radio_button">1 MONTH
                                            <input type="radio" name="radio" @if($service->slug == 'email') checked="checked" @endif id="radio" class = "radio_class" value="1">
                                            <span class="checkmark"></span>
                                        </label>
                                    @else
                                        <label class="radio_button">12 MONTHS
                                            <input type="radio" name="radio" @if($service->slug == 'web' || $service->slug == 'bitdefender' ) checked="checked" @endif id="radio" class ="radio_class" value="12">
                                            <span class="checkmark"></span>
                                        </label>
                                    @endif
                                        <span>Note: Contract term lasts up to 1 year</span>git
                                </td>
                            </tr>
                            <tr>
                                <td class="title" style="font-weight: bold">Price</td>
                                <td style="font-weight: bold">{{ get_local_currency_prefix() }}
                                    <span class="calculated_price">{{ get_local_currency($package->price) }}</span>
                                </td>
                                {{--<input type="hidden" class="just_price"  value="{{ get_local_currency($package->price) }}"/>--}}
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--End Plans Outer-->
            <a href="{{ route('cart.edit',[$package->id .",".$service->slug , $service->name." " . $package->name . "=>" . $package->price]) }}"
               class="theme-btn btn-style-two float-sm-left float-xs-left add-to-cart" id="add-to-cart">
                Add to Cart
            </a>
        </div>
    </section>
    <!--End Plans Section-->

    @push('scripts')
        {{--<script>--}}
            {{--$(function () {--}}

                {{--var calculated_price = $('.calculated_price');--}}
                {{--$('.radio_class').on('change', function () {--}}
                {{--var payment_term=   $(this).val();--}}
                {{--var price = $('.just_price').val();--}}

                {{--var payment_price = payment_term * price;--}}

                {{--calculated_price.empty().append(payment_price);--}}


                    {{--var packageId = '{{$package->id}}';--}}
                    {{--var serviceSlug = '{{$service->slug}}';--}}
                    {{--var serviceName = '{{$service->name}}';--}}
                    {{--var pkgName = '{{$package->name}}';--}}

                {{--var _href = $("a.add-to-cart").attr("href");--}}
                {{--var newHref = 'cart/'+ packageId + ',' + serviceSlug +',' + serviceName + ' ' + pkgName + '=>'+ payment_price + '/edit';--}}
                {{--$("a.add-to-cart").attr("href",newHref);--}}

                {{--});--}}
            {{--})--}}
        {{--</script>--}}
    @endpush
@endsection