@extends('layouts.admin')
@section('title')
    {{ $types->name }}
@endsection
@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.news.list', @$types) }}
@endsection
@section('content')

{{--@section('buttons')
    @can('admin-create')
        <add-news :type="{{ $types->id }}"></add-news>
    @endcan
@endsection--}}

<div class="card">
    <!--begin::Card header-->
    <div class="card-header border-0 pt-6">
        <!--begin::Card title-->
        <div class="card-title">
            <!--begin::Search-->
            <div class="d-flex align-items-center position-relative my-1">
                {!! getIcon('magnifier', 'fs-3 position-absolute ms-5') !!}
                <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search user" id="mySearchInput"/>
            </div>
            <!--end::Search-->
        </div>
        <!--begin::Card title-->

        <!--begin::Card toolbar-->
        <div class="card-toolbar">
            <!--begin::Toolbar-->
            <div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
                <!--begin::Add user-->
{{--                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_user">--}}
{{--                    {!! getIcon('plus', 'fs-2', '', 'i') !!}--}}
{{--                    Add User--}}
{{--                </button>--}}
                <add-news :type="{{ $types->id }}"></add-news>
                <!--end::Add user-->
            </div>
            <!--end::Toolbar-->
        </div>
        <!--end::Card toolbar-->
    </div>
    <!--end::Card header-->

    <!--begin::Card body-->
    <div class="card-body py-4">
        <!--begin::Table-->
        <div class="table-responsive">
            {{ $dataTable->table() }}
        </div>
        <!--end::Table-->
    </div>
    <!--end::Card body-->
</div>

{{--<div class="row">--}}

{{--    <div class="card">--}}

{{--        <div class="card-body">--}}
{{--            {{ $dataTable->table(['class' => 'table table-row-bordered gy-5'], true) }}--}}
{{--        </div>--}}
{{--    </div>--}}

{{--</div>--}}
@endsection
@push('scripts')

    {{ $dataTable->scripts() }}

    <script>

        document.getElementById('mySearchInput').addEventListener('keyup', function () {
            window.LaravelDataTables['news-table'].search(this.value).draw();
        });

        function deleteFunction(e, type, id) {
            e.preventDefault();
            var targetUrl = $('#delete-course').attr("href");

            Swal.fire({
                html: `Sigur doresti sa stergi aceasta inregistrare?`,
                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 = '/admin/news/' + type + '/' + id + '/delete';

                }
            });
        }
    </script>

@endpush