@extends('layouts.app')
@section('title', 'Edit Activity Log')
@section('page', 'Activity Logs')

@section('content')
<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-6 fade-in">
    <div class="flex items-center justify-between mb-8">
        <div class="flex items-center gap-4">
            <div class="w-12 h-12 bg-gradient-to-br from-indigo-500/20 to-purple-500/20 rounded-2xl flex items-center justify-center border border-indigo-500/10">
                <i class="fas fa-edit text-indigo-400 text-lg"></i>
            </div>
            <div>
                <h1 class="text-2xl font-bold text-white">Edit Activity Log</h1>
                <p class="text-sm text-slate-500">Update activity log entry #{{ $activityLog->id }}</p>
            </div>
        </div>
        <a href="{{ route('activity-logs.index') }}" class="px-4 py-2 text-sm font-medium rounded-xl border border-white/10 text-slate-400 hover:text-white transition-colors flex items-center gap-2">
            <i class="fas fa-arrow-left"></i> Back
        </a>
    </div>

    <div class="rounded-2xl border border-white/[0.06] p-6 bg-white/[0.02]">
        <form method="POST" action="{{ route('activity-logs.update', $activityLog) }}">
            @csrf
            @method('PUT')
            <div class="space-y-5">
                <div>
                    <label class="block text-sm font-medium mb-1.5 text-slate-300">User</label>
                    <div class="relative">
                        <span class="absolute left-3 top-1/2 -translate-y-1/2 text-slate-500"><i class="fas fa-user text-sm"></i></span>
                        <select name="user_id" class="input-modern w-full rounded-xl border border-white/10 bg-white/5 pl-10 pr-4 py-2.5 text-sm text-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all">
                            <option value="" class="bg-slate-800">System</option>
                            @foreach($users as $user)
                                <option value="{{ $user->id }}" class="bg-slate-800" {{ $activityLog->user_id == $user->id ? 'selected' : '' }}>{{ $user->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1.5 text-slate-300">Action <span class="text-red-400">*</span></label>
                    <div class="relative">
                        <span class="absolute left-3 top-1/2 -translate-y-1/2 text-slate-500"><i class="fas fa-tag text-sm"></i></span>
                        <select name="action" required class="input-modern w-full rounded-xl border border-white/10 bg-white/5 pl-10 pr-4 py-2.5 text-sm text-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all">
                            <option value="" class="bg-slate-800">Select action...</option>
                            @foreach(['created','updated','deleted','viewed','exported','imported','printed','sent','approved','rejected','logged_in','logged_out','other'] as $act)
                                <option value="{{ $act }}" class="bg-slate-800" {{ $activityLog->action == $act ? 'selected' : '' }}>{{ ucfirst(str_replace('_', ' ', $act)) }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1.5 text-slate-300">Description <span class="text-red-400">*</span></label>
                    <div class="relative">
                        <span class="absolute left-3 top-3 text-slate-500"><i class="fas fa-align-left text-sm"></i></span>
                        <textarea name="description" required rows="3" class="input-modern w-full rounded-xl border border-white/10 bg-white/5 pl-10 pr-4 py-2.5 text-sm text-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all">{{ $activityLog->description }}</textarea>
                    </div>
                </div>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium mb-1.5 text-slate-300">Subject Type</label>
                        <div class="relative">
                            <span class="absolute left-3 top-1/2 -translate-y-1/2 text-slate-500"><i class="fas fa-database text-sm"></i></span>
                            <input type="text" name="subject_type" value="{{ $activityLog->subject_type }}" class="input-modern w-full rounded-xl border border-white/10 bg-white/5 pl-10 pr-4 py-2.5 text-sm font-mono text-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all">
                        </div>
                    </div>
                    <div>
                        <label class="block text-sm font-medium mb-1.5 text-slate-300">Subject ID</label>
                        <div class="relative">
                            <span class="absolute left-3 top-1/2 -translate-y-1/2 text-slate-500"><i class="fas fa-hashtag text-sm"></i></span>
                            <input type="number" name="subject_id" value="{{ $activityLog->subject_id }}" class="input-modern w-full rounded-xl border border-white/10 bg-white/5 pl-10 pr-4 py-2.5 text-sm text-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all">
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex items-center justify-end gap-3 mt-6 pt-5 border-t border-white/[0.06]">
                <a href="{{ route('activity-logs.index') }}" class="px-4 py-2 text-sm border border-white/10 rounded-xl hover:bg-white/5 transition-colors font-medium text-slate-400">Cancel</a>
                <button type="submit" class="btn-primary px-5 py-2 text-sm text-white rounded-xl font-bold shadow-lg flex items-center gap-2">
                    <i class="fas fa-save"></i> Update Activity Log
                </button>
            </div>
        </form>
    </div>
</div>
@endsection