@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header">
                    <h4 class="mb-0">
                        <i class="fas fa-edit"></i> Edit Room: {{ $room->name }}
                        @if($room->isBbbRoom())
                            <span class="badge bg-primary float-end">
                                <i class="fas fa-video"></i> BBB Room
                            </span>
                        @endif
                    </h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('rooms.update', $room->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <!-- Basic Room Information -->
                        <div class="card mb-4">
                            <div class="card-header bg-light">
                                <h5 class="mb-0"><i class="fas fa-info-circle"></i> Basic Information</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="name" class="form-label">Room Name *</label>
                                            <input type="text" class="form-control" id="name" name="name"
                                                   value="{{ old('name', $room->name) }}" required maxlength="100" placeholder="Enter room name">
                                            @error('name')
                                                <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="type" class="form-label">Room Type *</label>
                                            <select class="form-select" id="type" name="type" required disabled>
                                                <option value="virtual" selected>Virtual Room</option>
                                            </select>
                                            <small class="text-muted">Room type cannot be changed</small>
                                            @error('type')
                                                <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="capacity" class="form-label">Capacity</label>
                                            <input type="number" class="form-control" id="capacity" name="capacity"
                                                   value="{{ old('capacity', $room->capacity) }}" min="1" placeholder="Enter capacity">
                                            <div class="form-text">Maximum number of participants</div>
                                            @error('capacity')
                                                <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <label for="note" class="form-label">Room Notes</label>
                                    <textarea class="form-control" id="note" name="note" rows="3"
                                              placeholder="Additional notes about the room...">{{ old('note', $room->note) }}</textarea>
                                    @error('note')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- BBB Room Options (Only if not already a BBB room) -->
                        @if(!$room->isBbbRoom() && (auth()->user()->isAdmin() || auth()->user()->isLmsManager()))
                            <div class="card mb-4 border-primary">
                                <div class="card-header bg-primary text-white">
                                    <h5 class="mb-0">
                                        <i class="fas fa-video"></i> BigBlueButton Video Conference Room
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="mb-3">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" role="switch"
                                                   id="create_bbb_room" name="create_bbb_room" value="1"
                                                   {{ old('create_bbb_room') ? 'checked' : '' }}>
                                            <label class="form-check-label" for="create_bbb_room">
                                                <strong>Enable BigBlueButton Video Conference</strong>
                                            </label>
                                            <div class="form-text">Convert this room to a video conference room with audio/video capabilities</div>
                                        </div>
                                    </div>

                                    <div id="bbb-options" style="{{ old('create_bbb_room') ? '' : 'display: none;' }}">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="bbb_room_type" class="form-label">Room Purpose *</label>
                                                    <select class="form-select" id="bbb_room_type" name="bbb_room_type">
                                                        <option value="class" {{ old('bbb_room_type', 'class') == 'class' ? 'selected' : '' }}>
                                                            <i class="fas fa-chalkboard-teacher"></i> Lesson/Class Room
                                                        </option>
                                                        <option value="exam" {{ old('bbb_room_type') == 'exam' ? 'selected' : '' }}>
                                                            <i class="fas fa-graduation-cap"></i> Exam/Test Room
                                                        </option>
                                                        <option value="meeting" {{ old('bbb_room_type') == 'meeting' ? 'selected' : '' }}>
                                                            <i class="fas fa-users"></i> Meeting Room
                                                        </option>
                                                    </select>
                                                    @error('bbb_room_type')
                                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="bbb_duration" class="form-label">Meeting Duration (minutes) *</label>
                                                    <input type="number" class="form-control" id="bbb_duration" name="bbb_duration"
                                                           value="{{ old('bbb_duration', 120) }}" min="15" max="480" required>
                                                    <div class="form-text">Maximum duration in minutes (15-480)</div>
                                                    @error('bbb_duration')
                                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="mb-3">
                                            <label for="bbb_welcome_message" class="form-label">Welcome Message</label>
                                            <textarea class="form-control" id="bbb_welcome_message" name="bbb_welcome_message"
                                                      rows="2" placeholder="Welcome message for participants...">{{ old('bbb_welcome_message') }}</textarea>
                                            <div class="form-text">This message will be displayed when participants join</div>
                                            @error('bbb_welcome_message')
                                                <div class="invalid-feedback d-block">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="bbb_scheduled_at" class="form-label">Scheduled Time</label>
                                                    <input type="datetime-local" class="form-control" id="bbb_scheduled_at"
                                                           name="bbb_scheduled_at" value="{{ old('bbb_scheduled_at') }}">
                                                    <div class="form-text">Optional: Schedule the room for a specific time</div>
                                                    @error('bbb_scheduled_at')
                                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label class="form-label">Room Features</label>
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="bbb_record"
                                                               name="bbb_record" value="1" {{ old('bbb_record', true) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_record">
                                                            Record Session
                                                        </label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="bbb_auto_start_recording"
                                                               name="bbb_auto_start_recording" value="1" {{ old('bbb_auto_start_recording') ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_auto_start_recording">
                                                            Auto-start Recording
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Exam Specific Options -->
                                        <div id="exam-options" style="{{ old('bbb_room_type') == 'exam' ? '' : 'display: none;' }}">
                                            <div class="alert alert-warning">
                                                <i class="fas fa-exclamation-triangle"></i>
                                                <strong>Exam Room Settings:</strong> These settings are for online proctored exams
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox" role="switch"
                                                                   id="bbb_require_webcam" name="bbb_require_webcam" value="1"
                                                                   {{ old('bbb_require_webcam') ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="bbb_require_webcam">
                                                                Require Webcam
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox" role="switch"
                                                                   id="bbb_require_mic" name="bbb_require_mic" value="1"
                                                                   {{ old('bbb_require_mic') ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="bbb_require_mic">
                                                                Require Microphone
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox" role="switch"
                                                                   id="bbb_lock_disable_note" name="bbb_lock_disable_note" value="1"
                                                                   {{ old('bbb_lock_disable_note', true) ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="bbb_lock_disable_note">
                                                                Disable Notes
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <!-- BBB Room Settings (Only for existing BBB rooms) -->
                        @if($room->isBbbRoom() && (auth()->user()->isAdmin() || auth()->user()->isLmsManager() || $room->bbb_created_by == auth()->id()))
                            <div class="card mb-4 border-success">
                                <div class="card-header bg-success text-white">
                                    <h5 class="mb-0">
                                        <i class="fas fa-cog"></i> BigBlueButton Settings
                                        @if($room->isExamRoom())
                                            <span class="badge bg-danger float-end">Exam Room</span>
                                        @else
                                            <span class="badge bg-info float-end">Lesson Room</span>
                                        @endif
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="bbb_welcome_message" class="form-label">Welcome Message</label>
                                                <textarea class="form-control" id="bbb_welcome_message" name="bbb_welcome_message"
                                                          rows="2" placeholder="Welcome message for participants...">{{ old('bbb_welcome_message', $room->bbb_welcome_message) }}</textarea>
                                                <div class="form-text">This message will be displayed when participants join</div>
                                                @error('bbb_welcome_message')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="bbb_duration" class="form-label">Meeting Duration (minutes) *</label>
                                                <input type="number" class="form-control" id="bbb_duration" name="bbb_duration"
                                                       value="{{ old('bbb_duration', $room->bbb_duration) }}" min="15" max="480" required>
                                                <div class="form-text">Maximum duration in minutes (15-480)</div>
                                                @error('bbb_duration')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label class="form-label">Recording Settings</label>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="bbb_record"
                                                           name="bbb_record" value="1" {{ old('bbb_record', $room->bbb_record) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="bbb_record">
                                                        Record Session
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="bbb_auto_start_recording"
                                                           name="bbb_auto_start_recording" value="1" {{ old('bbb_auto_start_recording', $room->bbb_auto_start_recording) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="bbb_auto_start_recording">
                                                        Auto-start Recording
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="bbb_allow_start_stop_recording"
                                                           name="bbb_allow_start_stop_recording" value="1" {{ old('bbb_allow_start_stop_recording', $room->bbb_allow_start_stop_recording) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="bbb_allow_start_stop_recording">
                                                        Allow Start/Stop Recording
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label class="form-label">Audio Settings</label>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="bbb_mute_on_start"
                                                           name="bbb_mute_on_start" value="1" {{ old('bbb_mute_on_start', $room->bbb_mute_on_start) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="bbb_mute_on_start">
                                                        Mute Participants on Start
                                                    </label>
                                                </div>
                                                @if($room->isExamRoom())
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="bbb_require_mic"
                                                               name="bbb_require_mic" value="1" {{ old('bbb_require_mic', $room->bbb_require_mic) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_require_mic">
                                                            Require Microphone
                                                        </label>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Exam Room Specific Settings -->
                                    @if($room->isExamRoom())
                                        <div class="alert alert-warning">
                                            <i class="fas fa-exclamation-triangle"></i>
                                            <strong>Exam Room Settings:</strong> These settings are for online proctored exams
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <div class="form-check form-switch">
                                                        <input class="form-check-input" type="checkbox" role="switch"
                                                               id="bbb_require_webcam" name="bbb_require_webcam" value="1"
                                                               {{ old('bbb_require_webcam', $room->bbb_require_webcam) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_require_webcam">
                                                            <strong>Require Webcam</strong>
                                                        </label>
                                                        <div class="form-text">Participants must have webcam enabled</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <div class="form-check form-switch">
                                                        <input class="form-check-input" type="checkbox" role="switch"
                                                               id="bbb_enable_proctoring" name="bbb_enable_proctoring" value="1"
                                                               {{ old('bbb_enable_proctoring', $room->bbb_enable_proctoring) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_enable_proctoring">
                                                            <strong>Enable Proctoring</strong>
                                                        </label>
                                                        <div class="form-text">Monitor participants for suspicious activity</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="mb-3">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="bbb_lock_disable_private_chat"
                                                               name="bbb_lock_disable_private_chat" value="1" {{ old('bbb_lock_disable_private_chat', $room->bbb_lock_disable_private_chat) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_lock_disable_private_chat">
                                                            Disable Private Chat
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="mb-3">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="bbb_lock_disable_note"
                                                               name="bbb_lock_disable_note" value="1" {{ old('bbb_lock_disable_note', $room->bbb_lock_disable_note) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_lock_disable_note">
                                                            Disable Notes
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="mb-3">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="bbb_lock_locked_layout"
                                                               name="bbb_lock_locked_layout" value="1" {{ old('bbb_lock_locked_layout', $room->bbb_lock_locked_layout) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="bbb_lock_locked_layout">
                                                            Locked Layout
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    <!-- Meeting Information (Read-only) -->
                                    <div class="alert alert-info">
                                        <h6><i class="fas fa-info-circle"></i> Meeting Information</h6>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <small><strong>Meeting ID:</strong><br>
                                                <code>{{ $room->bbb_meeting_id }}</code></small>
                                            </div>
                                            <div class="col-md-6">
                                                <small><strong>Status:</strong><br>
                                                <span class="badge bg-{{ $room->bbb_status == 'active' ? 'success' : ($room->bbb_status == 'scheduled' ? 'warning' : 'secondary') }}">
                                                    {{ ucfirst($room->bbb_status) }}
                                                </span></small>
                                            </div>
                                        </div>
                                        <div class="row mt-2">
                                            <div class="col-md-6">
                                                <small><strong>Moderator Password:</strong>
                                                <code>{{ $room->bbb_moderator_password ? '********' : 'Not set' }}</code></small>
                                            </div>
                                            <div class="col-md-6">
                                                <small><strong>Attendee Password:</strong>
                                                <code>{{ $room->bbb_attendee_password ? '********' : 'Not set' }}</code></small>
                                            </div>
                                        </div>
                                        @if($room->bbb_scheduled_at)
                                        <div class="mt-2">
                                            <small><strong>Scheduled:</strong> {{ $room->bbb_scheduled_at->format('M d, Y H:i') }}</small>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endif

                        <!-- Action Buttons -->
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <a href="{{ route('rooms.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-arrow-left"></i> Cancel
                                </a>
                                <a href="{{ route('rooms.show', $room) }}" class="btn btn-info ms-2">
                                    <i class="fas fa-eye"></i> View Room
                                </a>
                            </div>
                            <div>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> Update Room
                                </button>
                            </div>
                        </div>
                    </form>

                    <!-- Danger Zone -->
                    @if($room->classes_count == 0 && (auth()->user()->isAdmin() || auth()->user()->isLmsManager()))
                        <hr>
                        <div class="card border-danger">
                            <div class="card-header bg-danger text-white">
                                <h5 class="mb-0"><i class="fas fa-exclamation-triangle"></i> Danger Zone</h5>
                            </div>
                            <div class="card-body">
                                <p class="text-muted mb-3">
                                    Once you delete a room, there is no going back. Please be certain.
                                </p>
                                <form action="{{ route('rooms.destroy', $room) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger"
                                            onclick="return confirm('Are you sure you want to delete this room? This action cannot be undone.')">
                                        <i class="fas fa-trash"></i> Delete Room
                                    </button>
                                </form>
                                @if($room->isBbbRoom() && (auth()->user()->isAdmin() || auth()->user()->isLmsManager() || $room->bbb_created_by == auth()->id()))
                                    <button type="button" class="btn btn-warning ms-2" data-bs-toggle="modal" data-bs-target="#resetBbbModal">
                                        <i class="fas fa-redo"></i> Reset BBB Meeting
                                    </button>
                                @endif
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Reset BBB Modal -->
@if($room->isBbbRoom() && (auth()->user()->isAdmin() || auth()->user()->isLmsManager() || $room->bbb_created_by == auth()->id()))
<div class="modal fade" id="resetBbbModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fas fa-redo"></i> Reset BBB Meeting</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle"></i>
                    <strong>Warning:</strong> This will reset the BBB meeting with new passwords.
                    Current participants will be disconnected and need new links to join.
                </div>
                <p>Are you sure you want to reset this BBB meeting?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <form action="{{ route('rooms.create.bbb', $room) }}" method="POST">
                    @csrf
                    <button type="submit" class="btn btn-warning">Reset Meeting</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endif
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // For rooms that are not BBB rooms yet
    const createBbbCheckbox = document.getElementById('create_bbb_room');
    const bbbOptions = document.getElementById('bbb-options');
    const roomTypeSelect = document.getElementById('bbb_room_type');
    const examOptions = document.getElementById('exam-options');
    const durationField = document.getElementById('bbb_duration');

    if (createBbbCheckbox) {
        // Toggle BBB options visibility
        createBbbCheckbox.addEventListener('change', function() {
            if (this.checked) {
                bbbOptions.style.display = 'block';
                if (durationField) durationField.required = true;
            } else {
                bbbOptions.style.display = 'none';
                if (durationField) durationField.required = false;
            }
        });

        // Toggle exam options
        if (roomTypeSelect) {
            roomTypeSelect.addEventListener('change', function() {
                if (this.value === 'exam') {
                    examOptions.style.display = 'block';
                } else {
                    examOptions.style.display = 'none';
                }
            });

            // Set default values for exam room
            roomTypeSelect.addEventListener('change', function() {
                if (this.value === 'exam') {
                    // Set exam-specific defaults
                    if (document.getElementById('bbb_record')) {
                        document.getElementById('bbb_record').checked = true;
                    }
                    if (document.getElementById('bbb_require_webcam')) {
                        document.getElementById('bbb_require_webcam').checked = true;
                    }
                    if (document.getElementById('bbb_require_mic')) {
                        document.getElementById('bbb_require_mic').checked = true;
                    }
                    if (document.getElementById('bbb_lock_disable_note')) {
                        document.getElementById('bbb_lock_disable_note').checked = true;
                    }

                    if (document.getElementById('bbb_welcome_message') && !document.getElementById('bbb_welcome_message').value) {
                        document.getElementById('bbb_welcome_message').value =
                            'Welcome to the online exam. Please keep your webcam and microphone ON.';
                    }
                } else if (this.value === 'class') {
                    if (document.getElementById('bbb_welcome_message') && !document.getElementById('bbb_welcome_message').value) {
                        document.getElementById('bbb_welcome_message').value =
                            'Welcome to our online class!';
                    }
                }
            });
        }

        // Validate scheduled time
        const scheduledInput = document.getElementById('bbb_scheduled_at');
        if (scheduledInput) {
            const now = new Date();
            const localDateTime = new Date(now.getTime() - now.getTimezoneOffset() * 60000)
                .toISOString()
                .slice(0, 16);

            scheduledInput.min = localDateTime;

            if (!scheduledInput.value) {
                // Set default to 1 hour from now
                const oneHourLater = new Date(now.getTime() + 60 * 60000);
                const defaultDateTime = new Date(oneHourLater.getTime() - oneHourLater.getTimezoneOffset() * 60000)
                    .toISOString()
                    .slice(0, 16);
                scheduledInput.value = defaultDateTime;
            }
        }
    }

    // Toggle duration requirement based on record setting for existing BBB rooms
    const recordCheckbox = document.getElementById('bbb_record');
    const existingDurationField = document.getElementById('bbb_duration');

    if (recordCheckbox && existingDurationField) {
        recordCheckbox.addEventListener('change', function() {
            if (this.checked) {
                existingDurationField.required = true;
                existingDurationField.min = 15;
            } else {
                existingDurationField.required = false;
                existingDurationField.min = 1;
            }
        });
    }
});
</script>
@endpush