@extends('admin.layouts.container')

@section('content')
    <form>
        {{--
        <div class="side-title">
            <div class="row">
                <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header">
                        {{__('carts.abandon_reminders')}}
                    </div>
                    <div class="box-body">

                        <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover">
                                    <tbody>
                                        @foreach($reminders as $row)
                                            <tr class="alt-row">
                                                <td>
                                                    <span class="left-from-txt">
                                                        <a href="javascript:;" class="single-reminder" data-id="1">
                                                            {{ __('carts.reminder_day',['day'=>$row->cart_days]) }}
                                                        </a>
                                                    </span>
                                                </td>
                                                <td>
                                                    <span class="switch-section">
                                                        <label class="switch">
                                                          <input type="checkbox" onclick="toggleStatus(this)" value="{{$row->id}}" {{$row->status ? 'checked' : ''}} class="switch-btn">
                                                          <span class="slider round"></span>
                                                        </label>
                                                    </span>
                                                </td>
                                            </tr>
                                        @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div style="text-align: center;">
                            <a href="{{route('carts.create')}}" class="butn butn_blue" >
                                <div class="cont">
                                <span> {{__('carts.create_reminder')}}  </span>
                            </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
--}}
        <!-- ------------ data table ------------- -->
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th scope="col">{{ __('carts.user') }}</th>
                <th scope="col">{{ __('carts.abandoned_time') }}</th>
                <th scope="col">{{ __('carts.count') }}</th>
                <th scope="col">{{ __('carts.cost') }}</th>
                <th scope="col">{{ __('dashboard.processes') }}</th>
            </tr>
            </thead>

            <tbody class="response">
               
            </tbody>


        </table>
        <!-- ------------ sidemenu links ------------- -->
    </form>
@endsection

<script>
    function toggleStatus(elem)
    {
        let id = $(elem).val()
        
        $.ajax({
            url : "{{route('reminder.toggleStatus')}}",
            type : 'GET',
            data : 'id='+id
        })
    }
</script>

<script>
    /**
     * Importat to handle ajax requests for filters, deletes, trash and any proccess done on the table's data
     */
    var dataTable={
        route: '{{ route("carts.grid") }}'
    }
</script>
@section('inner_js')
    <script>
        /**
         * Set local storage articleGallery key to null
         * it means add new photo success
         */
        $(document).ready(function () {
            localStorage.setItem('articleGallery', 'null');
            localStorage.setItem('oldArticleStorage', 'null')
        })
    </script>
@endsection