@extends('layouts.app')

@section('content')
    <div class="col-lg-12">

        <div class="row">
            <div class="col-sm-12">
                <a href="{{route('generalsettings.categorydealcreate')}}" class="btn btn-rounded btn-info pull-right">{{translate('Add New Offer Category')}}</a>
                <!-- <a href="{{route('generalsettings.dealtimestatus')}}" class="btn btn-rounded btn-info pull-right">{{translate('Manage Timer')}}</a>
                <a href="{{ route('october.import.index') }}" class="btn btn-rounded btn-info pull-right">{{translate  ('Manage Product Listing') }}</a> 
                <a href="{{ route('discount.index-banner') }}" class="btn btn-rounded btn-info pull-right">{{translate('Manage Banner')}}</a> -->
            </div>
        </div>

        <br>


        <div class="panel">
            <div class="panel-heading">
                <h3 class="panel-title">{{translate('Offer Categories')}} (Publish 1 category at a time)</h3>
            </div>

            <!--Horizontal Form-->
            <!--===================================================-->
           
            	
                <div class="panel-body">
                        <table class="table table-striped table-bordered demo-dt-basic" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{translate('Name')}}</th>
                                    <th>{{translate('Published')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                           
                                @foreach($Categorydeal as $key => $banner)
                                @php
                                    
                                @endphp
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{$banner->dealname}}</td>
                                        <td><label class="switch">
                                            <input onchange="update_banner_published(this)" value="{{ $banner->id }}" type="checkbox"  >
                                            <span class="slider round"></span></label></td>                                
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                
            
            <!--===================================================-->
            <!--End Horizontal Form-->

        </div>
    </div>

@endsection

@section('script')
<script type="text/javascript">
    function update_banner_published(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }
        $.post('{{ route('generalsettings.update_categoryindex') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
            if(data == 1){
                showAlert('success', 'Deal status updated successfully');
                location.reload();
            }
            else{
                showAlert('danger', 'Something went wrong');
            }
        });
    }


</script>
@endsection