@extends('layouts.admin')

@section('title', 'Edit Blocked Entity')

@section('content_header')
    <h1>Edit Blocked Entity</h1>
@stop

@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Edit Blocked Entity</h3>
        </div>
        <form action="{{ route('admin.blocked_entities.update', $blockedEntity->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="card-body">
                <div class="form-group">
                    <label for="type">Block Type <span class="text-danger">*</span></label>
                    <select name="type" class="form-control @error('type') is-invalid @enderror" id="type" required>
                        <option value="">Select Type</option>
                        <option value="ip" {{ old('type', $blockedEntity->type) == 'ip' ? 'selected' : '' }}>IP Address</option>
                        <option value="email" {{ old('type', $blockedEntity->type) == 'email' ? 'selected' : '' }}>Email Address</option>
                    </select>
                    @error('type')
                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
                
                <div class="form-group">
                    <label for="value">Value <span class="text-danger">*</span></label>
                    <input type="text" name="value" class="form-control @error('value') is-invalid @enderror" id="value" 
                           placeholder="Enter IP address or email" value="{{ old('value', $blockedEntity->value) }}" required>
                    <small class="form-text text-muted">
                        For IP: Enter IP address (e.g., 192.168.1.1)<br>
                        For Email: Enter email address (e.g., user@example.com)
                    </small>
                    @error('value')
                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
                
                <div class="form-group">
                    <label for="reason">Reason</label>
                    <textarea name="reason" class="form-control @error('reason') is-invalid @enderror" id="reason" 
                              rows="3" placeholder="Optional reason for blocking">{{ old('reason', $blockedEntity->reason) }}</textarea>
                    @error('reason')
                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
                
                <div class="form-group">
                    <label for="expires_at">Expires At</label>
                    <input type="datetime-local" name="expires_at" class="form-control @error('expires_at') is-invalid @enderror" 
                           id="expires_at" value="{{ old('expires_at', $blockedEntity->expires_at ? $blockedEntity->expires_at->format('Y-m-d\TH:i') : '') }}">
                    <small class="form-text text-muted">
                        Leave empty for permanent block. Set a future date/time for temporary block.
                    </small>
                    @error('expires_at')
                        <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                    @enderror
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary">Update Block</button>
                <a href="{{ route('admin.blocked_entities.index') }}" class="btn btn-default float-right">Cancel</a>
            </div>
        </form>
    </div>
@stop

@section('css')
    {{-- Add any specific CSS for this page --}}
@stop

@section('js')
    <script>
        $(document).ready(function() {
            // Set minimum datetime to current time
            var now = new Date();
            var year = now.getFullYear();
            var month = String(now.getMonth() + 1).padStart(2, '0');
            var day = String(now.getDate()).padStart(2, '0');
            var hours = String(now.getHours()).padStart(2, '0');
            var minutes = String(now.getMinutes()).padStart(2, '0');
            var minDateTime = year + '-' + month + '-' + day + 'T' + hours + ':' + minutes;
            
            $('#expires_at').attr('min', minDateTime);
            
            // Update placeholder based on type selection
            $('#type').on('change', function() {
                var type = $(this).val();
                var valueInput = $('#value');
                
                if (type === 'ip') {
                    valueInput.attr('placeholder', 'Enter IP address (e.g., 192.168.1.1)');
                } else if (type === 'email') {
                    valueInput.attr('placeholder', 'Enter email address (e.g., user@example.com)');
                } else {
                    valueInput.attr('placeholder', 'Enter IP address or email');
                }
            });
        });
    </script>
@stop