@extends('superadmin::layouts.master')
@section('title',__('tenant::subscription.subscriptions'))
@section('extra-styles')
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('dashboard-home')}}">@lang('Home')</a></li>
            <li class="breadcrumb-item"><a href="{{route('tenants.subscriptions.index')}}">@lang('tenant::subscription.subscriptions')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="configuration">
    <div class="row my-1">
        <div class="col-xs-12">
            <div class="card ">
                <div class="card-body collapse in">
                    <table
                        id="subscriptions_table"
                        class="table mb-0 table table-striped table-bordered "
                        >
                        <thead>
                            <tr>
                                <th>{{__('tenant::subscription.subscription')}}</th>
                                <th>{{__('tenant::subscription.created_at')}}</th>
                                <th>{{__('tenant::company.company name')}}</th>
                                <th>{{__('tenant::subscription.package')}}</th>
                                <th>{{__('tenant::subscription.Plan')}}</th>
                                <th>{{__('tenant::subscription.from date')}}</th>
                                <th>{{__('tenant::subscription.to date')}}</th>
                                <th>{{__('tenant::subscription.price')}}</th>
                                <th>{{__('tenant::promo-codes.promo code')}}</th>
                                <th>{{__('tenant::promo-codes.promo code discount')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script>
    window.addEventListener('DOMContentLoaded', function () {
    (function ($) {
        $('#subscriptions_table').DataTable({
    processing: true,
            serverSide: true,
            ajax: "{{route('tenants.subscriptions.index')}}",
            columns: [
            {"data": "id"},
            {"data": "created_at","fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<label>"+moment(oData.created_at).format('DD/MM/YYYY')+"</label>");
                }},
            {"data": "company_name",
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<a href="+oData.company_url+" target='_blank'>"+oData.company_name+"</a>");
                    }},
            {"data": "package_name"},
            {"data": "plan"},
            {"data": "from_date","fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<label>"+moment(oData.from_date).format('DD/MM/YYYY')+"</label>");
                }},
             {"data": "to_date","fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<label>"+moment(oData.to_date).format('DD/MM/YYYY')+"</label>");
                }},
            {"data": "paid_amount"},
            {"data": "promo_code_string"},
            {"data": "promo_code_discount"},
            ],
            @if (App::isLocale('ar'))
            language: {
            "url": "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
            },
            @endif
    });
    var table = $('.prevent-init-sort').DataTable();
    table.order([ 1, 'desc' ])
    })(jQuery);
    });
</script>
@endsection