@push('scripts')
    <script>
        $('.pilih-warna').on('click', function () {
            $('.pilih-warna').html('');
            $(this).html('<i class="material-icons" style="font-size: 100px;color:white;">check</i>');
            $("#warna_kategori").val($(this).data('warna'));
        });
    </script>
@endpush

<div class="row clearfix">
    <!-- Task Info -->
    <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="card">
            <div class="header">
                <a href="{{ route('integrasi-whatsapp.index') }}" class="btn btn-warning">Kembali</a>
            </div>
            <div class="body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="provider" class="form-label">Provider</label>
                            <div class="form-line">
                                <select name="provider" nonce="provider" class="form-control show-tick" id="autotext">

                                    @foreach ($providers as $provider)
                                        <option value="{{ $provider }}" @if(old('provider', @$data->provider) == $provider)
                                        selected @endif>{{$provider}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="api_key">API Key</label>
                            <div class="form-line">
                                
                                <input type="text" name="api_key" id="api_key" placeholder="Api Key..." class="form-control"
                                    value="{{ old('api_key', @$data->api_key) }}">
                                
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="demo-switch-title">Pakai</div>
                            <div class="switch">
                                <label><input type="checkbox" name="used" @if(old('used', @$data->used) == 1) checked
                                @endif><span class="lever switch-col-red"></span></label>
                            </div>
                        </div>


                    </div>

                </div>


            </div>
        </div>
    </div>
    <!-- #END# Task Info -->
</div>

<div class="row" style="margin-bottom: 50px;">
    <div class="col-md-12" style="text-align: right;">
        <button type="submit" class="btn btn-success">Simpan</button>
    </div>
</div>