@extends('admin.layouts.layout')


@section('content')
<div class="mb-4">
    <div class="servicestitle">
        <h3>{{ $module }}</h3>
        <div class="services_searchbtn d-flex align-items-center gap-2 ms-auto">          
          <div class="contact_btns">
              @if($permission['create'])
                <a href="{{ route($routePrefix . '.create') }}" class="add_btn btn"><img src="{{ asset('images/template.svg') }}"> Add New</a>
              @endif
              @if(isset($filters) && !empty($filters))
                <a href="javascript:void(0);" class="filter_btn btn w-auto show-panel" data-id="filter-panel"><img src="{{ asset('images/filter.svg') }}"></a>                
              @endif              
          </div>
        </div>
    </div>   
    <div class="row clearfix" id="filter-panel" style="display: {{ request()->get('filter') ? 'block' : 'none' }};">
        <div class="col-lg-12 col-sm-12">
        @include('admin.components.filter-form')
        </div>
    </div> 
    <div class="service_contentarea">
        <div class="table-responsive">
            <table class="table service_table">
                <tr>
                    <th colspan="2">Name</th>
                    <th>Contact</th>
                    <th>Role</th>
                    <th>Tenant</th>
                    <th>Status</th>
                    <th>Created At</th>
                    @if($permission['edit'] || $permission['destroy'])
                    <th width="15%" style="text-align: center;">Action</th>
                    @endif
                </tr>
                @foreach ($data as $key => $val)
                <tr>
                  <td width="3%">{!! \App\Helpers\Helper::genLogo($val->avatar, $val, 'xs', 'rounded-circle') !!}</td>
                  <td><a href="{{ route($routePrefix . '.show', $val->id) }}" class="show-modal-lg">{{ $val->full_name }}</a></td>
                  <td><strong>Email:</strong> {{ $val->email }}</td>
                  <td>{{ $val->role_title }}</td>
                  <td>
                      @php
                          $tenants = $val->tenants ?? collect();
                          $tenantNames = $tenants->pluck('name')->filter()->toArray();
                      @endphp
                      @if(!empty($tenantNames))
                          {{ implode(', ', $tenantNames) }}
                      @else
                          <span class="text-muted">-</span>
                      @endif
                  </td>
                  <td><span class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span></td>
                  <td>{{ \App\Helpers\Helper::showDate($val->created_at) }}</td>
                  @if($permission['edit'] || $permission['destroy'])
                  <td class="text-right">
                    @if($permission['edit'])
                    <a href="{{ route($routePrefix . '.edit', $val->id) }}" class="me-4" data-toggle="tooltip" title="Edit" data-original-title="Edit"><img src="{{ asset('images/edit.svg') }}"></a>
                    @endif
                    <button type="button" class="btn btn_message btn-send-set-password me-4" 
                        data-user-id="{{ $val->id }}" data-email="{{ $val->email ?? '' }}" title="Send Set Password Email">
                        <img src="{{ asset('images/message.svg') }}" />
                    </button>
                    @if($permission['destroy'] && $val->id != auth()->user()->id)
                      <a class="me-4" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                            document.getElementById('delete-form-{{$val->id}}').submit();" data-original-title="Delete"><img src="{{ asset('images/delete_black.svg') }}"></a>
                      {!! html()->form('DELETE', route(
                          $routePrefix . '.destroy',
                          $val->id
                          ))->attributes([
                          'style' => 'display:inline',
                          'id'    => 'delete-form-' . $val->id  
                        ])->open() !!}
                      {!! html()->form()->close() !!}
                    @endif
                  </td>
                  @endif
                </tr>
                @endforeach 
                @if(count($data) == 0)
                <tr>
                    <td colspan="8">
                        <div class="alert alert-danger">No Data</div>
                    </td>
                </tr>
                @endif  
            </table>
        </div>
    </div>
</div>

@include('admin.components.pagination')

@endsection

@push('page_script')
<script>
$(document).ready(function() {
    // Send Set Password Email
    const csrfToken = $('meta[name="csrf-token"]').attr('content');
    
    $('.btn-send-set-password').on('click', function() {
        const btn = $(this);
        const userId = btn.data('user-id');
        const email = btn.data('email');
        
        if (!email) {
            Swal.fire('No Email', 'No email address available for this user.', 'warning');
            return;
        }
        
        Swal.fire({
            title: 'Send Set Password Email?',
            text: 'An email with a link to set password will be sent to ' + email + '.',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Send',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (!result.isConfirmed) return;
            
            btn.prop('disabled', true);
            const originalHtml = btn.html();
            btn.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>');
            
            fetch('/users/' + userId + '/send-set-password', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                },
                body: JSON.stringify({})
            })
            .then(r => r.json())
            .then(res => {
                if (res.status === 200) {
                    Swal.fire('Email Sent', 'Set password email sent to ' + email, 'success');
                } else {
                    Swal.fire('Failed', res.message || 'Failed to send email', 'error');
                }
            })
            .catch(err => {
                console.error(err);
                Swal.fire('Error', 'Unexpected error sending email', 'error');
            })
            .finally(() => {
                btn.prop('disabled', false).html(originalHtml);
            });
        });
    });
});
</script>
@endpush