@extends('layouts.admin')
@section('content')

{{-- SweetAlert for success messages --}}
@if(session('success'))
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            Swal.fire({
                title: "Success!",
                text: "{{ session('success') }}",
                icon: "success",
                confirmButtonText: "OK"
            });
        });
    </script>
@endif
@can('user_create')
    <div style="margin-bottom: 10px;" class="row">
        <div class="col-lg-12">
            <a class="btn btn-success" href="{{ route('admin.users.create') }}">
                {{ trans('global.add') }} {{ trans('cruds.user.title_singular') }}
            </a>
        </div>
    </div>
@endcan
<div class="card">
    <div class="card-header">
        {{ trans('cruds.user.title_singular') }} {{ trans('global.list') }}
    </div>

    <div class="card-body">
        <div class="table-responsive">
            <table class=" table table-bordered table-striped table-hover datatable datatable-User">
                <thead>
                    <tr>
                        <th width="10"></th>
                        <th>{{ trans('cruds.user.fields.id') }}</th>
                        <th>{{ trans('cruds.user.fields.name') }}</th>
                        <th>{{ trans('cruds.user.fields.email') }}</th>
                        <!-- New Phone column -->
                        <th>Phone</th>
                        <th>{{ trans('cruds.user.fields.email_verified_at') }}</th>
                        <th>{{ trans('cruds.user.fields.approved') }}</th>
                        <th>{{ trans('cruds.user.fields.roles') }}</th>
                        <th>&nbsp;</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $key => $user)
                        <tr data-entry-id="{{ $user->id }}">
                            <td></td>
                            <td>{{ $user->id ?? '' }}</td>
                            <td>{{ $user->name ?? '' }}</td>
                            <td>{{ $user->email ?? '' }}</td>
                            <!-- New Phone cell -->
                            <td>{{ $user->phone ?? '' }}</td>
                            <td>{{ $user->email_verified_at ?? '' }}</td>
                            <td>
                                <span style="display:none">{{ $user->approved ?? '' }}</span>
                                <input type="checkbox" disabled="disabled" {{ $user->approved ? 'checked' : '' }}>
                            </td>
                            <td>
                                @foreach($user->roles as $key => $item)
                                    <span class="badge badge-info">{{ $item->title }}</span>
                                @endforeach
                            </td>
                            <td>
                                @can('user_show')
                                    <a class="btn btn-xs btn-primary" href="{{ route('admin.users.show', $user->id) }}">
                                        {{ trans('global.view') }}
                                    </a>
                                @endcan

                                @can('user_edit')
                                    <a class="btn btn-xs btn-info" href="{{ route('admin.users.edit', $user->id) }}">
                                        {{ trans('global.edit') }}
                                    </a>
                                @endcan
                                @can('user_edit')
                                @if(!$user->password) {{-- Only show if user has no password --}}
                                    <form action="{{ route('admin.users.send_welcome_email', $user->id) }}" method="POST" style="display:inline-block;">
                                        @csrf
                                        <button type="submit" class="btn btn-xs btn-warning">Send Welcome Email</button>
                                    </form>
                                @endif
                           		@endcan

                                @can('user_delete')
                                    <form action="{{ route('admin.users.destroy', $user->id) }}" method="POST" onsubmit="return confirm('{{ trans('global.areYouSure') }}');" style="display: inline-block;">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                        <input type="submit" class="btn btn-xs btn-danger" value="{{ trans('global.delete') }}">
                                    </form>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('scripts')
@parent
<script>
    $(function () {
        let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)
        @can('user_delete')
          let deleteButtonTrans = '{{ trans('global.datatables.delete') }}'
          let deleteButton = {
            text: deleteButtonTrans,
            url: "{{ route('admin.users.massDestroy') }}",
            className: 'btn-danger',
            action: function (e, dt, node, config) {
              var ids = $.map(dt.rows({ selected: true }).nodes(), function (entry) {
                  return $(entry).data('entry-id')
              });

              if (ids.length === 0) {
                alert('{{ trans('global.datatables.zero_selected') }}')
                return
              }

              if (confirm('{{ trans('global.areYouSure') }}')) {
                $.ajax({
                  headers: {'x-csrf-token': _token},
                  method: 'POST',
                  url: config.url,
                  data: { ids: ids, _method: 'DELETE' }
                })
                .done(function () { location.reload() })
              }
            }
          }
          dtButtons.push(deleteButton)
        @endcan
        @can('user_edit')
        let sendBulkWelcomeEmailsButton = {
            text: 'Send Bulk Welcome Emails',
            url: "{{ route('admin.users.send_bulk_welcome_emails') }}",
            className: 'btn-warning',
            action: function (e, dt, node, config) {
                if (!confirm('Are you sure you want to send welcome emails to ALL users without a password?')) {
                    return
                }

                $.ajax({
                    headers: { 'x-csrf-token': _token },
                    method: 'POST',
                    url: config.url,
                    success: function (data) {
                        // If you want to use SweetAlert:
                        Swal.fire({
                            title: "Success!",
                            text: data.message || 'Welcome emails sent successfully!',
                            icon: "success",
                            confirmButtonText: "OK"
                        }).then(function() {
                            location.reload();
                        });
                    },
                    error: function (xhr) {
                        Swal.fire({
                            title: "Error!",
                            text: xhr.responseJSON?.message || 'An error occurred.',
                            icon: "error",
                            confirmButtonText: "OK"
                        });
                    }
                });
            }
        }
        dtButtons.push(sendBulkWelcomeEmailsButton)
    @endcan
        $.extend(true, $.fn.dataTable.defaults, {
          orderCellsTop: true,
          order: [[ 1, 'desc' ]],
          pageLength: 100,
        });
        let table = $('.datatable-User:not(.ajaxTable)').DataTable({ buttons: dtButtons })
        $('a[data-toggle="tab"]').on('shown.bs.tab click', function(e){
            $($.fn.dataTable.tables(true)).DataTable()
                .columns.adjust();
        });
    })
</script>
@endsection