@extends('layouts.app')

@section('styles')
<style>
.nav-tabs-sm .nav-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
.nav-tabs-sm .badge-sm {
    font-size: 0.65rem;
    padding: 0.15rem 0.35rem;
}
</style>
@endsection

@section('content')
    <div class="page">
        <div class="page-inner">
            <header class="page-title-bar">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{ route('tests.index') }}"><i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Tests') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('tests.algorithms', $test->id) }}">{{ $test->trans('name') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Edit Algorithm') }}</li>
                    </ol>
                </nav>
                <h1 class="page-title">{{ __('Edit Algorithm') }}: {{ $algorithm->name }}</h1>
            </header>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            <div class="page-section">
                <div class="row">
                    <div class="col-md-6">
                        <section class="card card-fluid">
                            <header class="card-header">{{ __('Algorithm Details') }}</header>
                            <div class="card-body">
                                <form method="POST" action="{{ route('tests.algorithms.update', [$test->id, $algorithm->id]) }}">
                                    @csrf
                                    @method('PUT')

                                    <div class="form-group">
                                        <label>{{ __('Algorithm Name') }} <span class="text-danger">*</span></label>
                                        @include('components.translatable-input', [
                                            'name' => 'name',
                                            'type' => 'text',
                                            'model' => $algorithm,
                                            'modelType' => 'algorithm',
                                            'modelId' => $algorithm->id,
                                            'required' => true
                                        ])
                                    </div>

                                    <div class="form-group">
                                        <label>{{ __('Feedback Text') }}</label>
                                        @include('components.translatable-input', [
                                            'name' => 'text',
                                            'type' => 'textarea',
                                            'model' => $algorithm,
                                            'modelType' => 'algorithm',
                                            'modelId' => $algorithm->id,
                                            'rows' => 4
                                        ])
                                    </div>

                                    <div class="form-group">
                                        <label for="pointcategory_id">{{ __('Related Category') }}</label>
                                        <select name="pointcategory_id" id="pointcategory_id" class="form-control">
                                            <option value="">{{ __('None') }}</option>
                                            @foreach($categories as $category)
                                                <option value="{{ $category->id }}" {{ $algorithm->pointcategory_id == $category->id ? 'selected' : '' }}>
                                                    {{ $category->trans('name') }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" name="is_summary" id="is_summary" class="custom-control-input" 
                                                value="1" {{ $algorithm->is_summary ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="is_summary">{{ __('Is summary feedback') }}</label>
                                        </div>
                                    </div>

                                    <button type="submit" class="btn btn-primary">{{ __('Save Algorithm') }}</button>
                                </form>
                            </div>
                        </section>
                    </div>

                    <div class="col-md-6">
                        <section class="card card-fluid">
                            <header class="card-header">{{ __('Conditions') }}</header>
                            <div class="card-body">
                                <p class="text-muted small">{{ __('All conditions must be true for the feedback to be shown.') }}</p>

                                @if($conditions->count() > 0)
                                    <table class="table table-sm">
                                        <thead>
                                            <tr>
                                                <th>{{ __('Type') }}</th>
                                                <th>{{ __('Details') }}</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($conditions as $condition)
                                                <tr>
                                                    <td>{{ $condition->type_num }}</td>
                                                    <td>{{ $condition->getDescription() }}</td>
                                                    <td>
                                                        <form method="POST" action="{{ route('tests.conditions.destroy', [$test->id, $algorithm->id, $condition->id]) }}" 
                                                            style="display:inline" onsubmit="return confirm('{{ __('Are you sure?') }}')">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-sm btn-outline-danger"><i class="fa fa-trash"></i></button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                @else
                                    <p class="text-muted">{{ __('No conditions yet. Without conditions, this feedback will always be shown.') }}</p>
                                @endif

                                <hr>
                                <h6>{{ __('Add Condition') }}</h6>
                                <form method="POST" action="{{ route('tests.conditions.store', [$test->id, $algorithm->id]) }}">
                                    @csrf
                                    <div class="form-group">
                                        <label>{{ __('Condition Type') }}</label>
                                        <select name="type_num" id="type_num" class="form-control" onchange="updateConditionFields()">
                                            <option value="14">{{ __('Category in range (>= min, < max)') }}</option>
                                            <option value="15">{{ __('Category >= value (no upper limit)') }}</option>
                                            <option value="6">{{ __('Category between min and max (inclusive)') }}</option>
                                            <option value="4">{{ __('Category > value') }}</option>
                                            <option value="5">{{ __('Category < value') }}</option>
                                            <option value="0">{{ __('Category 1 >= Category 2') }}</option>
                                            <option value="1">{{ __('Category 1 < Category 2') }}</option>
                                            <option value="7">{{ __('Category 1 == Category 2') }}</option>
                                        </select>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{ __('Category 1') }}</label>
                                                <select name="cat1_id" class="form-control">
                                                    <option value="">{{ __('Select') }}</option>
                                                    @foreach($categories as $category)
                                                        <option value="{{ $category->id }}">{{ $category->trans('name') }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6" id="cat2_group">
                                            <div class="form-group">
                                                <label>{{ __('Category 2') }}</label>
                                                <select name="cat2_id" class="form-control">
                                                    <option value="">{{ __('Select') }}</option>
                                                    @foreach($categories as $category)
                                                        <option value="{{ $category->id }}">{{ $category->trans('name') }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row" id="value_group" style="display: none;">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="min_val">{{ __('Min Value') }}</label>
                                                <input type="number" step="0.1" name="min_val" id="min_val" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="max_val">{{ __('Max Value') }}</label>
                                                <input type="number" step="0.1" name="max_val" id="max_val" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary btn-sm">{{ __('Add Condition') }}</button>
                                </form>
                            </div>
                        </section>
                    </div>
                </div>

                <div class="mt-3">
                    <a href="{{ route('tests.algorithms', $test->id) }}" class="btn btn-secondary">{{ __('Back to Algorithms') }}</a>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script src="{{ asset('js/translations.js') }}"></script>
<script>
function updateConditionFields() {
    var type = document.getElementById('type_num').value;
    var needsCat2 = ['0', '1', '7'].includes(type);
    var needsValues = ['4', '5', '6', '14', '15'].includes(type);
    var needsMaxOnly = ['5'].includes(type);
    var needsMinOnly = ['4', '15'].includes(type);
    
    document.getElementById('cat2_group').style.display = needsCat2 ? 'block' : 'none';
    document.getElementById('value_group').style.display = needsValues ? 'flex' : 'none';
    
    // Update labels
    var minLabel = document.querySelector('label[for="min_val"]');
    var maxLabel = document.querySelector('label[for="max_val"]');
    var minInput = document.getElementById('min_val');
    var maxInput = document.getElementById('max_val');
    
    if (minLabel) {
        if (type === '14') {
            minLabel.textContent = '{{ __("Min Value (>=)") }}';
        } else if (type === '15') {
            minLabel.textContent = '{{ __("Value (>=)") }}';
        } else {
            minLabel.textContent = '{{ __("Min Value") }}';
        }
    }
    
    if (maxLabel) {
        if (type === '14') {
            maxLabel.textContent = '{{ __("Max Value (<)") }}';
        } else {
            maxLabel.textContent = '{{ __("Max Value") }}';
        }
    }
    
    // Show/hide min/max based on type
    if (minInput && minInput.parentElement) {
        minInput.parentElement.parentElement.style.display = needsMaxOnly ? 'none' : 'block';
    }
    if (maxInput && maxInput.parentElement) {
        maxInput.parentElement.parentElement.style.display = needsMinOnly ? 'none' : 'block';
    }
}
document.addEventListener('DOMContentLoaded', updateConditionFields);
</script>
@endpush