@extends('backend.layouts.app')
@section('content')

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">{{translate('All News and Events')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
            <form action="{{ route('news-and-event.index') }}" method="GET" id="filter_form">
                    <div class="row g-3 justify-content-end">
                        
                        <div class="col-xxl-2 col-sm-2 ">
                            <div>
                                <select class="form-control rns-selectpicker" name="lang" onchange="submit_form()">
                                <option value="">Filter By Language</option>
                                <option value="en" @if(request('lang') == 'en') selected @endif" selected>English</option>
                                <option value="sa" @if(request('lang') == 'sa') selected @endif>Arabic</option>
                                </select>
                            </div>
                        </div>
                        <!--end col-->
                        {{-- <div class="col-xxl-2 col-sm-2">
                            <div>
                                <select class="form-control rns-selectpicker" name="short_by_order" onchange="submit_form()">
                                    <option value="" selected>Sort By Order Lavel</option>
                                    <option value="high" @if(request('short_by_order') == 'high') selected @endif>Highest</option>
                                    <option value="low" @if(request('short_by_order') == 'low') selected @endif>Lowest</option>
                                </select>
                            </div>
                        </div> --}}
                        <div class="col-xxl-3 col-sm-3">
                            <div class="search-box">
                                <input type="text" name="search" class="form-control search"placeholder="Type name & Enter..." value="{{ request('search') }}">
                            </div>
                        </div>
                        <!--end col-->
                        
                        <!--end col-->
                    </div>
                    <!--end row-->
                </form>
                {{--
                <div class="row g-4 mb-3">
                    <div class="col-xxl-2 col-sm-2 ">
                        <form id="language_search" method="GET" action="{{route('news-and-event.index')}}" id="filter_form">
                        <div>
                            <select class="form-control rns-selectpicker" name="exam" onchange="submit_form()">
                                <option value="">Filter By Language</option>
                                <option value="en @if(request('lang') == 'en') selected @endif" selected>English</option>
                                <option value="sa" @if(request('lang') == 'en') selected @endif>Arabic</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm">
                        <div class="d-flex justify-content-sm-end">
                            <div class="search-box ms-2">
                                
                                    <input type="text" name="search" class="form-control search" placeholder="{{translate('Type name and enter')}}" value="{{request()->search}}">
                                    
                                
                            </div>
                        </div>
                    </div>
                    </form>

                </div> --}}

                <div class="table-responsive table-card mt-3 mb-1">
                    <table class="table align-middle table-nowrap" id="customerTable">
                        <thead class="table-light">
                            <tr>
                                <th class="sort" data-sort="count">#</th>
                                <th class="sort" data-sort="image">{{translate('Feature Image')}}</th>
                                <th class="sort" data-sort="title">{{translate('Title')}}</th>
                                {{-- <th class="sort" scope="col">{{translate('Short Desc')}}</th> --}}
                                <th class="sort" data-sort="desc">{{translate('Status')}}</th>
                                <th class="sort" data-sort="action">{{translate('Options')}}</th>
                                
                            </tr>
                        </thead>
                        <tbody class="list form-check-all rnsTable">
                            @foreach ($blogs as $key => $blog)
                            <tr>
                                <td class="count">{{ ($key+1) + ($blogs->currentPage() - 1)*$blogs->perPage() }}</td>
                                <td class="image"><img src="{{ uploaded_asset($blog->feature_image) }}" alt="" style="height: 40px;width: 50px;"></td>
                                <td class="title">{{$blog->getTranslation('title')}}</td>
                                {{-- <td class="desc" >{!! $blog->getTranslation('short_description') !!}</td> --}}
                                <td class="exchange_rate">
                                    <div class="form-check form-switch form-switch-right form-switch-md">
                                        <input onchange="update_blog_status(this)" class="form-check-input" type="checkbox" value="{{$blog->id}}" @if($blog->status == 1) checked @endif>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex gap-2">
                                        <div class="edit">
                                            <a href="{{ route('news-and-event.edit', [$blog->id, 'lang' => env('DEFAULT_LANGUAGE')]) }}" class="btn btn-soft-primary btn-sm">Edit</a>
                                        </div>
                                        <div class="remove">
                                            <button class="btn btn-soft-danger btn-sm confirm-delete" data-bs-toggle="modal" data-bs-target="#deleteRecordModal" data-href="{{route('news-and-event.destroy', $blog->id)}}">Delete</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="noresult" style="display: none">
                        <div class="text-center">
                            <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:75px;height:75px">
                            </lord-icon>
                            <h5 class="mt-2">Sorry! No Result Found</h5>
                            <p class="text-muted mb-0">We've searched more than 150+ Orders We did not find any
                                orders for you search.</p>
                        </div>
                    </div>
                </div>
            </div><!-- end card -->
        </div><!-- end col -->
    </div><!-- end col -->
</div>

@include('backend.modals.delete')
@endsection
@section('script')
<script>
    
    function update_blog_status(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }

        $.post('{{ route('blog-status') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
            if(data == 1){
                RNS.plugins.notify('success', '{{ translate('Side Menu Status updated successfully') }}');
            }
            else{
                RNS.plugins.notify('danger', '{{ translate('Something went wrong') }}');
            }
        });
    }
    function submit_form(){
            $('#filter_form').submit();
        }
</script>

@endsection