@extends('layouts.admin')

@push('styles')
<style>
/* Select color states */
#tmuxForm select.select-yes { background-color: #d1e7dd !important; border-color: #badbcc !important; color: #0f5132 !important; }
#tmuxForm select.select-no { background-color: #f8d7da !important; border-color: #f5c2c7 !important; color: #842029 !important; }
#tmuxForm select.select-other { background-color: #e2e3e5 !important; border-color: #d3d6d8 !important; color: #41464b !important; }
#tmuxForm select:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); }
</style>
@endpush

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="bg-white rounded-lg shadow-sm">
        <!-- Header -->
        <div class="px-6 py-4 border-b border-gray-200">
            <h1 class="text-2xl font-semibold text-gray-800">
                <i class="fa fa-terminal mr-2"></i>{{ $title }}
            </h1>
        </div>

        <!-- Success Message -->
        @if(session('success'))
            <div class="mx-6 mt-4 p-4 bg-green-50 border border-green-200 rounded-lg">
                <p class="text-green-800">
                    <i class="fa fa-check-circle mr-2"></i>{{ session('success') }}
                </p>
            </div>
        @endif

        <!-- Tmux Settings Form -->
        <form method="post" action="{{ url('admin/tmux-edit') }}" class="p-6" id="tmuxForm">
            @csrf
            <input type="hidden" name="action" value="submit">


            <div class="space-y-8">
                <!-- Tmux - How It Works -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Tmux - How It Works</h2>
                    <div class="bg-blue-50 border border-blue-200 rounded-lg p-4">
                        <p class="text-sm text-gray-700 mb-2">Tmux is a screen multiplexer and at least version 1.6 is required. It is used here to allow multiple windows per session and multiple panes per window.</p>
                        <p class="text-sm text-gray-700 mb-2">Each script is run in its own shell environment. It is not looped, but allowed to run once and then exit. This notifies tmux that the pane is dead and can then be respawned with another iteration of the script in a new shell environment.</p>
                        <p class="text-sm text-gray-700 mb-2">This allows for scripts that crash to be restarted without user intervention.</p>
                        <div class="bg-yellow-50 border border-yellow-300 rounded p-3 mt-3">
                            <p class="text-sm font-medium text-yellow-800"><i class="fa fa-exclamation-triangle mr-2"></i>NOTICE:</p>
                            <p class="text-sm text-yellow-700">If "Save Tmux Settings" is the last thing you did on this page, refreshing will save the current form values again, not reload from database.</p>
                        </div>
                    </div>
                </div>

                <!-- Monitor Settings -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Monitor Settings</h2>
                    <div class="space-y-4">
                        <x-form.group label="Tmux Scripts Running" for="running" help="Shutdown switch. When on, scripts run; when off, all scripts are terminated.">
                            <x-select id="running" name="running" class="w-full">
                                @foreach($yesno_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->running ?? '') == $val ? 'selected' : '' }}>
                                        {{ $yesno_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Monitor Loop Timer" for="monitor_delay" help="Time between query refreshes. Lower = more frequent DB queries.">
                            <div class="flex gap-2">
                                <x-input id="monitor_delay" name="monitor_delay" type="number" value="{{ $site->monitor_delay ?? 300 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>

                        <x-form.group label="Tmux Session Name" for="tmux_session" help="Session name for tmux. No spaces allowed. Can't be changed after scripts start.">
                            <x-input id="tmux_session" name="tmux_session" type="text" value="{{ $site->tmux_session ?? 'nntmux' }}" class="w-full" />
                        </x-form.group>
                    </div>
                </div>

                <!-- Sequential Settings -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Sequential Settings</h2>
                    <div class="space-y-4">
                        <x-form.group label="Run Sequential" for="sequential" help="Sequential runs update_binaries, backfill and update releases sequentially.">
                            <x-select id="sequential" name="sequential" class="w-full">
                                @foreach($sequential_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->sequential ?? '') == $val ? 'selected' : '' }}>
                                        {{ $sequential_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Sequential Sleep Timer" for="seq_timer">
                            <div class="flex gap-2">
                                <x-input id="seq_timer" name="seq_timer" type="number" value="{{ $site->seq_timer ?? 60 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>

                        <div class="bg-yellow-50 border border-yellow-300 rounded p-3">
                            <p class="text-sm text-yellow-700"><i class="fa fa-exclamation-triangle mr-2"></i>Sequential mode is not recommended as it's not tested enough.</p>
                        </div>
                    </div>
                </div>

                <!-- Update Binaries Settings -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Update Binaries Settings</h2>
                    <div class="space-y-4">
                        <x-form.group label="Update Binaries" for="binaries" help="Gets from your last_record to now.">
                            <x-select id="binaries" name="binaries" class="w-full">
                                @foreach($binaries_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->binaries ?? '') == $val ? 'selected' : '' }}>
                                        {{ $binaries_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Update Binaries Sleep Timer" for="bins_timer">
                            <div class="flex gap-2">
                                <x-input id="bins_timer" name="bins_timer" type="number" value="{{ $site->bins_timer ?? 10 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>

                        <x-form.group label="Binaries Kill Timer" for="bins_kill_timer" help="Time allowed to run with no updates.">
                            <div class="flex gap-2">
                                <x-input id="bins_kill_timer" name="bins_kill_timer" type="number" value="{{ $site->bins_kill_timer ?? 30 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">minutes</span>
                            </div>
                        </x-form.group>
                    </div>
                </div>

                <!-- Backfill Settings -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Backfill Settings</h2>
                    <div class="space-y-4">
                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                            <x-form.group label="Backfill Mode" for="backfill">
                                <x-select id="backfill" name="backfill" class="w-full">
                                    @foreach($backfill_ids as $index => $val)
                                        <option value="{{ $val }}" {{ ($site->backfill ?? '') == $val ? 'selected' : '' }}>
                                            {{ $backfill_names[$index] }}
                                        </option>
                                    @endforeach
                                </x-select>
                            </x-form.group>

                            <x-form.group label="Backfill Order" for="backfill_order">
                                <x-select id="backfill_order" name="backfill_order" class="w-full">
                                    @foreach($backfill_group_ids as $index => $val)
                                        <option value="{{ $val }}" {{ ($site->backfill_order ?? '') == $val ? 'selected' : '' }}>
                                            {{ $backfill_group[$index] }}
                                        </option>
                                    @endforeach
                                </x-select>
                            </x-form.group>

                            <x-form.group label="Backfill Days" for="backfill_days">
                                <x-select id="backfill_days" name="backfill_days" class="w-full">
                                    @foreach($backfill_days_ids as $index => $val)
                                        <option value="{{ $val }}" {{ ($site->backfill_days ?? '') == $val ? 'selected' : '' }}>
                                            {{ $backfill_days[$index] }}
                                        </option>
                                    @endforeach
                                </x-select>
                            </x-form.group>
                        </div>

                        <x-form.group label="Backfill Quantity" for="backfill_qty" help="Number of headers per group per thread to download.">
                            <x-input id="backfill_qty" name="backfill_qty" type="number" value="{{ $site->backfill_qty ?? 20000 }}" class="w-full" />
                        </x-form.group>

                        <x-form.group label="Backfill Groups" for="backfill_groups" help="Number of groups to backfill per loop.">
                            <x-input id="backfill_groups" name="backfill_groups" type="number" value="{{ $site->backfill_groups ?? 1 }}" class="w-full" />
                        </x-form.group>

                        <x-form.group label="Backfill Sleep Timer" for="back_timer">
                            <div class="flex gap-2">
                                <x-input id="back_timer" name="back_timer" type="number" value="{{ $site->back_timer ?? 300 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>

                        <x-form.group label="Variable Sleep Timer" for="progressive" help="Vary backfill sleep depending on collection count.">
                            <x-select id="progressive" name="progressive" class="w-full">
                                @foreach($yesno_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->progressive ?? '') == $val ? 'selected' : '' }}>
                                        {{ $yesno_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>
                    </div>
                </div>

                <!-- Update Releases Settings -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Update Releases Settings</h2>
                    <div class="space-y-4">
                        <x-form.group label="Update Releases" for="releases" help="Create releases. Only turn off when you only want to post process.">
                            <x-select id="releases" name="releases" class="w-full">
                                @foreach($releases_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->releases ?? '') == $val ? 'selected' : '' }}>
                                        {{ $releases_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Update Releases Sleep Timer" for="rel_timer">
                            <div class="flex gap-2">
                                <x-input id="rel_timer" name="rel_timer" type="number" value="{{ $site->rel_timer ?? 15 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>
                    </div>
                </div>

                <!-- Postprocessing Settings -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Postprocessing Settings</h2>
                    <div class="space-y-4">
                        <x-form.group label="Postprocess Additional" for="post" help="Deep rar inspection, preview/sample creation, NFO processing.">
                            <x-select id="post" name="post" class="w-full">
                                @foreach($post_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->post ?? '') == $val ? 'selected' : '' }}>
                                        {{ $post_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Postprocess Additional Sleep Timer" for="post_timer">
                            <div class="flex gap-2">
                                <x-input id="post_timer" name="post_timer" type="number" value="{{ $site->post_timer ?? 300 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>

                        <x-form.group label="Postprocess Kill Timer" for="post_kill_timer" help="Time allowed with no screen updates.">
                            <div class="flex gap-2">
                                <x-input id="post_kill_timer" name="post_kill_timer" type="number" value="{{ $site->post_kill_timer ?? 300 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>

                        <x-form.group label="Postprocess Amazon" for="post_amazon" help="Books, music and games lookups.">
                            <x-select id="post_amazon" name="post_amazon" class="w-full">
                                @foreach($yesno_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->post_amazon ?? '') == $val ? 'selected' : '' }}>
                                        {{ $yesno_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Postprocess Amazon Sleep Timer" for="post_timer_amazon">
                            <div class="flex gap-2">
                                <x-input id="post_timer_amazon" name="post_timer_amazon" type="number" value="{{ $site->post_timer_amazon ?? 300 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>

                        <x-form.group label="Postprocess Non-Amazon" for="post_non" help="Movies, anime and TV lookups.">
                            <x-select id="post_non" name="post_non" class="w-full">
                                @foreach($yesno_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->post_non ?? '') == $val ? 'selected' : '' }}>
                                        {{ $yesno_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Postprocess Non-Amazon Sleep Timer" for="post_timer_non">
                            <div class="flex gap-2">
                                <x-input id="post_timer_non" name="post_timer_non" type="number" value="{{ $site->post_timer_non ?? 300 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>
                    </div>
                </div>

                <!-- Fix Release Names -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Fix Release Names</h2>
                    <div class="space-y-4">
                        <x-form.group label="Fix Release Names" for="fix_names" help="Fix release names using NFOs, par2 files, filenames, md5 and sha1.">
                            <x-select id="fix_names" name="fix_names" class="w-full">
                                @foreach($yesno_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->fix_names ?? '') == $val ? 'selected' : '' }}>
                                        {{ $yesno_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Fix Release Names Sleep Timer" for="fix_timer">
                            <div class="flex gap-2">
                                <x-input id="fix_timer" name="fix_timer" type="number" value="{{ $site->fix_timer ?? 60 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>
                    </div>
                </div>

                <!-- Remove Crap Releases -->
                <div class="border-b border-gray-200 pb-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-4">Remove Crap Releases</h2>
                    <div class="space-y-4">
                        <x-form.group label="Remove Crap Releases" for="fix_crap_opt" help="Remove passworded and other junk releases.">
                            <x-select id="fix_crap_opt" name="fix_crap_opt" class="w-full">
                                @foreach($yesno_ids as $index => $val)
                                    <option value="{{ $val }}" {{ ($site->fix_crap_opt ?? '') == $val ? 'selected' : '' }}>
                                        {{ $yesno_names[$index] }}
                                    </option>
                                @endforeach
                            </x-select>
                        </x-form.group>

                        <x-form.group label="Remove Crap Sleep Timer" for="crap_timer">
                            <div class="flex gap-2">
                                <x-input id="crap_timer" name="crap_timer" type="number" value="{{ $site->crap_timer ?? 300 }}" class="flex-1" />
                                <span class="px-3 py-2 bg-gray-100 border border-gray-300 rounded-md text-sm">seconds</span>
                            </div>
                        </x-form.group>
                    </div>
                </div>

                <!-- Submit Button -->
                <div class="flex justify-end">
                    <x-button type="submit" class="px-6 py-2">
                        <i class="fa fa-save mr-2"></i>Save Tmux Settings
                    </x-button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection