@extends('frontend.layout.master')

@section('content')
<div class="container">

    <h3>API Charges</h3>

    <a href="{{ route('api-charges.create') }}" class="btn btn-primary mb-3">
        + Add Charge
    </a>

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

    <form method="POST" action="{{ route('api-charges.bulk') }}">
        @csrf
        
        <button name="action" value="active" class="btn btn-success btn-sm">
            Enable Selected
        </button>
        
        <button name="action" value="inactive" class="btn btn-danger btn-sm">
            Disable Selected
        </button>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th><input type="checkbox" onclick="toggleAll(this)"></th>
                    <th>Provider</th>
                    <th>API</th>
                    <th>Charge</th>
                    <th>GST</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th width="150">Action</th>
                </tr>
            </thead>
            <tbody>
            @foreach($charges as $charge)
                <tr>
                    <td>
                        <input type="checkbox" name="ids[]" value="{{ $charge->id }}">
                    </td>
                    <td>{{ $charge->provider }}</td>
                    <td>{{ $charge->api }}</td>
                    <td>{{ $charge->charge }}</td>
                    <td>{{ $charge->gst }}</td>
                    <td>{{ $charge->amt }}</td>
                    <td><label for="status" class="badge  {{ ($charge->status == 'true') ? 'badge-success' : 'badge-danger' }}">{{ $charge->status }}</label></td>
                    <td>
                        <a href="{{ route('api-charges.edit', $charge->id) }}"
                        class="btn btn-sm btn-warning">Edit</a>

                        {{-- <form action="{{ route('api-charges.destroy', $charge->id) }}"
                            method="POST" style="display:inline">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-danger"
                                onclick="return confirm('Delete this record?')">
                                Delete
                            </button>
                        </form> --}}
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </form>

    {{ $charges->links() }}

</div>

<script>
    function toggleAll(source) {
        document.querySelectorAll('input[name="ids[]"]').forEach(function(cb){
            cb.checked = source.checked;
        });
    }
</script>
@endsection