@extends('layouts.app')

@section('title', 'New Risk Assessment Template')

@section('content')
<div class="container-fluid">
    <div class="card shadow">
        <div class="card-header bg-primary text-white">
            <h3 class="mb-0"><i class="fas fa-plus mr-2"></i> New Template</h3>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('risk-templates.store') }}">
                @csrf

                <div class="form-group">
                    <label class="font-weight-bold">Name <span class="text-danger">*</span></label>
                    <input type="text" name="name" class="form-control" required maxlength="255" value="{{ old('name') }}">
                </div>

                <div class="form-group">
                    <label>Description</label>
                    <textarea name="description" rows="2" class="form-control">{{ old('description') }}</textarea>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="font-weight-bold">Type <span class="text-danger">*</span></label>
                            <select name="template_type" class="form-control" required>
                                @foreach($types as $t)
                                    <option value="{{ $t->value }}" @selected(old('template_type') === $t->value)>{{ $t->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="font-weight-bold">Scope <span class="text-danger">*</span></label>
                            <select name="scope" class="form-control" required>
                                @foreach($scopes as $s)
                                    <option value="{{ $s->value }}" @selected(old('scope') === $s->value)>{{ $s->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <h6 class="mt-4">FMEA Scoring</h6>
                <p class="text-muted small">Select which dimensions this template uses.</p>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-check">
                            <input type="checkbox" name="requires_severity" value="1" class="form-check-input" id="reqSev" @checked(old('requires_severity', true))>
                            <label class="form-check-label" for="reqSev">Severity</label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check">
                            <input type="checkbox" name="requires_occurrence" value="1" class="form-check-input" id="reqOcc" @checked(old('requires_occurrence', true))>
                            <label class="form-check-label" for="reqOcc">Occurrence</label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check">
                            <input type="checkbox" name="requires_detection" value="1" class="form-check-input" id="reqDet" @checked(old('requires_detection', true))>
                            <label class="form-check-label" for="reqDet">Detectability</label>
                        </div>
                    </div>
                </div>

                <h6 class="mt-4">Risk Thresholds</h6>
                <p class="text-muted small">RPN ranges mapped to risk levels. Leave blank to use defaults.</p>

                <div class="table-responsive">
                    <table class="table table-sm table-bordered">
                        <thead class="thead-light">
                            <tr>
                                <th width="100">Min RPN</th>
                                <th width="100">Max RPN</th>
                                <th>Level</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach([
                                ['min'=>1,   'max'=>50,   'level'=>'LOW',      'action'=>'Acceptable'],
                                ['min'=>51,  'max'=>100,  'level'=>'MEDIUM',   'action'=>'Monitor'],
                                ['min'=>101, 'max'=>200,  'level'=>'HIGH',     'action'=>'Mitigation required'],
                                ['min'=>201, 'max'=>1000, 'level'=>'CRITICAL', 'action'=>'Immediate action'],
                            ] as $i => $band)
                                <tr>
                                    <td><input type="number" name="threshold_config[{{ $i }}][min]" class="form-control form-control-sm" value="{{ $band['min'] }}"></td>
                                    <td><input type="number" name="threshold_config[{{ $i }}][max]" class="form-control form-control-sm" value="{{ $band['max'] }}"></td>
                                    <td>
                                        <select name="threshold_config[{{ $i }}][level]" class="form-control form-control-sm">
                                            @foreach(['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as $lvl)
                                                <option value="{{ $lvl }}" @selected($band['level'] === $lvl)>{{ $lvl }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td><input type="text" name="threshold_config[{{ $i }}][action]" class="form-control form-control-sm" value="{{ $band['action'] }}"></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <h6 class="mt-4">Custom Fields (optional)</h6>
                <p class="text-muted small">Additional context fields beyond the FMEA scores. Save the template first to add fields, or use the edit page after saving.</p>

                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save mr-1"></i> Create Template
                </button>
                <a href="{{ route('risk-templates.index') }}" class="btn btn-secondary">Cancel</a>
            </form>
        </div>
    </div>
</div>
@endsection