@extends('layouts.app')

@section('title', 'New Escalation Rule')

@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 Escalation Rule</h3>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('escalations.rules.store') }}">
                @csrf

                <div class="form-group">
                    <label class="font-weight-bold">Rule 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">Module <span class="text-danger">*</span></label>
                            <select name="module" class="form-control" required>
                                @foreach($modules as $m)
                                    <option value="{{ $m->value }}" @selected(old('module') === $m->value)>{{ $m->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="font-weight-bold">Condition <span class="text-danger">*</span></label>
                            <select name="condition_type" class="form-control" required>
                                @foreach($conditions as $c)
                                    <option value="{{ $c->value }}" @selected(old('condition_type') === $c->value)>{{ $c->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="font-weight-bold">Date Field <span class="text-danger">*</span></label>
                            <input type="text" name="date_field" class="form-control" required maxlength="100"
                                   value="{{ old('date_field', 'target_completion_date') }}"
                                   placeholder="e.g. target_completion_date">
                            <small class="text-muted">Which column on the record represents its due date.</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="font-weight-bold">Threshold (Days) <span class="text-danger">*</span></label>
                            <input type="number" name="threshold_days" class="form-control" required min="0" max="365"
                                   value="{{ old('threshold_days', 0) }}">
                            <small class="text-muted">For OVERDUE: days past the due date. For DUE_SOON: days before.</small>
                        </div>
                    </div>
                </div>

                <hr>
                <h6 class="font-weight-bold">Action</h6>

                <div class="form-group">
                    <label class="font-weight-bold">Action Type <span class="text-danger">*</span></label>
                    <select name="action_type" class="form-control" required>
                        @foreach($actions as $a)
                            <option value="{{ $a->value }}" @selected(old('action_type') === $a->value)>{{ $a->label() }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label>Role (for NOTIFY_ROLE)</label>
                    <input type="text" name="action_config[role]" class="form-control"
                           value="{{ old('action_config.role', 'qa_manager') }}"
                           placeholder="e.g. qa_manager">
                </div>

                <div class="form-group">
                    <label>Custom Message</label>
                    <textarea name="action_config[message]" rows="2" class="form-control">{{ old('action_config.message') }}</textarea>
                </div>

                <div class="form-row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Update Field (for UPDATE_FIELD)</label>
                            <input type="text" name="action_config[field]" class="form-control"
                                   value="{{ old('action_config.field') }}"
                                   placeholder="e.g. priority">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>New Value</label>
                            <input type="text" name="action_config[value]" class="form-control"
                                   value="{{ old('action_config.value') }}"
                                   placeholder="e.g. CRITICAL">
                        </div>
                    </div>
                </div>

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