@push('title')
    Configuration Module
@endpush
<x-app-layout>
    <div class="alertbox">
        @if (session('success'))
            <div class="bs-toast toast fade show" role="alert" aria-live="assertive" aria-atomic="true" id="success-alert">
                <div class="toast-header bg-success">
                    <div class="me-auto fw-semibold">{{ env('APP_NAME') }} Alerts</div>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                </div>
                <div class="toast-body">{{ session('success') }}</div>
            </div>
        @endif

        @if (session('info'))
            <div class="bs-toast toast fade show" role="alert" aria-live="assertive" aria-atomic="true"
                id="success-alert">
                <div class="toast-header bg-info">
                    <div class="me-auto fw-semibold">{{ env('APP_NAME') }} Alerts</div>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                </div>
                <div class="toast-body">{{ session('info') }}</div>
            </div>
        @endif

        @if (session('warning'))
            <div class="bs-toast toast fade show" role="alert" aria-live="assertive" aria-atomic="true"
                id="success-alert">
                <div class="toast-header bg-warning">
                    <div class="me-auto fw-semibold">{{ env('APP_NAME') }} Alerts</div>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                </div>
                <div class="toast-body">{{ session('warning') }}</div>
            </div>
        @endif

        @if (session('danger'))
            <div class="bs-toast toast fade show" role="alert" aria-live="assertive" aria-atomic="true"
                id="success-alert">
                <div class="toast-header bg-danger">
                    <div class="me-auto fw-semibold">{{ env('APP_NAME') }} Alerts</div>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                </div>
                <div class="toast-body">{{ session('danger') }}</div>
            </div>
        @endif
    </div>

    <div class="card">
        <div class="card-body">
            <h5 class="card-title mb-3">Configurations</h5>
            <form action="{{ route('configurations.update', $config->id) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="mb-3">
                    <label for="max_salary_advanced_limit" class="form-label">Max Salary Advanced Limit <span class="required"> *</span></label>
                    <input type="number" name="max_salary_advanced_limit" class="form-control" id="max_salary_advanced_limit" min="0"
                        value="{{ old('max_salary_advanced_limit', $config->max_salary_advanced_limit ?? '') }}" required>
                </div>
                <div class="mb-3">
                    <label for="max_leave_day_limit" class="form-label">Max Leave Day Limit <span class="required"> *</span></label>
                    <input type="number" name="max_leave_day_limit" class="form-control" id="max_leave_day_limit"
                        value="{{ old('max_leave_day_limit', $config->max_leave_day_limit ?? '') }}" required>
                </div>
                <div class="mb-3">
                    <label for="deduct_ot_hours" class="form-label">Deduct OT Hours <span class="required"> *</span></label>
                    <input type="number" name="deduct_ot_hours" class="form-control" id="deduct_ot_hours"
                        value="{{ old('deduct_ot_hours', $config->deduct_ot_hours ?? '') }}" required>
                </div>

                <div class="mb-3">
                    <label for="leave_apply_prior_days" class="form-label">Leave's Day Prior <span class="required"> *</span></label>
                    <input type="number" name="leave_apply_prior_days" class="form-control" id="leave_apply_prior_days"
                        value="{{ old('leave_apply_prior_days', $config->leave_apply_prior_days ?? '') }}" required>
                </div>
                
                <div class="d-flex justify-content-end">
                    <button type="submit" class="btn btn-primary">Update Configurations</button>
                </div>
            </form>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" crossorigin="anonymous"></script>
    <script>
        $("#success-alert").fadeTo(5000, 500).slideUp(500, function() {
            $("#success-alert").slideUp(500);
        });
    </script>
</x-app-layout>