@include('layouts.header')

<div class="container-fluid">     
       <div class="card-body">
            <div class="section-title">Calculate Attrition Rate</div>
                Formula: <code>(Number of Attrition / ((Op. Balance + Cl. Balance) / 2)) * 100</code>
            </div>

            {{-- Form --}}
            <form action="{{ url('/calculate_attrition') }}" method="post">
                @csrf

                <div class="form-group">
                    <label for="attrition" class="form-label">Number of Attritions</label>
                    <input type="number" class="form-control" id="attrition" name="attrition" value="{{ old('attrition') }}" required>
                </div>

                <div class="form-group">
                    <label for="opBalance" class="form-label">Opening Balance (Op Balance)</label>
                    <input type="number" class="form-control" id="opBalance" name="opBalance" value="{{ old('opBalance') }}" required>
                </div>

                <div class="form-group">
                    <label for="clBalance" class="form-label">Closing Balance (Cl Balance)</label>
                    <input type="number" class="form-control" id="clBalance" name="clBalance" value="{{ old('clBalance') }}" required>
                </div>

                <div class="mt-3">
                    <button type="submit" class="btn btn-secondary">Calculate</button>
                    <a href="{{ url('/master') }}" class="btn btn-primary">Back</a>
                </div>
            </form>

            {{-- Result --}}
            @if (isset($attritionRate) || isset($error))
                <div class="mt-4" id="result">
                    <p><strong>Result:</strong></p>
                    @if (isset($attritionRate))
                        <h4 class="text-success">Attrition Rate: {{ $attritionRate }}%</h4>
                    @elseif (isset($error))
                        <h4 class="text-danger">{{ $error }}</h4>
                    @endif
                </div>
            @endif

            {{-- Validation Errors --}}
            @if ($errors->any())
                <div class="alert alert-danger mt-3">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
    </div>
</div>
  @include('layouts.footer')