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

@if(session()->has('message'))
    <div class="alert alert-success">{{ session()->get('message') }}</div>
@endif
@if(session()->has('error'))
    <div class="alert alert-danger">{{ session()->get('error') }}</div>
@endif
<form method="GET" action="" class="">
    <div class="row">
        <div class="col-md-4">
            <label for="filter">Filter by name</label>
            <input type="text" name="name" value="{{ $_GET['name']??'' }}" class="form-control myInput">
        </div>
        <div class="col-md-4">
            <label for="filter">Filter by email</label>
            <input type="email" name="email" value="{{$_GET['email'] ??'' }}" class="form-control myInput">
        </div>

        <div class="col-md-3 " style="margin-top: 21px;">
            <button type="submit" class="btn btn-info">Filter</button>
            <button class="btn btn-light">
                <a href="{{ request()->url()}}">Clear</a>

            </button>

            <a href="/admin/sub_admin/create"><button type="button" class="btn btn-success ml-2"><i class="fa-solid fa-plus fa-fw"></i> Sub Admin</button></a>


        </div>
    </div>
  </form>
<div class="srchBox_wraper justify-content-end mt-4">
    <div class="right-panel-btn text-left">
        <h5> Sub Admin List</h5>
    </div>


</div>
<div class="table-responsive custom-table-s1">
    <table class="participant_table" width="100%">
        <thead>
            <tr>
                <th>Sl No</th>
                <th> Name</th>
                <th>Email</th>
                <th>Total Balance</th>
                <th>Status</th>
                <th>Last Activity</th>
                <th>Created Date</th>
                <th class="skip_csv">Action</th>
            </tr>
        </thead>


        <tbody>
            @forelse($allSubAdmin as $key => $subAdmin)
            <tr>
                <td>{{ $loop->index + 1 }}</td>
                <td>{{ $subAdmin->name }}</td>
                <td>{{ $subAdmin->email }}</td>
                <td>{{ $subAdmin->total_amount }}</td>
                @php
                    $currentTime = Carbon\Carbon::now();
                    $lastActivityTime = Carbon\Carbon::parse($subAdmin->last_activity);
                    $timeDifference = $currentTime->diffInMinutes($lastActivityTime);

                    @endphp
                <td>
                    {{-- {{$timeDifference}} --}}
                    @if ($timeDifference <1)
                   <span style="background-color: green; color:aliceblue; padding:8px">Active</span>
                    @else
                    <span style="background-color: red; color:aliceblue; padding:8px">Inactive</span>
                    @endif
                </td>
                <td>{{ \Carbon\Carbon::parse($subAdmin->last_activity) }}</td>
                <td>{{ $subAdmin->created_at->format('d-m-Y') }}</td>
                <td class="skip_csv">
                    <a href="/admin/sub_admin/{{$subAdmin->id}}/permission-list" class="mr-2"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
                     <a href="/admin/sub_admin/edit/{{$subAdmin->id}}" class="fa fa-edit" aria-hidden="true" title="Edit"></a>
                     <a href="#" class="ml-2 change-password" data-subadmin-id="{{ $subAdmin->id }}"><i class="fa fa-key" aria-hidden="true" title="Change Password"></i></a>
                     <a class="ml-2" onclick="return confirm('Are you sure?')" href="/admin/sub_admin/delete/{{$subAdmin->id}}"><i class="fa fa-trash" style="color:red;"></i></a>
                </td>
            </tr>
            @empty
                <tr>
                    <td colspan="5">No record found...</td>
                </tr>
            @endforelse

        </tbody>
    </table>
</div>

<div class="modal fade" id="changePasswordModal" tabindex="-1" role="dialog" aria-labelledby="changePasswordModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="changePasswordModalLabel">Change Password</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Form for changing the password -->
                <form action="{{ route('admin.sub_admin_change_password') }}" method="POST" enctype="multipart/form-data" id="changePasswordForm">
                    @csrf
                    <input type="hidden" name="sub_admin_id" id="sub_admin_id">
                    <div class="form-group">
                        <label for="password">New Password</label>
                        <input type="password" class="form-control" id="password" name="password" required>
                        <div id="password_error" class="error" style="color:red;"></div>
                    </div>
                    <div class="form-group">
                        <label for="confirm_password">Confirm Password</label>
                        <input type="password" class="form-control" id="confirm_password" name="confirm_password" required>
                        <div id="confirm_password_error" class="error" style="color:red;"></div>
                    </div>
                    <button type="submit" class="btn btn-primary">Change Password</button>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="custom-table-s1-pagination">
    <div class="left-info">
        <div class="text-sm">
            Showing
            <span class="text-bold">{{ $allSubAdmin->firstItem() }}</span>
            to
            <span class="text-bold">{{ $allSubAdmin->lastItem() }}</span>
            of
            <span class="text-bold">{{ $allSubAdmin->total() }}</span>
            results
        </div>
    </div>
    {{ $allSubAdmin->links('pagination::bootstrap-4') }}
</div>
@endsection

@section('customScripts')
<script src="{{ asset('backend/assets/js/table2csv.js') }}"></script>
<script>
    $(document).ready(function() {
        $("#download_csv").on('click', function() {
            $(".participant_table").table2csv({
                excludeColumns: '.skip_csv'
            });
        });
        $(".change-password").click(function() {
            var subAdminId = $(this).data("subadmin-id");
            $("#sub_admin_id").val(subAdminId);
            $('#changePasswordModal').modal('show');
        });

        $('#changePasswordModal').on('show.bs.modal', function() {
            $('#password').val('');
            $('#confirm_password').val('');
            $('.error').empty();
        });
        // When the modal is shown, clear any previous validation errors
        $('#changePasswordForm').submit(function(e) {
            e.preventDefault(); // Prevent the default form submission

            // Perform AJAX form submission
            $.ajax({
                type: 'POST',
                url: $(this).attr('action'),
                data: $(this).serialize(),
                success: function(response) {
                    // If the form submission is successful, close the modal
                    $('#changePasswordModal').modal('hide');
                    // or perform any other action you need.
                },
                error: function(xhr) {
                    // If there are validation errors, display them in the modal
                    var errors = xhr.responseJSON.errors;
                    if (errors) {
                        for (var key in errors) {
                            $('#' + key + '_error').text(errors[key][0]);
                        }
                    } else {
                        // Handle other types of errors here (e.g., server errors)
                    }
                }
            });
        });
    });

</script>


@endsection