@extends('frontend.layout.master')

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

    <h3>SMS Templates</h3>

    <a href="{{ route('sms-templates.create') }}" class="btn btn-primary mb-3">
        + Add Template
    </a>

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

    <form method="POST" action="{{ route('sms-templates.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>Name</th>
                    <th>Template ID</th>
                    <th>Type</th>
                    <th>Status</th>
                    <th width="150">Action</th>
                </tr>
            </thead>
            <tbody>
            @foreach($templates as $template)
                <tr>
                    <td>
                        <input type="checkbox" name="ids[]" value="{{ $template->id }}">
                    </td>
                    <td>{{ $template->smsTemplateName }}</td>
                    <td>{{ $template->sms_template_id }}</td>
                    <td>{{ $template->type }}</td>
                    <td><label for="status" class="badge  {{ ($template->status == 'active') ? 'badge-success' : 'badge-danger' }}">{{ $template->status }}</label></td>
                    <td>
                        <a href="{{ route('sms-templates.edit', $template->id) }}"
                        class="btn btn-sm btn-warning">Edit</a>

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

    {{ $templates->links() }}
   

</div>

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