@extends('adminlte::page')

@section('title', 'Fee Calculator Testimonial')




@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6 col-6">
            <h1>Fee Calculator Testimonial</h1>
        </div>
        <div class="col-sm-6 col-6">
            <div class=" float-right">
            <a href="{{url('admin/fee/calculator/testimonial/add')}}" class="btn btn-primary">Add</a>
            </div>
        </div>
    </div>
@stop



@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <!-- /.box-header -->
                <div class="card-body table-responsive">

                    <table class="table table-bordered">
                        <tr>
                          
                            <th>Title</th>
                            <th>Description</th>
                            <th>Name</th>
                            <th>Rating</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                       @foreach($data as $key => $value)
                            <tr id="{{$value->id}}">
                            @if($key != 0)
                                <td>{{$value->title}}</td>
                                <td>{{$value->description}}</td>
                                <td>{{$value->name}}</td>
                                <td>{{$value->rating}}</td>
                                <td><input type="checkbox" data-id="{{ $value->id }}" name="status" class="js-switch" {{ $value->status == 'YES' ? 'checked' : '' }} >&nbsp;&nbsp;</td>
                              
                                <td>
                                    <a href="{{route('admin.fee.calculator.testimonial.edit',$value->id)}}">
                                       <i class="fas fa-pencil-alt"></i>
                                    </a>
									&nbsp;&nbsp;
                                    <a onclick="return (confirm('Are you sure you want to delete ?'))?true:false"
                                       href="{{route('admin.fee.calculator.testimonial.delete',$value->id)}}">
                                       <i class="fas fa-trash"></i>
                                    </a>
									&nbsp;&nbsp;
                                </td>
                            </tr>
                            @endif
                       @endforeach
                    </table>
                <div class="box-footer clearfix">
                   
                </div>
                </div>
                <!-- /.box-body -->

     
            </div>
        </div>
        <!-- /.col -->
    </div>
    @section('css')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
   
    @stop
@section('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
   
    <script>
         let statusElems = Array.prototype.slice.call(document.querySelectorAll('.js-switch[name="status"]'));
        statusElems.forEach(function(html) {
            new Switchery(html, {
                size: 'small',
                color: '#0d6efd',
                secondaryColor: '#dcdcdc'
            });
        });


        $('.js-switch[name="status"]').change(function () {
                let status = $(this).prop('checked') === true ? 'YES' : 'NO';
                let testimonial_id = $(this).data('id');
                $.ajax({
                    type: "GET",
                    dataType: "json",
                    url: '{{ url("admin/fee/calculator/testimonial/activeDeactivate") }}/' + testimonial_id,
                    data: {
                        'status': status,
                        'testimonial_id': testimonial_id,
                        '_token': '{{ csrf_token() }}'
                    },
                    success: function (data) {
                        console.log(data.message);
                        toastr.clear();
                        // toastr.success(data.message);
                        let toast = toastr.success(data.message, 'Notification', {
                            closeButton: true,
                            progressBar: true,
                            positionClass: 'toast-top-right',
                            timeOut: 500,
                            extendedTimeOut: 700 
                        });

                   

                       
                        // let toastElement = $('.toast');
                        let toastElement = $(toast);
                        if (data.status === "YES") {
                           
                            toastElement.addClass('toast-primary');
                        } else {
                            toastElement.addClass('toast-inactive');
                        }
                        if (data.redirect_url) {
                            window.location.href = data.redirect_url;
                        }
                    },
                    error: function (data) {
                        console.log('Error:', data);
                        toastr.error('Failed to update status');
                    }
                });
            });

            


    </script>
@stop

@stop