@extends('admin.admin_dashboard')
@section('admin')

<div class="container mt-4">
<<<<<<< HEAD
    <h4>Grind Stock</h4>
=======
    <h4>Grind Roasted Coffee</h4>
>>>>>>> origin/main

    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif
<<<<<<< HEAD

    <form action="{{ route('roastings.grind') }}" method="POST">
        @csrf
        <div class="mb-3">
            <label>Roasted Quantity Available</label>
            <input type="text" class="form-control" value="{{ $roast->roasted_quantity ?? '' }}" readonly>
        </div>

        <div class="mb-3">
            <label>Ground Quantity</label>
            <input type="number" step="0.01" name="ground_quantity" class="form-control" required>
        </div>

        <div class="mb-3">
            <label>Grind Date</label>
            <input type="date" name="grind_date" class="form-control" required>
        </div>

        <div class="mb-3 form-check">
            <input type="checkbox" name="is_saleable" class="form-check-input" value="1">
            <label class="form-check-label">Mark as Saleable</label>
        </div>

        <button type="submit" class="btn btn-primary">Grind</button>
    </form>
</div>

=======
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form action="{{ route('roastings.grind') }}" method="POST">
        @csrf

        <div class="mb-3">
            <label class="form-label">Roast Batch</label>
            <select name="roasting_id" id="roasting_id" class="form-select" required>
                <option value="">-- Select Batch --</option>
                @foreach($roastings as $roasting)
                    <option value="{{ $roasting->id }}"
                            data-available="{{ $roasting->available_quantity }}"
                            @selected(old('roasting_id') == $roasting->id)>
                        Batch #{{ $roasting->id }} — {{ number_format($roasting->available_quantity, 2) }} kg available
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label class="form-label">Available Roasted (kg)</label>
            <input type="text" id="available_quantity" class="form-control" readonly>
        </div>

        <div class="mb-3">
            <label class="form-label">Roasted Quantity Used (kg)</label>
            <input type="number" step="0.01" name="roasted_quantity_used" value="{{ old('roasted_quantity_used') }}" class="form-control" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Ground Output (kg)</label>
            <input type="number" step="0.01" name="ground_quantity" value="{{ old('ground_quantity') }}" class="form-control" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Grind Date</label>
            <input type="date" name="grind_date" value="{{ old('grind_date', now()->toDateString()) }}" class="form-control" required>
        </div>

        <button type="submit" class="btn btn-primary">Record Grinding</button>
    </form>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const select = document.getElementById('roasting_id');
    const available = document.getElementById('available_quantity');

    function syncAvailable() {
        const option = select.options[select.selectedIndex];
        available.value = option?.dataset?.available ?? '';
    }

    select.addEventListener('change', syncAvailable);
    syncAvailable();
});
</script>

>>>>>>> origin/main
@endsection