@extends('templates.main')
@section('content')
    <div id="title-page" data-value="Manage coop" data-value2="Manage"></div>
    <div class="col-md-12 col-lg-12">
        <div class="card">
            <div class="card-header fw-bold p-3">Manage api</div>
            <div class="card-body">
                @if (session()->has('danger'))
                    <div class="alert alert-danger">
                        {{ session('danger') }}
                    </div>
                @endif
                <div class="table-responsive">
                    <table id="example" class="table table-striped table-bordered w-100">
                        <thead>
                            <tr>
                                <th class="wd-15p">Id</th>
                                <th class="wd-15p">Key License</th>
                                <th class="wd-15p">Url</th>
                                <th class="wd-15p">Expired</th>
                                <th class="wd-15p">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($coop as $row)
                                <tr>
                                    <td>{{ $row->id }}</td>
                                    <td>{{ $row->key_license }}</td>
                                    <td>{{ $row->url }}</td>
                                    <td>{{ $row->expired_at }}</td>
                                    <td>
                                        <button class="btn btn-sm btn-danger" onclick="deleteCoop('{{ $row->id }}')">
                                            Delete</button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="d-grid gap-2 mt-2">
                        <a href="/admin/api/create" id="actionbutton" name="order " class="btn btn-primary btn-block">
                            Tambah Api
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        let table = new DataTable('#example');

        function deleteCoop(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: 'Deleted data cannot be recovered',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Confirm'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "{{ url('admin/delete-coop') }}",
                        type: "POST",
                        dataType: "JSON",
                        data: {
                            id: id,
                            _token: "{{ csrf_token() }}"
                        },
                        success: function(data) {
                            if (data.status == 'success') {
                                Swal.fire(
                                    'Success',
                                    'Data has been deleted',
                                    'success'
                                ).then((result) => {
                                    location.reload();
                                });
                            }
                        },
                        error: function(data) {
                            console.log(data);
                        }
                    });
                }
            })
        }
    </script>
@endsection