@if($reqData['assessment_evaluation_type'] == 0)
    <div class="row">
        <div class="col-md-6 mb-4">
            <label for="">Start date for the performance assessment period </label>
            <div class="input-icon">
                <input type="text" name="start_date" class="form-control" id="start_date" value="{{ old('start_date') }}" placeholder="Enter here..." autocomplete="off" required onchange="recalculateMaxScore()">
                <i data-lucide="calendar" class="fa-calendar-days"></i>
            </div>
        </div>
        <div class="col-md-6 mb-4">
            <label for="">Maximum score achievable in this assessment </label>
            <input type="number" name="max_score" id="max_score" class="form-control" placeholder="Enter here..." value="{{ old('max_score') }}" required="" readonly>
        </div>
    </div>
@else
    <div class="row">
        <div class="col-md-3 mb-4">
            <label for="">Start date for the performance assessment period </label>
            <div class="input-icon">
                <input type="text" name="start_date" class="form-control" id="start_date" value="{{ old('start_date') }}" placeholder="Enter here..." autocomplete="off" required onchange="recalculateMaxScore()">
                <i data-lucide="calendar" class="fa-calendar-days"></i>
            </div>
        </div>
        <div class="col-md-3 mb-4">
            <label for="">End date for the performance assessment period</label>
            <div class="input-icon">
                <input type="text" name="end_date" class="form-control" id="end_date" value="{{ old('end_date') }}" placeholder="Enter here..." autocomplete="off" required="" onchange="recalculateMaxScore()">
                <i data-lucide="calendar" class="fa-calendar-days"></i>
            </div>
        </div>
        <div class="col-md-3 mb-4">
            <label for="">Maximum score achievable in this assessment </label>
            <input type="number" name="max_score" id="max_score" class="form-control" placeholder="Enter here..." value="{{ old('max_score') }}" required="" readonly>
        </div>
        <div class="col-md-3 mb-4">
            <label for="">Minimum score required to pass the assessment </label>
            <div class="row">
                <div class="col-lg-7">
                    <div class="input-group">
                        <input type="number" name="percentage" id="percentage" class="form-control border-radius-end-0" value="75" required="" onchange="recalculateMaxScore()" min="0" max="100"> 
                        <span class="input-group-text border-start-0">%</span>
                    </div>
                </div>
                <div class="col-lg-5 mt-3 mt-lg-0"><input type="number" name="min_score" id="min_score" class="form-control" value="0" readonly=""></div>
            </div>
        </div>
    </div>
@endif