@extends('web.layouts.admin')

@section('title', config('app.name'))

@section('content')

<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa {{$page_icon}}"></i> {{$page_title}}</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="row">

                        <!-- APP Settings -->
                        <div class="col-lg-12 mb-4">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">App Name</label>
                                                    <input class="form-control" type="text" placeholder="App Name" name="app_name" value="{{!empty($value['app_name']) ? $value['app_name'] : ''}}">
                                                </div>


                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">App Icon</label>
                                                    <div class="input-group">
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input upload-file-input" name="app_icon" aria-describedby="inputGroupFileAddon01">
                                                            <label class="custom-file-label upload-file-label" for="image">Choose file</label>
                                                        </div>
                                                        <div class="input-group-append">
                                                            <span class="input-group-text app-icon-link" data-url="{{!empty($value['app_icon']) ? $value['app_icon'] : ''}}">
                                                                <i class="fa fa-file" aria-hidden="true"></i>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <input class="form-control" type="hidden" name="app_icon_old" value="{{!empty($value['app_icon_old']) ? $value['app_icon_old'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">App Color</label>
                                                    <input class="form-control" type="color" placeholder="App Color" name="app_color" value="{{!empty($value['app_color']) ? $value['app_color'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Sidebar Color</label>
                                                    <input class="form-control" type="color" placeholder="Sidebar Color" name="sidebar_color" value="{{!empty($value['sidebar_color']) ? $value['sidebar_color'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Copyright</label>
                                                    <input class="form-control" type="text" placeholder="Copyright" name="copyright" value="{{!empty($value['copyright']) ? $value['copyright'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">OTP for Signup</label>
                                                    <select class="form-control" name="otp_signup">
                                                        <option value="0" {{selected($value["otp_signup"] ?? 0, 0)}}>Off</option>
                                                        <option value="1" {{selected($value["otp_signup"] ?? 0, 1)}}>On</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">OTP for Login</label>
                                                    <select class="form-control" name="otp_login">
                                                        <option value="0" {{selected($value["otp_login"] ?? 0, 0)}}>Off</option>
                                                        <option value="1" {{selected($value["otp_login"] ?? 0, 1)}}>On</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">OTP for Forgot Password</label>
                                                    <select class="form-control" name="otp_forgot">
                                                        <option value="0" {{selected($value["otp_forgot"] ?? 0, 0)}}>Off</option>
                                                        <option value="1" {{selected($value["otp_forgot"] ?? 0, 1)}}>On</option>
                                                    </select>
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Rate On Apple Store</label>
                                                    <input class="form-control" type="text" placeholder="Rate On Apple Store" name="rate_on_apple_store" value="{{!empty($value['rate_on_apple_store']) ? $value['rate_on_apple_store'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Rate On Google Store</label>
                                                    <input class="form-control" type="text" placeholder="Rate On Google Store" name="rate_on_google_store" value="{{!empty($value['rate_on_google_store']) ? $value['rate_on_google_store'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Terms Conditions</label>
                                                    <input class="form-control" type="text" placeholder="Terms Conditions" name="terms_conditions" value="{{!empty($value['terms_conditions']) ? $value['terms_conditions'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Privacy Policy</label>
                                                    <input class="form-control" type="text" placeholder="Privacy Policy" name="privacy_policy" value="{{!empty($value['privacy_policy']) ? $value['privacy_policy'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Tutorial</label>
                                                    <input class="form-control" type="text" placeholder="Tutorial" name="tutorial" value="{{!empty($value['tutorial']) ? $value['tutorial'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Help</label>
                                                    <input class="form-control" type="text" placeholder="Help" name="help" value="{{!empty($value['help']) ? $value['help'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">About Us</label>
                                                    <input class="form-control" type="text" placeholder="About Us" name="about_us" value="{{!empty($value['about_us']) ? $value['about_us'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Default Radius</label>
                                                    <input class="form-control" type="text" placeholder="Default Radius" name="default_radius" value="{{!empty($value['default_radius']) ? $value['default_radius'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Green Tick Number</label>
                                                    <input class="form-control" type="text" placeholder="Green Tick" name="green_tick_number" value="{{!empty($value['green_tick_number']) ? $value['green_tick_number'] : ''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-primary submitBtn" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End APP Settings -->

                        <!-- SMTP Settings -->
                        <div class="col-lg-12 mb-4" style="display: none;">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Email</label>
                                                    <input class="form-control" type="text" placeholder="Email" name="email" value="{{!empty($value['email']) ? $value['email'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Password</label>
                                                    <div class="input-group">
                                                        <input class="form-control" type="password" placeholder="Password" name="password" value="{{!empty($value['password']) ? $value['password'] : ''}}">
                                                        <div class="input-group-append password-input">
                                                            <span class="input-group-text"><i class="fa fa-eye-slash" aria-hidden="true"></i></span>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Host</label>
                                                    <input class="form-control" type="text" placeholder="Host" name="host" value="{{!empty($value['host']) ? $value['host'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Port</label>
                                                    <input class="form-control" type="text" placeholder="Port" name="port" value="{{!empty($value['port']) ? $value['port'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">From Address</label>
                                                    <input class="form-control" type="text" placeholder="From Address" name="from_address" value="{{!empty($value['from_address']) ? $value['from_address'] : ''}}">
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">From Name</label>
                                                    <input class="form-control" type="text" placeholder="From Name" name="from_name" value="{{!empty($value['from_name']) ? $value['from_name'] : ''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-primary submitBtn" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End SMTP Settings -->





                        <!-- PUSH_NOTIFICATION_SERVER_KEY Settings -->
                        <div class="col-lg-12 mb-4" style="display: none;">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Push Notification Server Key</label>
                                                    <input class="form-control" type="text" placeholder="Push Notification Server Key" name="push_notification_server_key" value="{{!empty($value['push_notification_server_key']) ? $value['push_notification_server_key'] : ''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-primary submitBtn" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End PUSH_NOTIFICATION_SERVER_KEY Settings -->


                        <!-- TWILIO Settings -->
                        <div class="col-lg-12 mb-4" style="display: none;">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Twilio Sid</label>
                                                    <input class="form-control" type="text" placeholder="Twilio Sid" name="twilio_sid" value="{{!empty($value['twilio_sid']) ? $value['twilio_sid'] : ''}}">
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Twilio Auth Token</label>
                                                    <input class="form-control" type="text" placeholder="Twilio Auth Token" name="twilio_auth_token" value="{{!empty($value['twilio_auth_token']) ? $value['twilio_auth_token'] : ''}}">
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Twilio Number</label>
                                                    <input class="form-control" type="text" placeholder="Twilio Number" name="twilio_number" value="{{!empty($value['twilio_number']) ? $value['twilio_number'] : ''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-primary submitBtn" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End TWILIO Settings -->

                        <!-- S3 Bucket Settings -->
                        <div class="col-lg-12 mb-4" style="display: none;">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Aws Access Key Id</label>
                                                    <input class="form-control" type="input" placeholder="Aws Access Key Id" name="aws_access_key_id" value="{{!empty($value['aws_access_key_id']) ? $value['aws_access_key_id'] : ''}}">
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Aws Secret Access Key</label>
                                                    <input class="form-control" type="input" placeholder="Aws Secret Access Key" name="aws_secret_access_key" value="{{!empty($value['aws_secret_access_key']) ? $value['aws_secret_access_key'] : ''}}">
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Aws Default Region</label>
                                                    <input class="form-control" type="input" placeholder="Aws Default Region" name="aws_default_region" value="{{!empty($value['aws_default_region']) ? $value['aws_default_region'] : ''}}">
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Aws Bucket</label>
                                                    <input class="form-control" type="input" placeholder="Aws Bucket" name="aws_bucket" value="{{!empty($value['aws_bucket']) ? $value['aws_bucket'] : ''}}">
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Aws Url</label>
                                                    <input class="form-control" type="input" placeholder="Aws Url" name="aws_url" value="{{!empty($value['aws_url']) ? $value['aws_url'] : ''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-primary submitBtn" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End S3 Bucket Settings -->

                        <!-- Stripe Settings -->
                        <div class="col-lg-12 mb-4" style="display: none;">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Secret Key</label>
                                                    <input class="form-control" type="input" placeholder="Secret Key" name="secret_key" value="{{!empty($value['secret_key']) ? $value['secret_key'] : ''}}">
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Public Key</label>
                                                    <input class="form-control" type="input" placeholder="Public Key" name="public_key" value="{{!empty($value['public_key']) ? $value['public_key'] : ''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-primary submitBtn" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End Stripe Settings -->


                        <!-- Debug Mode Settings -->
                        <div class="col-lg-12 mb-4" style="display: none;">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Debug Mode (Your IP: {{request()->ip()}})</label>
                                                    <select class="form-control" name="debug_mode">
                                                        <option value="0" {{selected($value["debug_mode"], 0)}}>Off</option>
                                                        <option value="1" {{selected($value["debug_mode"], 1)}}>On</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Allowed IPs (Multiple IPs concatenated with commas)</label>
                                                    <input class="form-control" type="input" placeholder="Allowed IPs" name="allowed_ips" value="{{!empty($value['allowed_ips']) ? $value['allowed_ips'] : ''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-primary submitBtn" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End Debug Mode Settings -->

                        <!-- Automated email Settings -->
                        <div class="col-lg-12 mb-4">
                            <div class="bs-component">
                                <div class="card">
                                                                        <form method="POST" action="{{ customRoute('settings.save', ['settingName' => $key]) }}" enctype="multipart/form-data">
                                        <h5 class="card-header text-white bg-primary">{{$title}}</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-8 col-sm-6 form-group">
                                                    <label class="control-label">Content</label>
                                                    <textarea class="form-control" placeholder="Content" id="editor" name="content">{{ !empty($value['content']) ? $value['content'] : '' }}</textarea>
                                                    <!-- <textarea class="form-control" placeholder="Content" id="editor" name="content"></textarea> -->
                                                </div>

                                                <div class="col-lg-4 col-sm-6 form-group">
                                                    <label class="control-label">Add Video</label>
                                                    
                                                    @if(!empty($value['video']))
                                                        <div class="current-video-preview mb-3 p-3 border rounded bg-light" id="videoPreviewSection">
                                                            <label class="text-muted small mb-2 d-block">Current Video:</label>
                                                            <div class="mb-2">
                                                                <a href="{{ \App\Helper\Helper::FilePublicLink($value['video'], VIDEO_INFO) }}" 
                                                                   target="_blank" 
                                                                   class="btn btn-sm btn-outline-primary mr-2">
                                                                    <i class="fa fa-external-link mr-1"></i>Open in New Tab
                                                                </a>
                                                                <button type="button" 
                                                                        class="btn btn-sm btn-outline-danger"
                                                                        onclick="removeVideo()">
                                                                    <i class="fa fa-trash mr-1"></i>Remove Video
                                                                </button>
                                                            </div>
                                                            <video id="settingsVideoPlayer" 
                                                                   controls 
                                                                   class="w-100" 
                                                                   style="max-height: 200px;">
                                                                <source src="{{ \App\Helper\Helper::FilePublicLink($value['video'], VIDEO_INFO) }}" type="video/mp4">
                                                                <source src="{{ \App\Helper\Helper::FilePublicLink($value['video'], VIDEO_INFO) }}" type="video/mov">
                                                                <source src="{{ \App\Helper\Helper::FilePublicLink($value['video'], VIDEO_INFO) }}" type="video/avi">
                                                                Your browser does not support the video tag.
                                                            </video>
                                                        </div>
                                                    @endif

                                                    <div class="input-group">
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input upload-file-input" name="video" id="video" accept="video/*" aria-describedby="inputGroupFileAddon01">
                                                            <label class="custom-file-label upload-file-label" for="video">
                                                                {{ !empty($value['video']) ? 'Choose new video (optional)' : 'Choose video' }}
                                                            </label>
                                                        </div>
                                                        <div class="input-group-append">
                                                            <span class="input-group-text app-icon-link" data-url="{{ !empty($value['video']) ? $value['video'] : '' }}">
                                                                <i class="fa fa-file" aria-hidden="true"></i>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    
                                                    @if(!empty($value['video']))
                                                        <small class="form-text text-muted mt-1">
                                                            <i class="fa fa-info-circle"></i> Leave empty to keep current video, or select a new file to replace it.
                                                        </small>
                                                    @endif
                                                    
                                                    <small class="form-text text-muted mt-1">
                                                        <i class="fa fa-upload"></i> Supported formats: MP4, MOV, AVI, MKV
                                                    </small>
                                                    <small class="form-text text-muted">
                                                        <i class="fa fa-info-circle"></i> Current upload limit: {{ ini_get('upload_max_filesize') }} 
                                                        @if((int)ini_get('upload_max_filesize') < 50)
                                                            <span class="text-warning">(Recommended: 50MB or higher for videos)</span>
                                                        @endif
                                                    </small>
                                                    
                                                    @if((int)ini_get('upload_max_filesize') < 10)
                                                    <div class="alert alert-warning mt-2" style="font-size: 12px;">
                                                        <strong><i class="fa fa-exclamation-triangle"></i> Administrator Notice:</strong><br>
                                                        Video upload limit is very low ({{ ini_get('upload_max_filesize') }}). To increase limits, update your PHP configuration:<br>
                                                        <code>upload_max_filesize = 50M</code><br>
                                                        <code>post_max_size = 60M</code><br>
                                                        <code>max_execution_time = 300</code><br>
                                                        Then restart your web server.
                                                    </div>
                                                    @endif
                                                    
                                                    <input class="form-control" type="hidden" name="video_old" value="{{!empty($value['video']) ? $value['video'] : ''}}">
                                                    <input class="form-control" type="hidden" name="remove_video" id="removeVideoField" value="0">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <!-- Keep type="button" as per your requirement -->
                                            <button class="btn btn-primary submitBtn" type="button">
                                                <i class="fa fa-fw fa-lg fa-check-circle"></i> Submit
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End Stripe Settings -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</main>


@stop

@section('custom-js')
<script>
function removeVideo() {
    // Set the hidden field to indicate video should be removed
    document.getElementById('removeVideoField').value = '1';
    
    // Hide the video preview section
    document.getElementById('videoPreviewSection').style.display = 'none';
    
    // Clear the file input
    document.getElementById('video').value = '';
    
    // Update the file input label
    document.querySelector('label[for="video"]').textContent = 'Choose video';
    
    // Show confirmation message
    alert('Video will be removed when you submit the form.');
}

// Convert PHP file size to bytes
function parseSize(size) {
    const units = { K: 1024, M: 1024 * 1024, G: 1024 * 1024 * 1024 };
    const match = size.match(/^(\d+(?:\.\d+)?)\s*([KMG])?$/i);
    if (!match) return 0;
    return parseFloat(match[1]) * (units[match[2]?.toUpperCase()] || 1);
}

// Reset remove video field when a new file is selected
document.addEventListener('DOMContentLoaded', function() {
    const videoInput = document.getElementById('video');
    if (videoInput) {
        videoInput.addEventListener('change', function() {
            if (this.files && this.files.length > 0) {
                const file = this.files[0];
                const maxSize = parseSize('{{ ini_get("upload_max_filesize") }}');
                
                // Check file size before upload
                if (file.size > maxSize) {
                    const maxSizeMB = Math.round(maxSize / (1024 * 1024));
                    const fileSizeMB = Math.round(file.size / (1024 * 1024));
                    alert(`File is too large (${fileSizeMB}MB). Maximum allowed size is ${maxSizeMB}MB.\n\nPlease compress your video or ask your administrator to increase the upload limit.`);
                    this.value = ''; // Clear the input
                    return;
                }
                
                // Check file type
                const allowedTypes = ['video/mp4', 'video/mpeg', 'video/quicktime', 'video/x-msvideo', 'video/x-ms-wmv'];
                if (!allowedTypes.includes(file.type)) {
                    alert('Invalid file type. Please select a video file (MP4, MOV, AVI, or WMV).');
                    this.value = ''; // Clear the input
                    return;
                }
                
                // Reset remove video flag when new file is selected
                document.getElementById('removeVideoField').value = '0';
                
                // Show video preview section if it was hidden
                const previewSection = document.getElementById('videoPreviewSection');
                if (previewSection) {
                    previewSection.style.display = 'block';
                }
            }
        });
    }
});
</script>
<script src="{{dynamicCacheVersion('assets/js/texteditor.js')}}"></script>
@stop