@extends('superadmin::layouts.master')
@section('title',__('tenant::company.company'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/css/pickers/pickadate/pickadate.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/plugins/pickers/daterange/daterange.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom/amsify-suggestags/amsify-suggestags.css')}}">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/colreorder/1.5.4/css/colReorder.dataTables.min.css">
    <style>
        @media (max-width: 992px) {
            #export_btn_label {
                display: none;
            }
            .mr-btn{
                margin-right: 104px;
            }
            .ml-btn{
                margin-left: 89px;
            }
            .headBtns .btn.btn-primary {
                width: 113px;
                padding-left: 65px;
                padding-right: 65px;
            }
        }
        /* #DataTables_Table_0_paginate{
            display: none;
        }
        #DataTables_Table_0_length{
            display: none;
        } */
        .export-btn{
            height: 55px;
        }
        .float-right{
            float: right !important;
        }
        .float-left{
            float: left !important;
        }
        .note-icon{
            font-weight: 700;
            font-size: 15px;
            margin-top: -4px;
        }
        .note-btn, .note-btn:hover{
            background-color: #6b6464 !important;
            border-color: #6b6464!important;
            direction: rtl;
            text-decoration: none;
            padding: 15px 26px;
            position: relative;
            display: inline-block;
        }
        .note-border{
            border: 1px solid #948f8f;
            overflow-y: auto;
            height: 200px;
            border-radius: 8px;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .note-content{
            width: 100%;
            border: 1px solid #5e5e5d;
            border-radius: 4px;
            padding: 10px;
            font-size: 13px;
            font-weight: 700;
        }
        .add-note-content{
            width: 100%;
            border: 1px solid #5e5e5d;
            border-radius: 4px;
            padding: 10px;
            font-size: 15px;
            color: #313131;
        }
        .add-note-btn{
            height: 45px;
            width: 55%;
            background: transparent;
            border: 2px solid #00b01b;
            margin-top: 7px;
            cursor: pointer;
            border-radius: 5px;
        }
        .vertical-center{
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .no-note-found{
            color: gray;
            font-size: 18px;
        }
        .note-badge{
            position: absolute;
            top: -6px;
            right: -15px;
            border-radius: 50%;
            background: red;
            color: white;
            width: 20px;
            padding-top: 3px;
        }
        #deleteNoteModal{
            width: 300px;
            left: 35%;
            overflow-y: hidden;
        }
        @media (max-width: 576px) {
        #deleteNoteModal{
            width: 80%;
            align-content: center;
            margin: auto;
            position: absolute;
            left: -50%;
            top: 50%;
            transform:translate(50%,-50%);
        }    
    }
    </style>
    <style>
        #companies_table_wrapper .row{
            display: flex !important;
        }
        .dataTables_filter{
            display: inline-block !important;
            width: 100% !important;
            vertical-align: middle !important;
        }
    </style>
        <link href="{{ asset('assets/css/custom/forms/select2.min.css') }}" rel="stylesheet">
    <style>
        .select2-selection--multiple{
            background-color: transparent !important;
            border-radius: 20px !important;
        }
        .select2-selection__choice{
            border-radius: 20px !important;
            margin-bottom: 7px !important;
        }
        .daterangepicker.dropdown-menu{
            z-index: 999999;
        }
        #checkbox-dropdown {
        position: relative;
        display: inline-block;
        }

        .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        }

        .dropdown-content .dropdown-item {
        padding: 4px 10px;
        text-decoration: none;
        display: block;
        }

        .dropdown-content .dropdown-item:hover {background-color: #f1f1f1}

        .show {display:block;}
        .toggle-column {
            background-color: #11b99f;
            border: none;
            color: white;
            padding: 8px 25px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            border-radius: 4px;
        }

        #sortableList{
            max-height: 300px; 
            overflow-y: auto;
        }
        .sortable-item {
            cursor: move;
        }
        .sortable-ghost {
            opacity: 0.4;
        }
        .blue-background-class {
            background-color: #C8EBFB;
        }
        #sortableList::-webkit-scrollbar {
            width: 8px;
        }

        #sortableList::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        #sortableList::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }

        #sortableList::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        #companies_table {
            width: 100% !important;
        }
    </style>
    @if(app()->getLocale() == 'ar')
        <style>
            .select2-results__options {
                text-align: right !important;
            }
        </style>
    @endif
