@extends('layouts.mymaster')


@section('content')
     <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="page sub-page">
                        <h2 class="title">تفاصيل باقة الاشتراك</h2>
                        <div class="page-card">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="sub-title">نوع الاشتراك</div>
                                </div>
                                <div class="col-md-10">
                                    <div class="sub-desc primary">{{ $sub->type}}</div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="sub-title">مدة الاشتراك </div>
                                </div>
                                <div class="col-md-10">
                                    <div class="sub-desc">{{$sub->period}} <span>يوم</span></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="sub-title">معلومات الاشتراك</div>
                                </div>
                                <div class="col-md-10">
                                    <div class="sub-desc">
                                        <p>  
                                        {{ $sub->note }}
                                        
                                           </p>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="sub-title">رسوم الاشتراك</div>
                                </div>
                                <div class="col-md-10">
                                    <div class="sub-desc text-green"><span class="text-green bold">{{ $sub->price }} </span>ريال سعودي</div>
                                </div>
                            </div>
                            
                            <div class="download-box">
     @if(!CRUDBooster::myId())
                                <p>يجب عليك التسجيل لشراء هذه المناقصة <a href="/register"> سجل الان </a>
                                </p>
                                <p>إذا كان لديك حساب بالفعل, الرجاء الدخول الى الموقع بإستخدام اسم المستخدم و كلمة المرور الخاصه بك <a href="/login"> تسجيل الدخول </a></p>
                                <br>
                            @endif
                          
                            </div>
                                                    @if( CRUDBooster::myId()  &&  !CRUDBooster::has_valid_subscribe()  )

                            <div class="text-center">
                                <button data-toggle="modal" data-target="#buycb"   class="uperc padding-md fbutcenter"> شراء الباقة</button>
                                




                            </div>
                        </div>
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        <style>
            .modal-header .close {
                margin-top: -24px;
            }
        </style>
        <div class="modal fade" id="buycb" tabindex="-1" role="dialog" aria-labelledby="buycb" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalCenterTitle"> الاشتراك في الباقة</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

            
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">رسوم الاشتراك السنوي
                                :  {{ $sub->price }} ريال سعودي  </div>

                            <div class="col-md-6"> رسوم ادارية
                                :{{ $sub->vat($sub->price) }}  ريال سعودي </div>
                        </div>
                        <hr>
                        <p>{{ trans('app.current_points') }}
                            : {{  CRUDBooster::myPoints() }} {{trans('app.point')}}</p>
                   
                    <p>مجموع العملية
                            :{{ $sub->total_vat($sub->price) }}  </p>
<hr>     
                          
                
                    </div>
                    <div class="modal-footer">
                        <form action="{{ route('nader') }}"
                              method="get">
                            {{csrf_field()}}
             <input name="code" type="text" placeholder="هل تملك كوبون ؟ تفضل بادخاله" />

                            <input name="sub_id" value="{{ $sub->id }}" type="hidden" />
                          <input name="price" value="{{ $sub->price }}" type="hidden" />
                          <input name="vat" value="{{ $sub->vat($sub->price) }}" type="hidden" />
                          <input name="total" value="{{ $sub->total_vat($sub->price) }}" type="hidden" />
                          <input name="period" value="{{$sub->period}}" type="hidden" />

                            <button type="submit"
                                    class="btn btn-primary"
                                  >شراء الباقة</button>
                            <button type="button" class="btn btn-secondary"
                                    data-dismiss="modal">{{trans('app.close')}}</button>
                        </form>

                    </div>
                </div>
            </div>
        </div>

                        
     







@elseif(CRUDBooster::myId())
<a href="/admin/users_subscriptions60"><p> لديك اشتراك في باقة مسبقا </p></a>

@endif
                          
                
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    </div>
                </div>
            </div>
        </div>
        </div></div>
@endsection


@push('scripts')
    <script>
        $(function () {
            @if(session('download'))
            setTimeout(function () {
                window.location.href = "{{session('download')}}";
            })
            @endif
            $('[data-toggle="tooltip"]').tooltip({trigger: 'manual'}).tooltip('show');
        });

     
        $(".progress-bar").each(function () {
            each_bar_width = $(this).attr('aria-valuenow');
            $(this).width(each_bar_width + '%');
        });
        $(document).ready(function () {
            $(".share").hideshare({
                link: "",           // Link to URL defaults to document.URL
                title: "",          // Title for social post defaults to document.title
                media: "",          // Link to image file defaults to null
                facebook: true,     // Turns on Facebook sharing
                twitter: true,      // Turns on Twitter sharing
                pinterest: true,    // Turns on Pinterest sharing
                googleplus: false,   // Turns on Google Plus sharing
                linkedin: false,     // Turns on LinkedIn sharing
                position: "right", // Options: Top, Bottom, Left, Right
                speed: 150           // Speed of transition
            });
        });
    </script>


@endpush