@extends('landlord.layout.main') @section('content')
    @if ($errors->has('name'))
        <div class="alert alert-danger alert-dismissible text-center"><button type="button" class="close" data-dismiss="alert"
                aria-label="Close"><span aria-hidden="true">&times;</span></button>{{ $errors->first('name') }}</div>
    @endif
    @if (session()->has('message'))
        <div class="alert alert-success alert-dismissible text-center"><button type="button" class="close"
                data-dismiss="alert" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>{!! session()->get('message') !!}</div>
    @endif
    @if (session()->has('not_permitted'))
        <div class="alert alert-danger alert-dismissible text-center"><button type="button" class="close"
                data-dismiss="alert" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>{{ session()->get('not_permitted') }}</div>
    @endif

    <section>
        <div class="container-fluid">
            <button type="button" class="btn btn-info" data-toggle="modal" data-target="#createModal"><i
                    class="dripicons-plus"></i> {{ trans('file.Add Client') }}</button>
            <a href="{{ route('superadmin.backupTenantDB') }}" class="btn btn-dark"><i class="dripicons-cloud-download"></i>
                {{ __('file.Backup Client DB') }}</a>
            <a href="{{ route('superadmin.updateTenantDB') }}" class="btn btn-primary"><i class="dripicons-stack"></i>
                {{ __('file.Update Client DB') }}</a>
            <a href="{{ route('superadmin.updateSuperadminDB') }}" class="btn btn-info"><i class="dripicons-stack"></i>
                {{ __('file.Update SuperAdmin DB') }}</a>
        </div>

        <div class="table-responsive">
            <table id="client-table" class="table">
                <thead>
                    <tr>
                        <th class="not-exported"></th>
                        <th>{{ trans('file.name') }}</th>
                        <th>DB</th>
                        <th>{{ trans('file.Domain') }}</th>
                        <th>{{ trans('file.Package') }}</th>
                        <th>{{ trans('file.Subscription Type') }}</th>
                        <th>{{ trans('file.Company Name') }}</th>
                        <th>{{ trans('file.Phone Number') }}</th>
                        <th>{{ trans('file.Email') }}</th>
                        <th>{{ trans('file.Created At') }}</th>
                        <th>{{ trans('file.Expiry Date') }}</th>
                        <th>{{ trans('file.Last Login at') }}</th>
                        <th class="not-exported">{{ trans('file.action') }}</th>
                    </tr>
                    <tr class="filters">
                        <th></th>
                        <th></th>
                        <th></th>
                        <th>
                            <select class="form-control selectpicker column-filter" data-live-search="true" data-column="3">
                                <option value="">Select Domain</option>
                            </select>
                        </th>
                        <th>
                            <select class="form-control selectpicker column-filter" data-live-search="true" data-column="4">
                                <option value="">Select Package</option>
                            </select>
                        </th>
                        <th>
                            <select class="form-control selectpicker column-filter" data-live-search="true" data-column="5">
                                <option value="">Select Type</option>
                            </select>
                        </th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th>
                            <select class="form-control selectpicker column-filter" data-column="10">
                                <option value="">All</option>
                            </select>
                        </th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($lims_client_all as $key => $client)
                                                <tr data-id="{{ $client->id }}">
                            <td>{{ $key }}</td>
                            <td>{{ $client->id }}</td>
                            <td>{{ $client->database()->getName() }}</td>
                            <td>
                                @foreach ($client->domains as $index => $domain)
                                    @if ($index)
                                        <br>
                                    @endif
                                    <a target="_blank" href="{!! 'https://' . $domain->domain !!}">{{ $domain->domain }}</a>
                                @endforeach
                            </td>
                            <td>{{ $package_name }}</td>
                            <td>{{ $client->subscription_type }}</td>
                            <td>{{ $client->company_name }}</td>
                            <td>{{ $client->phone_number }}</td>
                            <td>{{ $client->email }}</td>
                            <td>{{ date($general_setting->date_format, strtotime($client->created_at->toDateString())) }}
                            </td>
                            @if ($client->expiry_date >= date('Y-m-d'))
                                <td data-search="Not Expired">
                                    <div class="badge badge-success">
                                        {{ date($general_setting->date_format, strtotime($client->expiry_date)) }}
                                    </div>
                                </td>
                            @else
                                <td data-search="Expired">
                                    <div class="badge badge-danger">
                                        {{ date($general_setting->date_format, strtotime($client->expiry_date)) }}
                                    </div>
                                </td>
                            @endif
                            <td>{{ $client->last_login_at }}</td>
                            <td>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-sm dropdown-toggle"
                                        data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false">{{ trans('file.action') }}
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu edit-options dropdown-menu-right dropdown-default"
                                        user="menu">
                                        <li>
                                            <button type="button" data-id="{{ $client->id }}"
                                                data-subscription_type="{{ $client->subscription_type }}"
                                                data-expiry_date="{{ date('d-m-Y', strtotime($client->expiry_date)) }}"
                                                class="renew-btn btn btn-link" data-toggle="modal"
                                                data-target="#renewModal"><i class="dripicons-clockwise"></i>
                                                {{ trans('file.Renew Subscription') }}</button>
                                        </li>
                                        <li>
                                            <button type="button" data-id="{{ $client->id }}"
                                                data-package_id="{{ $client->package_id }}" class="switch-btn btn btn-link"
                                                data-toggle="modal" data-target="#switchModal"><i
                                                    class="dripicons-swap"></i> {{ trans('file.Change Package') }}</button>
                                        </li>
                                        <li>
                                            <button type="button" data-id="{{ $client->id }}"
                                                class="add-custom-domain-btn btn btn-link" data-toggle="modal"
                                                data-target="#customDomainModal"><i class="dripicons-plus"></i>
                                                {{ trans('file.Add Custom Domain') }}</button>
                                        </li>
                                        {{ Form::open(['route' => ['clients.destroy', $client->id], 'method' => 'DELETE']) }}
                                        <li>
                                            <button type="submit" class="btn btn-link" onclick="return confirmDelete()"><i
                                                    class="dripicons-trash"></i> {{ trans('file.delete') }}</button>
                                        </li>
                                        {{ Form::close() }}
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </section>

    <!-- Create Modal -->
    <div id="createModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
        class="modal fade text-left">
        <div role="document" class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['route' => 'clients.store', 'method' => 'post', 'id' => 'client-form']) !!}
                <div class="modal-header">
                    <h5 id="exampleModalLabel" class="modal-title">{{ trans('file.Add Client') }}</h5>
                    <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                            aria-hidden="true"><i class="dripicons-cross"></i></span></button>
                </div>
                <div class="modal-body">
                    <p class="italic">
                        <small>{{ trans('file.The field labels marked with * are required input fields') }}.</small>
                    </p>
                    <form>
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Package') }} *</label>
                                <select required class="form-control selectpicker" name="package_id">
                                    @foreach ($lims_package_all as $package)
                                        <option value="{{ $package->id }}">{{ $package->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Subscription Type') }} *</label>
                                <div class="form-check">
                                    <input type="radio" name="subscription_type" value="free trial"
                                        class="form-check-input" id="subscription-type-1" checked>
                                    <label class="form-check-label" for="subscription-type-1">
                                        Free Trial
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input type="radio" name="subscription_type" value="monthly"
                                        class="form-check-input" id="subscription-type-1">
                                    <label class="form-check-label" for="subscription-type-1">
                                        Monthly
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input type="radio" name="subscription_type" value="yearly"
                                        class="form-check-input" id="subscription-type-2">
                                    <label class="form-check-label" for="subscription-type-2">
                                        Yearly
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Company Name') }} *</label>
                                <input class="form-control" type="text" name="company_name" required
                                    placeholder="company name...">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Phone Number') }} *</label>
                                <input class="form-control" type="text" name="phone_number" required
                                    placeholder="contact number...">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.UserName') }} *</label>
                                <input class="form-control" type="text" name="name" required
                                    placeholder="username...">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Password') }} *</label>
                                <input class="form-control" type="password" name="password" required
                                    placeholder="password...">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Email') }} *</label>
                                <input class="form-control" type="text" name="email" required
                                    placeholder="email...">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Subdomain</label>
                                <div class="input-group">
                                    <input class="form-control mt-0" type="text" name="tenant" required
                                        placeholder="subdomain..." aria-label="subdomain..."
                                        aria-describedby="basic-addon2">
                                    <span class="input-group-text"
                                        id="basic-addon2">{{ '@' . env('CENTRAL_DOMAIN') }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <input type="submit" value="{{ trans('file.submit') }}" id="submit-btn"
                                class="btn btn-primary">
                        </div>
                    </form>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>

    <!-- custom domain Modal -->
    <div id="customDomainModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
        class="modal fade text-left">
        <div role="document" class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['route' => 'clients.addCustomDomain', 'method' => 'post']) !!}
                <div class="modal-header">
                    <h5 id="exampleModalLabel" class="modal-title">{{ trans('file.Add Custom Domain') }}</h5>
                    <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                            aria-hidden="true"><i class="dripicons-cross"></i></span></button>
                </div>
                <div class="modal-body">
                    <p class="italic">
                        <small>{{ trans('file.The field labels marked with * are required input fields') }}.</small>
                    </p>
                    <form>
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Custom Domain') }} *</label>
                                <input type="text" name="domain" required class="form-control"
                                    placeholder="example.com">
                                <input type="hidden" name="id">
                            </div>
                        </div>

                        <div class="form-group">
                            <input type="submit" value="{{ trans('file.submit') }}" class="btn btn-primary">
                        </div>
                    </form>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>

    <!-- Renew Modal -->
    <div id="renewModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
        class="modal fade text-left">
        <div role="document" class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['route' => 'clients.renew', 'method' => 'post']) !!}
                <div class="modal-header">
                    <h5 id="exampleModalLabel" class="modal-title">{{ trans('file.Renew Subscription') }}</h5>
                    <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                            aria-hidden="true"><i class="dripicons-cross"></i></span></button>
                </div>
                <div class="modal-body">
                    <p class="italic">
                        <small>{{ trans('file.The field labels marked with * are required input fields') }}.</small>
                    </p>
                    <form>
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Expiry Date') }} *</label>
                                <input type="text" name="expiry_date" required class="date form-control">
                                <input type="hidden" name="id">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>{{ trans('file.Subscription Type') }} *</label>
                                <div class="form-check">
                                    <input type="radio" name="subscription_type" value="monthly"
                                        class="form-check-input" required id="subscription-type-1">
                                    <label class="form-check-label" for="subscription-type-1">
                                        Monthly
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input type="radio" name="subscription_type" value="yearly"
                                        class="form-check-input" required id="subscription-type-2">
                                    <label class="form-check-label" for="subscription-type-2">
                                        Yearly
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <input type="submit" value="{{ trans('file.submit') }}" class="btn btn-primary">
                        </div>
                    </form>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>

    <!-- Change Package Modal -->
    <div id="switchModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
        class="modal fade text-left">
        <div role="document" class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['route' => 'clients.changePackage', 'method' => 'post']) !!}
                <div class="modal-header">
                    <h5 id="exampleModalLabel" class="modal-title">{{ trans('file.Change Package') }}</h5>
                    <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                            aria-hidden="true"><i class="dripicons-cross"></i></span></button>
                </div>
                <div class="modal-body">
                    <p class="italic">
                        <small>{{ trans('file.The field labels marked with * are required input fields') }}.</small>
                    </p>
                    <form>
                        <div class="form-group">
                            <label>{{ trans('file.Package') }} *</label>
                            <select required class="form-control selectpicker" name="package_id">
                                @foreach ($lims_package_all as $package)
                                    <option value="{{ $package->id }}">{{ $package->name }}</option>
                                @endforeach
                            </select>
                            <input type="hidden" name="client_id">
                            <input type="hidden" name="previous_package_id">
                        </div>
                        <div class="form-group">
                            <input type="submit" value="{{ trans('file.submit') }}" class="btn btn-primary">
                        </div>
                    </form>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>

    <!-- Bootstrap Modal -->
    <div id="deleteModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel"
        aria-hidden="true" class="modal fade text-left">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="deleteModalLabel">Deleting Clients</h5>
                </div>
                <div class="modal-body" id="deleteModalBody">
                    Deleting Clients, please wait...
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="text/javascript">
        $("ul#client").siblings('a').attr('aria-expanded', 'true');
        $("ul#client").addClass("show");
        $("ul#client #client-list-menu").addClass("active");

        var client_id = [];
        var user_verified =