@extends('layouts.app')

@section('content')

<div class="container-fluid" id="container-wrapper">

    <div class="card mb-4">

        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">
                Activity Log
            </h6>
        </div>

        <div class="card-body">

            @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif

            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form id="activityLogForm" method="GET">
                <div class="row align-items-end">

                    <div class="col-md-4">
                        <div class="form-group">
                            <label>From Date</label>
                            <input type="date"
                                   name="from_date"
                                   id="from_date"
                                   class="form-control"
                                   value="{{ request('from_date') }}">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label>To Date</label>
                            <input type="date"
                                   name="to_date"
                                   id="to_date"
                                   class="form-control"
                                   value="{{ request('to_date') }}">
                        </div>
                    </div>

                   <div class="col-md-4 d-flex align-items-end">
    <div class="mb-3">
        <button type="submit"
                formaction="{{ route('activity.logs') }}"
                formmethod="GET"
                class="btn btn-primary">
            <i class="fas fa-search"></i> Search
        </button>

        <button type="button"
                id="deleteRangeBtn"
                class="btn btn-danger">
            <i class="fas fa-trash"></i> Delete
        </button>

        <a href="{{ route('activity.logs') }}"
           class="btn btn-secondary">
            <i class="fas fa-sync"></i> Reset
        </a>
    </div>
</div>

                </div>
            </form>

            <form id="deleteRangeForm"
                  action="{{ route('activity.logs.deleteRange') }}"
                  method="POST"
                  style="display:none;">
                @csrf
                @method('DELETE')

                <input type="hidden" name="from_date" id="delete_from_date">
                <input type="hidden" name="to_date" id="delete_to_date">
            </form>

        </div>

        <div class="table-responsive p-3">

            <table class="table align-items-center table-flush table-hover">

                <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th>Email</th>
                        <th>IP Address</th>
                        <th>Device</th>
                        <th>Browser</th>
                        <th>Platform</th>
                        <th>Location</th>
                        <th>Login Time</th>
                    </tr>
                </thead>

                <tbody>

                    @forelse($logs as $key => $log)

                        <tr>
                            <td>{{ $logs->firstItem() + $key }}</td>
                            <td>{{ $log->user->name ?? 'Deleted User' }}</td>
                            <td>{{ $log->user->email ?? '-' }}</td>
                            <td>{{ $log->ip_address }}</td>
                            <td>{{ $log->device ?? '-' }}</td>
                            <td>{{ $log->browser ?? '-' }}</td>
                            <td>{{ $log->platform ?? '-' }}</td>
                            <td>{{ $log->location ?? 'Unknown' }}</td>
                            <td>
                                {{ \Carbon\Carbon::parse($log->login_at)->format('d-m-Y h:i:s A') }}
                            </td>
                        </tr>

                    @empty

                        <tr>
                            <td colspan="9" class="text-center">
                                No activity logs found.
                            </td>
                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>

        <div class="card-footer">
            {{ $logs->links() }}
        </div>

    </div>

</div>

@endsection

@section('scripts')
<script>
    $('#deleteRangeBtn').click(function(e) {
        e.preventDefault();

        let fromDate = $('#from_date').val();
        let toDate = $('#to_date').val();

        if (!fromDate || !toDate) {
            Swal.fire({
                title: 'Date required',
                text: 'Please select from date and to date first.',
                icon: 'warning'
            });

            return;
        }

        $('#delete_from_date').val(fromDate);
        $('#delete_to_date').val(toDate);

        Swal.fire({
            title: 'Are you sure?',
            text: 'Logs from ' + fromDate + ' to ' + toDate + ' will be deleted permanently.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, delete',
            cancelButtonText: 'Cancel',
            confirmButtonColor: '#e74a3b',
            cancelButtonColor: '#858796'
        }).then((result) => {
            if (result.isConfirmed) {
                $('#deleteRangeForm').submit();
            }
        });
    });
</script>
@endsection