@extends('layouts.super-admin.main')

@section('mainContent')
    <!-- Page Content -->
    <div class="page-wrapper page-settings">
        <div class="content">
            <div class="content-page-header content-page-headersplit">
                <h5>Tenant Lists</h5>
            </div>

            <!-- Table -->
            <div class="row">
                <div class="col-12">
                    @php

                    @endphp
                        <div class="table-responsive">
                            <table class="table" id="tenant_table">
                                <thead>
                                    <tr>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Subscription Name</th>
                                    <th>Subscribed On</th>
                                    <th>Expired On</th>
                                    <th>URL Link</th>
                                    {{-- <th>Created On</th> --}}
                                    <th>Status</th>
                                    <th>Seeder</th>
                                    <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-12">
                                <div class="datatable-paginate"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- /Page Content -->
    <!-- Delete -->
    <div class="modal fade" id="delete-tenant" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered ">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete Tenant</h5>
                    <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fe fe-x"></i>
                    </button>
                </div>
                <form id="tenantForm">
                   <input type="hidden" name="tenant_id" id="tenant_id">
                   <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">

                    <div class="modal-body">
                        <div class="del-modal">
                            <p>Are you sure want to Delete?</p>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" data-bs-dismiss="modal" id="delete_btn">Yes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
  </div>
</div>
    <!-- /Delete -->

    <!-- Update Password -->
    <div class="modal fade modal-customization" id="update-tenant-password" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Update Password</h5>
                    <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fe fe-x"></i>
                    </button>
                </div>
                <form id="updateTenantPasswordForm">
                    <div class="modal-body">
                        <div class="row">
                            {{-- <div class="col-lg-4 col-md-12">
                                <div class="mb-3">
                                    <label>New Password <span class="manitory">*</span></label>
                                    <input type="text" class="form-control" placeholder="Enter New Password"
                                        name="new_password" maxlength="32">
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12">
                                <div class="mb-3">
                                    <label>Confirm New Password <span class="manitory">*</span></label>
                                    <input type="text" class="form-control" placeholder="Enter Confirm New Password"
                                        name="confirm_password" maxlength="32">
                                </div>
                            </div> --}}

                            <div class="form-set">
                                <label for="password">New Password</label>
                                <div class="pass-group position-relative">
                                    <input type="password" id="new_password" name="new_password" class="form-control pass-input" placeholder="Password">
                                    <span class="toggle-password fa fa-eye-slash"></span>
                                </div>
                            </div>
                            <div class="form-set">
                                <label for="">Confirm New Password</label>
                                <div class="pass-group position-relative">
                                    <input id="confirm_password" class="form-control pass-inputs" type="password"
                                        name="confirm_password" autocomplete="new-password"
                                        placeholder="Confirm Password">
                                    <span class="toggle-passwords fa fa-eye-slash"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <input type="hidden" value="" name="domain_id">
                        <button type="button" class="btn btn-primary" id="update_tenant_password">Submit</button>
                        <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Close</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /Update Password -->

@endsection