@extends('admin.admin')

@section('adminContent')
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">Donation type</h3>
        </div>
        <div class="text-right col-md-7" style="line-height: 4.5;">
            <a href="{{url('/admin/createDonationType')}}" class=" waves-effect waves-light btn-warning btn">Add Donation Type</a>
    </div>
        <div>
            <button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i
                    class="ti-settings text-white"></i></button>
        </div>
    </div>
    {{-- Address list section --}}
    <div class="row">
        <div class="col-lg-12">
            <div class="card card-default">
                <div class="card-body collapse show">
                    <div class="table-responsive">
                        <table class="table product-overview">
                            <thead>
                                <tr>
                                    <th>S.No.</th>
                                    <th>Name</th>
                                    <th>Description</th>
                                    <th class="tdaction">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                    @foreach($donationTypes as $index => $donationType)
                                    <tr>
                                        <td>{{ $index+1 }}</td>
                                        <td>{{ $donationType->name }}</td>
                                        <td>{{ $donationType->description }}</td>
                                        <td>
                                            <a href="{{url('/admin/edit-donationType',['id' => $donationType->id])}}">
                                                <i class="ti-marker-alt editAddressBtn"></i>
                                            </a>
                                            <a href="javascript:void(0);" onclick="deleteDonationType({{ $donationType->id }})"><i class="ti-trash"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- End Address list section --}}
    <script>
         function deleteDonationType(id) {
        Swal.fire({
            title: "Are you sure?",
            text: "You won't be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#d33",
            cancelButtonColor: "#3085d6",
            confirmButtonText: "Yes, delete it!"
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "/admin/delete-donationType/" + id, 
                    type: "DELETE",
                    data: {
                        _token: "{{ csrf_token() }}" 
                    },
                    success: function(response) {
                        Swal.fire({
                            title: "Deleted!",
                            text: response.message,
                            icon: "success",
                            timer: 2000,
                            showConfirmButton: false
                        }).then(() => {
                            location.reload(); 
                        });
                    },
                    error: function(xhr) {
                        Swal.fire("Error!", "Something went wrong.", "error");
                    }
                });
            }
        });
    }
    </script>
@endsection