<div class="modal-body">
    <div class="row py-4">
        <div class="col-md-12">
            <div class="info text-sm">
                <strong>{{ __('Branch') }} : </strong>
                <span>{{ !empty($appraisal->branches) ? $appraisal->branches->name : '' }}</span>
            </div>
        </div>
        <div class="col-md-6 mt-3">
            <div class="info text-sm font-style">
                <strong>{{ __('Employee') }} : </strong>
                <span>{{ !empty($appraisal->employees) ? $appraisal->employees->name : '' }}</span>
            </div>
        </div>
        <div class="col-md-6 mt-3">
            <div class="info text-sm font-style">
                <strong>{{ __('Appraisal Date') }} : </strong>
                <span>{{ $appraisal->appraisal_date }}</span>
            </div>
        </div>
    </div>
    <div class="row">


        <div class="col-5  text-end" style="margin-left: 51px;">
            <h5>{{__('Indicator')}}</h5>
        </div>
        <div class="col-4  text-end">
            <h5>{{__('Appraisal')}}</h5>
        </div>
        @foreach ($performance_types as $performance_type)
            <div class="col-md-12 mt-3">
                <h6>{{ $performance_type->name }}</h6>
                <hr class="mt-0">
            </div>

            @foreach ($performance_type->types as $types)
                <div class="col-4">
                    {{ $types->name }}
                </div>
                <div class="col-4">
                    <fieldset id='demo' class="rating">
                        <input class="stars" type="radio" id="technical-5*-{{ $types->id }}"
                               name="ratings[{{ $types->id }}]" value="5"
                               {{ isset($ratings[$types->id]) && $ratings[$types->id] == 5 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-5*-{{ $types->id }}"
                               title="Awesome - 5 stars"></label>
                        <input class="stars" type="radio" id="technical-4*-{{ $types->id }}"
                               name="ratings[{{ $types->id }}]" value="4"
                               {{ isset($ratings[$types->id]) && $ratings[$types->id] == 4 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-4*-{{ $types->id }}"
                               title="Pretty good - 4 stars"></label>
                        <input class="stars" type="radio" id="technical-3*-{{ $types->id }}"
                               name="ratings[{{ $types->id }}]" value="3"
                               {{ isset($ratings[$types->id]) && $ratings[$types->id] == 3 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-3*-{{ $types->id }}"
                               title="Meh - 3 stars"></label>
                        <input class="stars" type="radio" id="technical-2*-{{ $types->id }}"
                               name="ratings[{{ $types->id }}]" value="2"
                               {{ isset($ratings[$types->id]) && $ratings[$types->id] == 2 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-2*-{{ $types->id }}"
                               title="Kinda bad - 2 stars"></label>
                        <input class="stars" type="radio" id="technical-1*-{{ $types->id }}"
                               name="ratings[{{ $types->id }}]" value="1"
                               {{ isset($ratings[$types->id]) && $ratings[$types->id] == 1 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-1*-{{ $types->id }}"
                               title="Sucks big time - 1 star"></label>
                    </fieldset>
                </div>
                <div class="col-4">
                    <fieldset id='demo1' class="rating">
                        <input class="stars" type="radio" id="technical-5-{{ $types->id }}"
                               name="rating[{{ $types->id }}]" value="5"
                               {{ isset($rating[$types->id]) && $rating[$types->id] == 5 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-5-{{ $types->id }}"
                               title="Awesome - 5 stars"></label>
                        <input class="stars" type="radio" id="technical-4-{{ $types->id }}"
                               name="rating[{{ $types->id }}]" value="4"
                               {{ isset($rating[$types->id]) && $rating[$types->id] == 4 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-4-{{ $types->id }}"
                               title="Pretty good - 4 stars"></label>
                        <input class="stars" type="radio" id="technical-3-{{ $types->id }}"
                               name="rating[{{ $types->id }}]" value="3"
                               {{ isset($rating[$types->id]) && $rating[$types->id] == 3 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-3-{{ $types->id }}"
                               title="Meh - 3 stars"></label>
                        <input class="stars" type="radio" id="technical-2-{{ $types->id }}"
                               name="rating[{{ $types->id }}]" value="2"
                               {{ isset($rating[$types->id]) && $rating[$types->id] == 2 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-2-{{ $types->id }}"
                               title="Kinda bad - 2 stars"></label>
                        <input class="stars" type="radio" id="technical-1-{{ $types->id }}"
                               name="rating[{{ $types->id }}]" value="1"
                               {{ isset($rating[$types->id]) && $rating[$types->id] == 1 ? 'checked' : '' }} disabled>
                        <label class="full" for="technical-1-{{ $types->id }}"
                               title="Sucks big time - 1 star"></label>
                    </fieldset>
                </div>

            @endforeach
        @endforeach
    </div>
    <div class="row">
        <div class="col-md-12">
            <hr>
            <h6>{{ __('Remark') }}</h6>
        </div>
        <div class="col-md-12 mt-3">
            <p class="text-sm">{{ $appraisal->remark }}</p>
        </div>
    </div>

</div>