@extends('layouts.app')
@section('content')
<section class="content mb-5">
    <div class="container-fluid">
        @include('partials.title-pad', [
            'title' => __('Packages Report'),
            'search' => $search,
            'searchPlaceholder' => __("Search Package Name ..."),
            'list' => $subscriptions,
            'export' => 'premium.package.export',
            'filter' => 'filter'
        ])
        <div class="mb-3 text-right">
            <a class="clear-filter" id="clear-filter">Clear Filters</a>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="mb-3">
                    <div class="dashbed-border-bottom"></div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="table-responsive bg-white">
                    <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                        cellpadding="0">
                        <tbody>
                            <tr>
                                <th>S.No.</th>
                                <th>Package Name</th>
                                <th>Price</th>
                                {{-- <th>Duration</th> --}}
                                <th>Active users</th>
                                <th>Last month Users</th>
                                {{-- <th>Status</th> --}}
                                {{-- <th>Action</th> --}}
                            </tr>
                            @php
                            $startingIndex = ($subscriptions->currentPage() - 1) * $subscriptions->perPage() + 1;
                            @endphp
                            @forelse ($subscriptions as $key => $subscription)
                                <tr>
                                    <td>{{++$key}}</td>

                                <td>{{$subscription->package->name ?? 'NA'}}</td>
                                    <td>{{$subscription->total_price}}</td>
                                    {{-- <td>{{$duration}}</td> --}}
                                    <td><span class="badge badge-secondary">{{$subscription->active_users}}</span></td>
                                    <td><span class="badge badge-secondary">{{$subscription->last_month_users}}</span></td>
                                    {{-- <td><span class="badge bad-status badge-success">{{$subscription->status}}</span></td> --}}
                                    {{-- <td>
                                        <a href="add-feature.html" class="text-dark f-16 mr-1"><i class="iconly-boldShow"></i></a>
                                    </td> --}}
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="10">
                                        <p>
                                            <center class="text-danger">{{ __('labels.no_records_found') }}
                                            </center>
                                        </p>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                    <br />
                </div>
            </div>
            {{ $subscriptions->appends(request()->query())->links('partials.pagination') }}
        </div>
        <style>
            #clear-filter {
                cursor: pointer;
            }
            #map1 {
                height: 100%;
            }
            .footer-row {
                margin-left: 118px !important;
            }
        </style>
    </div>
</section>
<div class="modal fade" id="filter" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
        aria-hidden="true">
    <div class="modal-dialog  modal-dialog-centered" role="document">
        <div class="modal-content bg-light modalPad">
            <form class="needs-validation" novalidate>
                <input type="hidden" name="search" value="{{request('search')}}">
                <div class="modal-header position-relative border-0">
                    <div class="">
                        <button type="button" class="close-btn" data-dismiss="modal" aria-label="Close">
                            <img src="{{ asset('assets/img/close.svg') }}" />
                        </button>
                        <div class="">
                            <h5>{{ __('Package Duration') }}</h5>
                        </div>

                    </div>
                </div>
                <div class="modal-body pt-0">
                    <form class="form" method="GET" action="{{ route('users.index') }}">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="exampleFormControlSelect1">{{ __('Select Duration') }}</label>
                                    <select class="form-control selectpicker" name = "duration">
                                        <option value="" {{ !request('duration') ? 'selected' : ''}}>All</option>
                                        @foreach ($durationTypes as $key => $durationType)
                                        <option value = "{{ $durationType }}" {{request('duration') ==  $durationType ? 'selected' : ''}}>{{ ucfirst($durationType) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 mt-1">
                                <button type = "submit"
                                class="btn btn-primary">{{ __('buttons.apply_filter') }}</button>
                            </div>
                        </div>
                    </form>                         
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
$(document).ready(function() {
    $('#clear-filter').on('click', function() {
        var currentURL = window.location.href.split('?')[0];
        window.location.href = currentURL;
    });
});
</script>
@endsection