@extends('layouts.master')
@section('title') {{ $threshold->exists ? 'Edit Tier' : 'New Tier' }} @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') <a href="{{ route('admin.approval-thresholds.index') }}">Approval Thresholds</a> @endslot
@slot('title') {{ $threshold->exists ? 'Edit Tier' : 'New Tier' }} @endslot
@endcomponent

@if($errors->any())
<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

@php $selected = old('required_approvals', $threshold->required_approvals ?? []); @endphp

<form method="POST" action="{{ $threshold->exists ? route('admin.approval-thresholds.update', $threshold) : route('admin.approval-thresholds.store') }}">
    @csrf
    @if($threshold->exists) @method('PUT') @endif
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header"><h5 class="card-title mb-0">Approval Threshold</h5></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="form-label">Tier Label <span class="text-danger">*</span></label>
                            <input type="text" name="label" class="form-control" value="{{ old('label', $threshold->label) }}" placeholder="e.g. Medium" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Sort Order</label>
                            <input type="number" min="0" name="sort_order" class="form-control" value="{{ old('sort_order', $threshold->sort_order ?? 0) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Value — Min (JMD) <span class="text-danger">*</span></label>
                            <input type="number" step="0.01" min="0" name="min_value" class="form-control" value="{{ old('min_value', $threshold->min_value ?? 0) }}" required>
                            <small class="text-muted">Inclusive lower bound.</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Value — Max (JMD)</label>
                            <input type="number" step="0.01" min="0" name="max_value" class="form-control" value="{{ old('max_value', $threshold->max_value) }}" placeholder="Leave blank for “and above”">
                            <small class="text-muted">Inclusive upper bound. Blank = no ceiling (top tier).</small>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Required Approvers <span class="text-danger">*</span></label>
                            <div class="row">
                                @foreach(\App\Models\ApprovalThreshold::approverRoleOptions() as $role => $roleLabel)
                                <div class="col-md-3 col-6">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="required_approvals[]" value="{{ $role }}" id="role_{{ $role }}" @checked(in_array($role, $selected, true))>
                                        <label class="form-check-label" for="role_{{ $role }}">{{ $roleLabel }}</label>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <small class="text-muted">Approvals are applied in workflow order regardless of selection order.</small>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Notes</label>
                            <textarea name="notes" class="form-control" rows="2" placeholder="Optional guidance for this tier">{{ old('notes', $threshold->notes) }}</textarea>
                        </div>
                        <div class="col-12">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active" @checked(old('is_active', $threshold->is_active ?? true))>
                                <label class="form-check-label" for="is_active">Active</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer d-flex gap-2">
                    <button type="submit" class="btn btn-primary">{{ $threshold->exists ? 'Save Changes' : 'Create Tier' }}</button>
                    <a href="{{ route('admin.approval-thresholds.index') }}" class="btn btn-light">Cancel</a>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection