@extends('layouts.app')

@section('css')
	<link href="{{URL::asset('plugins/awselect/awselect.min.css')}}" rel="stylesheet" />
@endsection

@section('page-header')
	<div class="page-header mt-5-7">
		<div class="page-leftheader">
			<h4 class="page-title mb-0">{{ __('STT Configuration') }}</h4>
			<ol class="breadcrumb mb-2">
				<li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"><i class="fa fa-magic mr-2 fs-12"></i>{{ __('Admin') }}</a></li>
				<li class="breadcrumb-item" aria-current="page"><a href="{{ route('admin.stt.dashboard') }}">{{ __('STT Management') }}</a></li>
				<li class="breadcrumb-item active" aria-current="page"><a href="#">{{ __('STT Configuration') }}</a></li>
			</ol>
		</div>
	</div>
@endsection

@section('content')
<div class="row">
	<div class="col-lg-8 col-md-12 col-sm-12">
		<div class="card border-0 overflow-hidden">
			<div class="card-header">
				<h3 class="card-title">{{ __('Setup Local Runtime Configuration') }}</h3>
			</div>
			<div class="card-body">
				<form action="{{ route('admin.stt.configs.store') }}" method="POST">
					@csrf

					<div class="alert alert-info">
						<strong>Mode aktif:</strong> {{ strtoupper($runtime['mode'] ?? 'local') }} / {{ $runtime['engine'] ?? 'whisper.cpp' }}<br>
						Cloud AWS/GCP, payment, activation, dan upgrade sudah dinonaktifkan. Runtime lokal sekarang mendukung path lintas OS dan fallback ke PATH server bila binary diinstall global.
					</div>

					<div class="row">
						<div class="col-lg-6">
							<div class="input-box">
								<h6>{{ __('Default Language') }} <span class="text-muted">({{ __('Record & File Transcribe') }})</span></h6>
								<select id="set-language-file" name="set-language-file" data-placeholder="Select default language">
									@foreach ($languages_file as $language)
										<option value="{{ $language->id }}" data-img="{{ URL::asset($language->language_flag) }}" @if ((string) config('stt.language.file') === (string) $language->id) selected @endif>{{ $language->language }}</option>
									@endforeach
								</select>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="input-box">
								<h6>{{ __('Default Language') }} <span class="text-muted">({{ __('Live / Placeholder') }})</span></h6>
								<select id="set-language-live" name="set-language-live" data-placeholder="Select default language">
									@foreach ($languages_live as $language)
										<option value="{{ $language->id }}" data-img="{{ URL::asset($language->language_flag) }}" @if ((string) config('stt.language.live') === (string) $language->id) selected @endif>{{ $language->language }}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-lg-6"><div class="input-box"><h6>{{ __('Maximum Audio File Size (MB)') }}</h6><input type="text" class="form-control" name="set-max-size" value="{{ config('stt.max_size_limit') }}" required></div></div>
						<div class="col-lg-6"><div class="input-box"><h6>{{ __('Allowed File Formats') }}</h6><input type="text" class="form-control" name="set-file-format" value="{{ config('stt.file_format') }}" required></div></div>
						<div class="col-lg-6"><div class="input-box"><h6>{{ __('Max File Minutes (User)') }}</h6><input type="text" class="form-control" name="set-max-length-file-none" value="{{ config('stt.max_length_limit_file_none') }}" required></div></div>
						<div class="col-lg-6"><div class="input-box"><h6>{{ __('Max File Minutes (Admin/Subscriber)') }}</h6><input type="text" class="form-control" name="set-max-length-file" value="{{ config('stt.max_length_limit_file') }}" required></div></div>
						<div class="col-lg-6"><div class="input-box"><h6>{{ __('Max Live Minutes (User)') }}</h6><input type="text" class="form-control" name="set-max-length-live-none" value="{{ config('stt.max_length_limit_live_none') }}" required></div></div>
						<div class="col-lg-6"><div class="input-box"><h6>{{ __('Max Live Minutes (Admin/Subscriber)') }}</h6><input type="text" class="form-control" name="set-max-length-live" value="{{ config('stt.max_length_limit_live') }}" required></div></div>
						<div class="col-lg-6"><div class="input-box"><h6>{{ __('Free Welcome Minutes') }}</h6><input type="text" class="form-control" name="free-minutes" value="{{ config('stt.free_minutes') }}" required></div></div>
						<div class="col-lg-6">
							<div class="input-box">
								<h6>{{ __('Show Vendor Logos') }}</h6>
								<select id="vendor-logo" name="vendor-logo" data-placeholder="Show or hide logos">
									<option value="hide" @if (config('stt.vendor_logos') === 'hide') selected @endif>Hide</option>
									<option value="show" @if (config('stt.vendor_logos') === 'show') selected @endif>Show</option>
								</select>
							</div>
						</div>
					</div>

					<div class="card border-0 special-shadow mt-5">
						<div class="card-body">
							<h6 class="fs-12 font-weight-bold mb-4"><i class="fa fa-cogs mr-2"></i>Local Runtime Paths</h6>
							<div class="row">
								<div class="col-lg-6"><div class="input-box"><h6>FFmpeg Path</h6><input type="text" class="form-control" name="local-ffmpeg-path" value="{{ $runtime['ffmpeg_path'] ?? '' }}"></div></div>
								<div class="col-lg-6"><div class="input-box"><h6>FFprobe Path</h6><input type="text" class="form-control" name="local-ffprobe-path" value="{{ $runtime['ffprobe_path'] ?? '' }}"></div></div>
								<div class="col-lg-6"><div class="input-box"><h6>whisper-cli Path</h6><input type="text" class="form-control" name="local-whisper-path" value="{{ $runtime['whisper_path'] ?? '' }}"></div></div>
								<div class="col-lg-6"><div class="input-box"><h6>Whisper Model Path</h6><input type="text" class="form-control" name="local-model-path" value="{{ $runtime['model_path'] ?? '' }}"></div></div>
								<div class="col-lg-12"><div class="input-box"><h6>Tesseract Path (Opsional)</h6><input type="text" class="form-control" name="local-tesseract-path" value="{{ $runtime['tesseract_path'] ?? '' }}"></div></div>
							</div>
							<div class="form-group mt-3">
								<label class="custom-switch">
									<input type="checkbox" name="enable-local-live" class="custom-switch-input" @if (!empty($runtime['supports_live_streaming'])) checked @endif>
									<span class="custom-switch-indicator"></span>
									<span class="custom-switch-description">Enable local live streaming (belum direkomendasikan pada tahap ini)</span>
								</label>
							</div>
						</div>
					</div>

					<div class="mt-5 text-right">
						<button type="submit" class="btn btn-primary">{{ __('Save Local Runtime Settings') }}</button>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div class="col-lg-4 col-md-12 col-sm-12">
		<div class="card border-0 overflow-hidden">
			<div class="card-header">
				<h3 class="card-title">{{ __('Runtime Checklist') }}</h3>
			</div>
			<div class="card-body">
				<p class="mb-3">Tempatkan binary final di luar folder <code>public</code>. Struktur yang direkomendasikan:</p>
				<pre class="bg-light p-3 small mb-0">@if (strtoupper(substr(PHP_OS_FAMILY, 0, 3)) === 'WIN')
runtime/ffmpeg/bin/ffmpeg.exe
runtime/ffmpeg/bin/ffprobe.exe
runtime/whispercpp/whisper-cli.exe atau runtime/whispercpp/build/bin/Release/whisper-cli.exe
storage/app/private/models/whisper/ggml-*.bin
runtime/tesseract/tesseract.exe (opsional)
@else
runtime/ffmpeg/bin/ffmpeg atau ffmpeg di PATH server
runtime/ffmpeg/bin/ffprobe atau ffprobe di PATH server
runtime/whispercpp/whisper-cli atau whisper-cli di PATH server
storage/app/private/models/whisper/ggml-*.bin
runtime/tesseract/tesseract atau tesseract di PATH server (opsional)
@endif</pre>
			</div>
		</div>
	</div>
</div>
@endsection

@section('js')
	<script src="{{URL::asset('plugins/awselect/awselect-custom.js')}}"></script>
@endsection