@extends('backend.includes.panel')

@section('page_css')
<link href="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.css' }}" rel="stylesheet">
<link href="{{ BE_URL.'plugins/sweetalert/sweetalert.css' }}" rel="stylesheet" type="text/css">
@stop

@section('page_title','Packages')

@section('inner_page_link')
    <li class="breadcrumb-item active">Packages</li>
@stop

@section('main_content') 
    @if(isset($displayNewPackagePurchaseButton) && $displayNewPackagePurchaseButton)
    <div class="row">
        <!-- column -->
        <div class="col-lg-3 col-md-6" style="margin: 0 auto;">
            <div class="card">
                <div class="card-body">
                    <p class="text-center"><a href="javascript:;" data-href="{{ route('purchase.new.package.request') }}" class="purchase_package btn btn-sm btn-rounded btn-success text-white">Purchase New Package</a></p>
                </div>
            </div>
        </div>
    </div>
    @endif
    <div class="row">
        <div class="col-lg-12 col-md-6">
            <h4 class="card-title"><u>Purchased Packages</u></h4>
        </div>
        @if($userPackages->count() > 0)
            @foreach($userPackages as $package)
            <!-- Card -->
            <div class="col-lg-3 col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">{{ $package->package_name }}</h4>
                        <p class="card-text"><b>Amount :</b> <br/>{{ Config::get('custom.currency').$package->price }}</p>
                        <p class="card-text"><b>Validity :</b> <br/>{{ $package->number_of_years.' Year'.($package->number_of_years > 1 ? 's' : '') }}</p>
                        <p class="card-text"><b>Start Date :</b> <br/>{{ date('m/d/Y h:i A',strtotime($package->start_date)) }}</p>
                        <p class="card-text"><b>End Date :</b> <br/>{{ date('m/d/Y h:i A',strtotime($package->end_date)) }}</p>
                        <p class="card-text"><button class="btn btn-sm btn-rounded btn-{{ ($package->status == 0 ? 'warning' : ($package->status == 1 ? 'success' : 'danger')) }}" data-toggle="modal" data-target="#myModal">{{ ($package->status == 0 ? 'Pending Activation' : ($package->status == 1 ? 'Active' : 'Expired')) }}</button></p>
                    </div>
                </div>

             </div>
            <!-- Card -->
            @endforeach
        @endif
    </div>
@stop

@section('page_script')
<script src="{{ BE_URL.'plugins/sweetalert/sweetalert.min.js' }}"></script>
<script type="text/javascript">
    
    $(document).on('click','.purchase_package',function(){
        var self = this;
        swal({   
            title: "Are you sure?",   
            text: "You want to purchase new package?",   
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",   
            confirmButtonText: "Yes",   
            closeOnConfirm: true 
        }, function(){   
            window.location.href = $(self).attr('data-href');
        });        
    })

</script>
@stop