@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="card">
                <div class="card-header">
                    <h4>Select Products for Discount</h4>
                    <span class="badge bg-primary" id="selected_count">0 Selected</span>
                </div>
                <div class="card-body">
                    <form id="ajax_form_data" action="{{ route('discount.store') }}" method="POST">
                        @csrf
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <select name="discount_type_id" id="discount_type_id" class="form-control">
                                    <option value="">Select Discount Type</option>
                                    @foreach ($discount_types as $type)
                                        <option value="{{ $type->id }}">{{ $type->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <button type="submit" class="btn btn-success" style="width:100%;">Apply Discount</button>
                            </div>
                        </div>

                        <table class="table table-striped" id="products_table">
                            <thead>
                                <tr>
                                    <th><input type="checkbox" id="select_all"></th>
                                    <th>SL</th>
                                    <th>Code</th>
                                    <th>Name</th>
                                    <th>Stock</th>
                                    <th>Price</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($products as $index => $product)
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="select_product" name="products[]"
                                                value="{{ $product->id }}">
                                        </td>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $product->product_code }}</td>
                                        <td>{{ $product->name }}</td>
                                        <td>{{ number_format(getStock($product->id)) }}</td>
                                        <td>{{ number_format($product->sale_price) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
<script>
$(document).ready(function() {
    const $selectAll = $('#select_all');
    const $checkboxes = $('.select_product');
    const $selectedCount = $('#selected_count');

    function updateCounter() {
        const count = $checkboxes.filter(':checked').length;
        $selectedCount.text(count + ' Selected');
    }

    // Toggle all checkboxes
    $selectAll.change(function() {
        $checkboxes.prop('checked', $(this).is(':checked'));
        updateCounter();
    });

    // Individual checkbox change
    $checkboxes.change(function() {
        // Update "Select All" status
        $selectAll.prop('checked', $checkboxes.length === $checkboxes.filter(':checked').length);
        updateCounter();
    });

    // Prevent submitting without selecting products
    $('#discount_form').submit(function(e) {
        if ($checkboxes.filter(':checked').length === 0) {
            e.preventDefault();
            alert('Please select at least one product.');
        } else if (!$('#discount_type_id').val()) {
            e.preventDefault();
            alert('Please select a discount type.');
        }
    });

    // Initialize counter
    updateCounter();
});
</script>
@endpush