@extends('backend.settings.competency-ratings.layout')

@section('title','Competency Ratings Setting')

@section('competency-ratings-content')
    <form role="form" id="competencyRatingForm{{ $competencyRating->id }}" method="POST"
          action="{{ $competencyRating->exists ? route('app.settings.competency-ratings.update',$competencyRating->id) : route('app.settings.competency-ratings.store') }}">
        @csrf
        @if ($competencyRating->exists)
            @method('PUT')
        @endif
        <x-forms.textbox label="Name"
                         name="name"
                         value="{{ old('name', $competencyRating->name) }}">
        </x-forms.textbox>

        <x-forms.textbox label="Rating"
                         name="rating"
                         value="{{ old('rating', $competencyRating->rating) }}">
        </x-forms.textbox>

        <x-forms.select label="Background Color"
                        name="background_color">
            <option value=""></option>
            @foreach(json_decode(setting('preset_colors'), true) ?? [] as $color)
                <option value="{{ $color['color'] }}" {{ old('background_color', $competencyRating->background_color) == $color['color'] ? 'selected' : '' }}>{{ $color['name'] }}</option>
            @endforeach
        </x-forms.select>

        <div class="form-group">
            <label class="form-label" for="note">Comments/Notes</label>
            <textarea id="note" name="note" class="form-control @error('note') is-invalid @enderror">{{ old('note', $competencyRating->note) }}</textarea>

            @error('note')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>

        <x-forms.select label="Status"
                        name="status">
            @foreach(\App\Models\CompetencyRating::getConstants('STATUS_') as $status)
                <option value="{{ $status }}" {{ old('status', $competencyRating->status) == $status ? 'selected' : '' }}>{{ $status }}</option>
            @endforeach
        </x-forms.select>

        <div class="form-group mt-3">

            <button type="submit" class="btn-shadow btn btn-primary">
                @if($competencyRating->exists)
                    <i class="fas fa-arrow-circle-up"></i>
                    <span>Update</span>
                @else
                    <i class="fas fa-plus-circle"></i>
                    <span>Create Rating</span>
                @endisset
            </button>

            <a class="btn-shadow btn btn-danger" href="{{ route('app.settings.competency-ratings.all') }}">
                <span>Cancel</span>
            </a>
        </div>
    </form>
@endsection