@extends('admin.layout.app')
@section('content')
<style type="text/css">
    .small-box-footer{
            color: #55b350 !important;
    background: none !important;
    }
    .icon i{
           color: #ee3a3a;
           font-size: 50px !important;
    }
   
    .small-box>.inner {
        padding: 10px;
        height: 100px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px
    }
    .info-box{
        color: #000 !important;
    }
    .float-rights{
        color: #fff;
        padding-left: 19px;
        padding-top: 0px;
        font-size: 21px;
        position: absolute;
    }
    .progress-sm {
        height: 30px;
    }
    .progress-group{
        margin-bottom: 0px;
    }
    .col-md-12.row {
        margin-bottom: 6px;
    }
    .progress{
        background: #aaadaf;
    }
    .bg-success {
        background-color: #ee3a3a!important;
    }
    .bg-primary {
        background-color: #111111 !important;
    }

/*    */
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #dee2e6;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(1.6rem);
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1.2rem - 4px);
    height: calc(1.2rem - 4px);
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 2.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-control-label::before {
    height: 1.2rem;
}
</style>

        <div class="content-wrapper">
            <div class="content-header">
                <div class="container">
                    <div class="row mb-2">
                        <div class="col-sm-8">
                            <h1 class="m-0">System Setting</h1>
                        </div>
                        @php
                        $owner_setting = \DB::table('super_admin_settings')->first();
                        @endphp
                       
                        <div class="col-sm-2">
                            <ol class="breadcrumb float-sm-right">
                                <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}"><i class="fas fa-home"></i></a>
                                </li>
                                <li class="breadcrumb-item active">System Setting</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>   

            <section class="content">
                <div class="col-lg-8 m-auto">
                    <div class="table-responsive">
                        <table class="table table-bordered" style="background-color: #fff;">
                            <thead>
                                <tr>
                                    <th>Settings</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th>Order History</th>
                                    <td>
                                        <div class="row">
                                            <div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success m-auto">
                                                @if($owner_setting->is_order_filter ==0)
                                                <input type="checkbox" class="custom-control-input" id="customSwitch3" onchange="updateOrderHistory()">
                                                @else
                                                <input type="checkbox" class="custom-control-input" checked="checked" id="customSwitch3"onchange="updateOrderHistory()">
                                                @endif
                                                
                                                <label class="custom-control-label" for="customSwitch3"></label>
                                            </div>             
                                       
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Clear Mail </th>
                                    <td>
                                        <button class="btn btn-success m-auto d-block" type="button" onclick="ClearMailData()"
                                        >Clear</button>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Clear Log Data</th>
                                    <td>
                                        <button class="btn btn-primary m-auto d-block" type="button" onclick="ClearLogData()"
                                        >Clear</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>        
                    </div>
                </div>
            </section>   



        </div>
<script>
    function ClearMailData()
    {
        var response= confirm('Do you want to clear unsend mail ?');
        if(response==true)
        {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                },
                type: 'GET',
                url: "{{url('admin/unsend-mail-cleared')}}",
                success: function(data) {
                    toastr.success(data.response);
                },
                error: function(e) {
                    toastr.error('Something went wrong!');
                }
            });
        }else{
            
            toastr.error('sorry not cleared ! ');
        }

    }
    function ClearLogData()
    {
        var response= confirm('Do you want to clear log data ?');
        if(response==true)
        {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                },
                type: 'GET',
                url: "{{url('admin/unsend-log-cleared')}}",
                success: function(data) {
                    toastr.success(data.response);
                },
                error: function(e) {
                    toastr.error('Something went wrong!');
                }
            });
        }else{
            toastr.error('sorry not cleared ! ');
        }
    }
</script>
@endsection