@extends('admin.layouts.master')
@section('title', 'Home Banner')
@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="breadcrumb-main">
            <h4 class="text-capitalize breadcrumb-title">Home Banner</h4>
        </div>
    </div>
    <div class="col-lg-12 mb-30">
        <div class="card">
            <div class="card-body">
                <div class="userDatatable adv-table-table global-shadow border-0 bg-white w-100 adv-table">
                    <div class="table-responsive">
                        <div class="adv-table-table__header">
                            <div id="filter-form-container"></div>
                            <div class="adv-table-table__button">
                                {{--<a class="btn btn-primary"
                                    href="{{ route('admin.slideshow.create') }}">
                                    <i class="fa fa-plus"></i> Add News Slideshow
                                </a>--}}
                            </div>
                        </div>
                        <table style="width: 100%;">
                            <thead>
                                <tr class="userDatatable-header">
                                    <th data-type="html" data-name='id'>
                                        <span class="userDatatable-title">#</span>
                                    </th>
                                    <th><span class="userDatatable-title">Title</span></th>
                                    <th><span class="userDatatable-title">Image</span></th>
                                    <th><span class="userDatatable-title">Actions</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($slideshow as $key => $row)
                                    <tr>
                                        <td>
                                            <div class="userDatatable-content">
                                                {{ $loop->iteration }}
                                            </div>
                                        </td>
                                        <td>
                                            <div class="userDatatable-content">
                                                  {{ $row->title_en }}
                                                </div>

                                        </td>
                                        <td><img src="{{ $row->image ? asset($row->image) : asset('assets/images/1.png') }}" alt="" class="w-px-60 h-auto mb-3" width="100px"></td>

                                        <td class="text-center">
                                            <div class="userDatatable-content mb-0 d-flex flex-wrap">
                                                <ul class="orderDatatable_actions mb-0 d-flex flex-wrap">
                                                    <li>
                                                        <a href="{{route('admin.slideshow.edit', $row)}}"
                                                            class="edit">
                                                            <span data-feather="edit"></span></a>

                                                    </li>
                                                    {{--<li>
                                                        <a href="{{route('admin.slideshow.delete', $row)}}"
                                                            class="edit" data-toggle="modal" data-target="#modal-info-delete-{{$row->id}}">
                                                            <span data-feather="trash-2"></span></a>
                                                            @component('component.delete_button',['id'=>$row->id,'name'=>$row->name,'url'=>route('admin.slideshow.delete', $row->id) ])

                                                            @endcomponent

                                                    </li>--}}


                                                                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td>{{ __('site.no_theres_data') }}</td>
                                    </tr>
                                @endforelse()
                            </tbody>
                            {{ $slideshow->links('admin.layouts.paginator') }}
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
   /* $('.custom-control-input').change(function(event) {
        event.preventDefault();
        var name = $(this).attr('name');
        var mode = $(this).prop('checked');
        if (mode) {
            var status = 1;
        } else {
            var status = 0;
        }
        var id = $(this).val();

        if(name =='is_active'){
            $.ajax({
            url: "{{-- route('admin.category.changestatus') --}}",
            type: "get",
            data: {
                _token: '{{ csrf_token() }}',
                status: status,
                id: id,
                name: name,
            },
            success: function(response) {
                if (response == 1) {
                    vt.success('{{ __('site.category_section.deactive')}}', {
                        position: 'bottom-center',
                        stayTime: 1500
                    });
                }else if(response ==2 ){
                    vt.success('{{ __('site.category_section.active')}}', {
                        position: 'bottom-center',
                        stayTime: 1500
                    });
                }
                else {
                    vt.error('{{ __('site.Something went wrong') }}', {
                        position: 'bottom-center',
                        stayTime: 1500
                    });
                }
            }
        });
        }

    });*/
</script>



@endpush