@extends('layouts.admin')
@section('content')
@section('headerTitle')
    Evenimente Categorii
@endsection

@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.news_events.events') }}
@endsection

@section('buttons')
    @can('admin-create')
        <add-events-category></add-events-category>
    @endcan
@endsection

<div class="row">

    @foreach ($types as $type)
        <div class="col-lg-3">
            <a href="{{ route('admin.events.category', [$type->domain_name]) }}">
                <div class="card h-175px bgi-no-repeat bgi-size-cover card-xl-stretch mb-5 mb-xl-8 bg-info_ border-3">
                    <span class="position-absolute top-0 right-0">
                        <div class="m-0">
                            <button onclick="deleteFunction(event, {{$type->id}})" id="delete-category_{{$type->id}}" href="{{ route('admin.events.deleteCategory', [$type->id]) }}"
                                    class="btn btn-danger fw-bold px-6 py-3">X</button>
                        </div>
                    </span>
                    <div class="card-body">
                        <h3 class="text-white_ text-center fw-bolder mt-14">{{ $type->name }}</h3>
                        {{--                        <div class="m-0">--}}
                        {{--                            <a href="{{ route('admin.news.category', [$type->domain_name]) }}"--}}
                        {{--                                class="btn btn-success fw-bold px-6 py-3">Access</a>--}}
                        {{--                        </div>--}}
                    </div>
                </div>
            </a>
        </div>
    @endforeach
</div>
@endsection
@push('scripts')
<script>
    function deleteFunction(e, typeId) {
        e.preventDefault();
        var targetUrl = $('#delete-category_' + typeId).attr("href");

        Swal.fire({
            html: `Sigur doresti sa stergi aceasta categorie? (vor fi sterse si evenimentele din aceasta categorie)`,
            icon: "warning",
            buttonsStyling: false,
            showCancelButton: true,
            cancelButtonText: 'Nu, Intoarce-te',
            confirmButtonText: "Da, sterge",
            customClass: {
                cancelButton: 'btn btn-danger',
                confirmButton: "btn btn-primary",
            }
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = targetUrl;
            }
        });
    }
</script>
@endpush