@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.index')}}">@lang('tenant::company.company')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')

<div class="ibox-content m-b-sm hidden-print list-actions text-xs-right mb-1 headBtns">
    <div role="group" aria-label="Button group with nested dropdown" class="btn-group">
        <a href="{{route('tenants.create')}}" >
            <button type="button" class="btn btn-primary btn-min-width">
                @lang('Create')
                <img alt="add" src="{{asset('assets/images/svg/plus.svg')}}">
            </button>
        </a>
    </div>
</div>
@include('superadmin::errors.lists')
<section id="configuration">
    <div class="row my-1" style="margin: 0px;">
        <div class="row">
            <div class="col-md-12">
                <button class="btn btn-primary w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                    <div class="d-flex justify-content-between">
                        <span>{{ __('Filter') }} </span><i class="fa fa-angle-down"></i>
                    </div>
                </button>
            </div>
        </div>
        <div class="collapse filter-section-collapse" id="collapseExample">
            <form action="{{ route('tenants.index') }}" method="GET" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                <div class="card card-body mb-0">
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="company_status">{{ __('tenant::company.company status') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="company_status" id="company_status" class="w-100 py-1 form-control">
                                            <option value="">@lang('tenant::status.all')</option>
                                            @forelse(\Modules\Tenant\Enums\CompanyStatusEnum::getCompanyStatuses() as $key => $cstatus)
                                                <option @if(request()->get('company_status') == $key) selected @endif value="{{ $key }}">{{ $cstatus }}</option>
                                            @empty
                                            @endforelse
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="tags">{{ __('tenant::company.tag') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="tags[]" id="tags" class="w-100 py-1 form-control" multiple class="w-100 py-1 form-control select2" style="width: 100%;">
                                            <option value="">@lang('tenant::status.all')</option>
                                            @forelse($tags as $key => $tag)
                                                <option @if(request()->get('tags') == $key) selected @endif value="{{ $key }}">{{ $tag }}</option>
                                            @empty
                                            @endforelse
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.subdomain') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" name="company_subdomain" value="{{ request()->get('company_subdomain') }}" class="w-100 py-1 form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.id') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" name="company_id" value="{{ request()->get('company_id') }}" class="w-100 py-1 form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.email') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="email" name="email" value="{{ request()->get('email') }}" class="w-100 py-1 form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.phone_number') }}</label>
                                    </div>
                                    @if(Lang::locale() == 'ar')
                                    <div class="col-md-4">
                                        <input type="text" name="mobile" value="{{ request()->get('mobile') }}" class="w-100 py-1 form-control">
                                    </div>
                                    <div class="col-md-4">
                                        @include('superadmin::includes.selectCountry',['user' => ['country_code' => request('country_code')]])
                                    </div>
                                    @else
                                    <div class="col-md-4">
                                        @include('superadmin::includes.selectCountry',['user' => ['country_code' => request('country_code')]])
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" name="mobile" value="{{ request()->get('mobile') }}" class="w-100 py-1 form-control">
                                    </div>
                                    @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="industry">{{ __('tenant::company.industry') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="industry" id="industry" class="w-100 py-1 form-control">
                                            <option value="">@lang('All')</option>
                                            @forelse(\Modules\Tenant\Enums\IndustriesEnum::translatedList() as $key => $industry)
                                                <option @if(request()->get('industry') === strval( $key)) selected @endif value="{{ $key }}">{{ $industry }}</option>
                                            @empty
                                            @endforelse
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.package') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="company_package" id="company_package" class="w-100 py-1 form-control">
                                            <option value="">@lang('All')</option>
                                            @forelse($packages as $key => $company_package)
                                                <option @if(request()->get('company_package') == $key) selected @endif value="{{ $key }}">{{ $company_package }}</option>
                                            @empty
                                            @endforelse
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.created_date') }}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type='text'
                                               class="form-control singledate"
                                               name="create_date_from"
                                               value="{{ $errors->has('create_date_from') ? '' : request('create_date_from') }}"
                                               id="create_date_from"
                                               placeholder="{{ __('from')}}"
                                               class="{{$errors->has('create_date_from') ? ' is-invalid':''}}"/>
                                    </div>
                                    <div class="col-md-4">
                                        <input type='text'
                                               class="form-control singledate"
                                               name="create_date_to"
                                               value="{{ $errors->has('create_date_to') ? '' : request('create_date_to') }}"
                                               id="create_date_to"
                                               placeholder="{{ __('to')}}"
                                               class="{{$errors->has('create_date_to') ? ' is-invalid':''}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.last_activity') }}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type='text'
                                               class="form-control singledate"
                                               name="last_activity_date_from"
                                               value="{{ $errors->has('last_activity_date_from') ? '' : request('last_activity_date_from') }}"
                                               id="last_activity_date_from"
                                               placeholder="{{ __('from')}}"
                                               class="{{$errors->has('last_activity_date_from') ? ' is-invalid':''}}"/>
                                    </div>
                                    <div class="col-md-4">
                                         <input type='text'
                                               class="form-control singledate"
                                               name="last_activity_date_to"
                                               value="{{ $errors->has('last_activity_date_to') ? '' : request('last_activity_date_to') }}"
                                               id="last_activity_date_to"
                                               placeholder="{{ __('to')}}"
                                               class="{{$errors->has('last_activity_date_to') ? ' is-invalid':''}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.renew date') }}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type='text'
                                               class="form-control singledate"
                                               name="renewal_date_from"
                                               value="{{ $errors->has('renewal_date_from') ? '' : request('renewal_date_from') }}"
                                               id="renewal_date_from"
                                               placeholder="{{ __('from')}}"
                                               class="{{$errors->has('renewal_date_from') ? ' is-invalid':''}}"/>
                                    </div>
                                    <div class="col-md-4">
                                         <input type='text'
                                               class="form-control singledate"
                                               name="renewal_date_to"
                                               value="{{ $errors->has('renewal_date_to') ? '' : request('renewal_date_to') }}"
                                               id="renewal_date_to"
                                               placeholder="{{ __('to')}}"
                                               class="{{$errors->has('renewal_date_to') ? ' is-invalid':''}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.payment_total') }}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="number" name="payment_total_from" value="{{ request()->get('payment_total_from') }}" class="form-control" id="payment_total_from" min="1" placeholder="@lang('from')">
                                    </div>
                                    <div class="col-md-4">
                                        <input type="number" name="payment_total_to" value="{{ request()->get('payment_total_to') }}" class="form-control" id="payment_total_to" min="1" placeholder="@lang('to')">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.subscription_months') }}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="number" name="subscription_months_from" value="{{ request()->get('subscription_months_from') }}" id="subscription_months_from" class="form-control" min="1" placeholder="@lang('from')">
                                    </div>
                                    <div class="col-md-4">
                                        <input type="number" name="subscription_months_to" value="{{ request()->get('subscription_months_to') }}" id="subscription_months_to" class="form-control" min="1" placeholder="@lang('to')">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row  mt-1">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="category">{{ __('tenant::company.subscribtion_type') }}</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="plan" class="w-100 form-control{{ $errors->has('plan') ? ' is-invalid' : '' }}">
                                            <option value="">{{ __('All') }}</option>
                                            @foreach($plans as $key => $value)
                                                <option value="{{ $key }}" {{ request()->get('plan') == $key ? 'selected' : '' }}>{{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                 </div>
                    <div class="text-center mt-1">
                        <a href="{{ route('tenants.index') }}">
                            <button type="button" class='btn btn-warning btn-min-width mr-1 mb-1'>{{ __('Clear') }}</button>
                        </a>
                        <button type="submit" class="btn btn-info btn-min-width mr-1 mb-1">@lang('Apply')</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="row my-1">
        <div class="col-xs-12">
            <div class="alert alert-danger hidden errors">
                <ul id="errors_list" class="errors_list">
                </ul>
            </div>
            <div class="card ">
                <div style="display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    /* margin: 7px; */
                    padding: 14px;"
                    >
                    <div id="checkbox-dropdown">
                        <button class="toggle-column" id="toggleDropdown"><img  src="{{asset('assets/images/companies/rearrange-column.svg')}}" style="height: 24px;"/></button>
                        <div id="dropdownMenu" class="dropdown-content">
                            <div class="col-md-12" style="padding: 6px;">
                                <input type="text" id="dropdownSearch" placeholder="Search..." style="width:100%"/>
                            </div>
           
                            <div class="col-md-12" id="sortableList">
                                <div class="dropdown-item sortable-item">
                                    <input type="checkbox" id="col0" data-column="0">
                                    <label for="col0">{{__('tenant::company.company name')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col1" data-column="1">
                                    <label for="col1">{{__('tenant::company.company identifier')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col2" data-column="2">
                                    <label for="col2">{{__('tenant::company.email')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col3" data-column="3">
                                    <label for="col3">@lang('superadmin::User.mobile')</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col4" data-column="4">
                                    <label for="col4">{{__('tenant::company.integrations')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col5" data-column="5">
                                    <label for="col5">{{__('tenant::company.industry')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col6" data-column="6">
                                    <label for="col6">{{__('tenant::company.package')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col7" data-column="7">
                                    <label for="col7">{{__('tenant::company.tag')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col8" data-column="8">
                                    <label for="col8">{{__('tenant::company.renew date')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col9" data-column="9">
                                    <label for="col9">{{__('tenant::company.company status')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col10" data-column="10">
                                    <label for="col10">{{__('tenant::company.supscription status')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col11" data-column="11">
                                    <label for="col11">{{__('tenant::company.subscription_months')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col12" data-column="12">
                                    <label for="col12">{{__('tenant::company.payment_total')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col13" data-column="13">
                                    <label for="col13">{{__('tenant::company.created_date')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col14" data-column="14">
                                    <label for="col14">{{__('tenant::company.last_activity')}}</label>
                                </div>
                                <div class="dropdown-item sortable-item">
                                    <input  type="checkbox" id="col15" data-column="15">
                                    <label for="col15">@lang('Actions')</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a id="exportLink" class="mx-1 mb-1 @if(app()->getlocale() == 'ar') float-left @else float-right @endif" href="{{ route('tenants.export-excel', request()->all()+['to_export' => 1] ) }}">
                            <i class="fa fa-file-excel-o fa-2x"
                            data-toggle="tooltip"
                            data-placement="bottom"
                            title="@lang('reports::reports.download_excel')"></i>
                    </a>
                </div>
                <div class="card-body collapse in">

                    <input type="hidden" id="tags_data" value="{{$tags}}">
                    <input type="hidden" id="current_user" value="{{auth()->user()->id}}">
                    <div class="table-responsive">
                        <table class="table table-striped" style="width:100%;display: inline-table;" id="companies_table">
                            <thead>
                                <tr>
                                    <th>
                                        {{__('tenant::company.company name')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.company identifier')}}
                                    </th>
                                    <th width="10%">
                                        {{__('tenant::company.email')}}
                                    </th>
                                    <th  width="10%">
                                        @lang('superadmin::User.mobile')
                                    </th>
                                    <th>
                                        {{__('tenant::company.integrations')}}                               
                                    </th>
                                    <th>
                                        {{__('tenant::company.industry')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.package')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.tag')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.renew date')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.company status')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.supscription status')}}
                                    </th>
                                    <th class="months-sort">
                                        <span class="hidden-months-sort d-none" data-sort="sorting"></span>
                                        {{__('tenant::company.subscription_months')}}
                                    </th>
                                    {{-- <th>
                                        {{__('tenant::company.subscription_months')}}
                                    </th> --}}
                                    <th>
                                        {{__('tenant::company.payment_total')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.created_date')}}
                                    </th>
                                    <th>
                                        {{__('tenant::company.last_activity')}}
                                    </th>
                                    <th class="hidden-print">@lang('Actions')</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>

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

{{---------------- popup to manual renewal-------------------------------}}

<div class="modal fade centered-popup" id="renewModal" tabindex="-1" role="dialog"
     aria-labelledby="favoritesModalLabel">
    <div class="modal-dialog  modal-dialog-centered" role="document">
        <div class="modal-content centered-popup">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="favoritesModalLabel">@lang('tenant::company.manual renewal')</h4>
            </div>
            <form action="{{ route('tenant.subscription.renew') }}" method="POST" id="renew-form" class="form">
            @csrf
            <div class="alert alert-danger hidden renewal_server_error">
                <div class="error-header">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <ul>
                        <li style="text-align: center;">{{__('tenant::subscription.renewal_server_error')}}</li>
                    </ul>
                </div>
            </div>
            <input id="token" type="hidden" value="{{ $token }}">
            <div class="modal-body col-md-12">
                <div class="row" style="margin-bottom:2rem;">
                    <div class="col-md-4">
                        {{__('tenant::company.company name')}}
                    </div>
                    <div class="col-md-8" id="company_name">
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-4">
                            <label for="package">@lang('tenant::company.package')</label>
                        </div>
                        <div class="col-md-8">
                            <select name="package" id="package" class="w-100 form-control @if($errors->has('package')) is-invalid @endif">
                                @forelse($packages as $key => $package)
                                    <option value="{{ $key }}">{{ $package }}</option>
                                @empty
                                @endforelse
                            </select>
                            <span class="invalid-feedback text text-danger hidden renewal_errors" role="alert">
                                <p id="package_error" class="error_message"></p>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-4">
                            <label for="plan">@lang('tenant::company.plan')</label>
                        </div>
                        <div class="col-md-8">
                            <select name="plan" id="plan" class="w-100 form-control @if($errors->has('plan')) is-invalid @endif">
                                @forelse($plans as $key => $plan)
                                    <option value="{{ $key }}">{{ $plan }}</option>
                                @empty
                                @endforelse
                            </select>
                            <span class="invalid-feedback text text-danger hidden renewal_errors" role="alert">
                                <p id="plan_error" class="error_message"></p>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-4">
                            <label>@lang('tenant::company.valid until')</label>
                        </div>
                        <div class="col-md-8">
                            <div class='input-group'>
                                <input type='text'
                                       class="form-control singledate {{$errors->has('renewal_date') ? ' is-invalid':''}}"
                                       name="renewal_date"
                                       value=""
                                       id="renewal_date"
                                       />
                                <span class="input-group-addon">
                                    <span class="fa fa-calendar"></span>
                                </span>
                            </div>
                            <div class="invalid-feedback text text-danger w-100 d-block hidden renewal_errors" role="alert">
                                <p id="renewal_date_error" class="error_message p-half"></p>
                            </div>
                        </div>
                    </div>
                </div>
                 <!-- Active Foodics Checkbox - initially hidden -->
                 <div class="form-group" id="foodics-checkbox" style="display: none;">
                    <div class="row">
                        <div class="col-md-4">
                            <label>@lang('tenant::company.activate_foodics')</label>
                        </div>
                        <div class="col-md-8">
                            <input type="checkbox" name="active_foodics" id="active_foodics" value="0" {{ old('active_foodics') ? 'checked' : '' }}>

                            @error('active_foodics')
                                <span class="invalid-feedback" role="alert">
                                    <p>{{ $message }}</p>
                                </span>
                            @enderror
                        </div>
                    </div>
                </div>              <input type="hidden" name="company" id="company" value="">
                <input type="hidden" name="last_renewal_date" id="last_renewal_date" value="">
                <input type="hidden" name="uuid" id="uuid" value="">
                <input type="hidden" name="price" id="price" value="">
            </div>
            <div class="modal-footer text-center">
                <button type="button" id="renewal_cancel" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                <button type="submit" id="renew_btn" class="btn btn-primary">@lang('Apply')</button>
            </div>
            </form>
        </div>
    </div>
</div>

@include('tenant::includes.notesModal')
@endsection
@section('extra_scripts')
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>

<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
<script src="{{ asset('assets/js/sweetalert.min.js') }}" defer></script>
<script src="{{asset('assets/js/custom/amsify-suggestags/amsify-suggestags.js')}}" defer></script>
<script src="{{ asset('assets/js/select2/select2.min.js') }}" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.14.0/Sortable.min.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/colreorder/1.5.3/js/dataTables.colReorder.min.js" defer></script>
{{-- <script src="{{asset('assets/js/custom/datatable/customDatatable.js')}}"></script> --}}

<script>
    
    
    window.addEventListener('DOMContentLoaded', function () {
	(function ($) {
        $("body").on("click",".filterbtn",function(){
                let url = new URL(window.location.href);
                let create_date_from = url.searchParams.get("create_date_from");
                let create_date_to = url.searchParams.get("create_date_to");
                let last_activity_date_from = url.searchParams.get("last_activity_date_from");
                let last_activity_date_to = url.searchParams.get("last_activity_date_to");
                let renewal_date_from = url.searchParams.get("renewal_date_from");
                let renewal_date_to = url.searchParams.get("renewal_date_to");
                let first_subscribtion_from = url.searchParams.get("first_subscribtion_from");
                let first_subscribtion_to = url.searchParams.get("first_subscribtion_to");
                if((create_date_from == '' ||  create_date_from == null)){
                    $("#create_date_from").val("");
                }
                if((create_date_to == '' ||  create_date_to == null)){
                    $("#create_date_to").val("");
                }
                if((last_activity_date_from == '' ||  last_activity_date_from == null)){
                    $("#last_activity_date_from").val("");
                }
                if((last_activity_date_to == '' ||  last_activity_date_to == null)){
                    $("#last_activity_date_to").val("");
                }
                if((renewal_date_from == '' ||  renewal_date_from == null)){
                    $("#renewal_date_from").val("");
                }
                if((renewal_date_to == '' ||  renewal_date_to == null)){
                    $("#renewal_date_to").val("");
                }

                if((first_subscribtion_from == '' ||  first_subscribtion_from == null)){
                    $("#first_subscribtion_from").val("");
                }

                if((first_subscribtion_to == '' ||  first_subscribtion_to == null)){
                    $("#first_subscribtion_to").val("");
                }
        });

        var isRTL = $('html').attr('dir') === 'rtl';
        var initialOrder = Array.from({ length: $('#companies_table').find('th').length }, (_, i) => i);

        // Function to reverse order for RTL
        function reverseOrder(order) {            
            return isRTL ? order.slice().reverse() : order;
        }


        var table = $('#companies_table').DataTable({
            colReorder: {
                enable: true,
                order: reverseOrder(Array.from({ length: $('#companies_table').find('th').length }, (_, i) => i))
            },
            processing: true,
            serverSide: true,
             search: true,
            ajax: {
                url: "{{route('tenants.index')}}",
                data: