@extends('layouts.app')
@section('contents')
<div class="content ">
    <div class="mb-4">
        <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{url('dashboard')}}">
                        <i class="bi bi-globe2 small me-2"></i> Dashboard
                    </a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Scheduler</li>
            </ol>
        </nav>
    </div>
    <div class="d-flex gap-3 mb-4 d-print-none">
    </div>
    <div class="table-responsive">

        <table id="orders" class="table table-custom table-lg table-striped">
            <thead>
                <tr>
                    <th>Sl No</th>
                    <th>Cron Title</th>
                    <th>Timing</th>
                    <th>Command</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($cronSettings as $key=>$cron)
                <tr>

                    <td>{{$key+1}}</td>
                    <td>{{$cron['crone_title']}}</td>
                    <td>
                        <select name="crone_time_{{$cron['id']}}" id="crone_time_{{$cron['id']}}" class="form-control form-control-sm">
                            @foreach($timings as $time)
                            <option value="{{$time['id']}}" {{$cron['timing_id'] ==$time['id'] ? "selected" : ''}}>{{$time['timing']}}</option>
                            @endforeach

                        </select>
                    </td>
                    <td>{{$cron['command']}}</td>
                    <td>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="my-checkbox"
                                   id="active_{{$cron['id']}}" {{$cron['is_active'] ==1 ? "checked" : ""}} data-bs-toggle="tooltip" title="Active/Inactive"> &nbsp
                            <a href="#" class="" onclick="updateData({{$cron['id']}})" data-bs-toggle="tooltip" title="Update">
                                <i class="bi bi-check-circle-fill icon-lg"></i>
                            </a> &nbsp
                            <a href="#" class="" onclick="deleteData({{$cron['id']}})"
                               data-url="{{route('scheduler.destroy', $cron['id'])}}" data-bs-toggle="tooltip" title="Delete">
                                <i class="bi bi-trash icon-lg"></i>
                            </a>  &nbsp
                            <a href="#" class="" id="status" data-id="{{$cron['id']}}" data-bs-toggle="tooltip" title="Monitor">
                                <i class="bi bi-eye icon-lg"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@include('admin.settings.scheduler.modal')
@endsection
@push('script')
<script src="https://twitter.github.io/typeahead.js/js/handlebars.js"></script>
<script>

    function updateData(eid)
    {
        if ($("#active_"+eid).is(":checked")==true){
            active = 1;
        }else{
            active = 0;
        }

        let ajaxval = {
            id: eid,
            active:active,
            crone_time : $("#crone_time_"+eid).val(),
            _token: "{{ csrf_token() }}",
        };
        $.ajax({
            url: "{{route('scheduler.store')}}",
            type: 'post',
            data: ajaxval,
            success: function(result) {
                if(result.status ==200){
                    swal({
                        text: result.message,
                        icon: "success",
                        timer: 3000,
                    });
                }
                if(result.status ==500){
                    swal({
                        text: result.message,
                        icon: "error",
                        timer: 3000,
                    });
                }
            },    error: function (data) {
                if (data) {
                    if (data.status == 403) {
                        swal({
                            text: 'you dont have the permission for this action ',
                            icon: "error",
                            timer: 5000,
                        });
                    } else{
                       swal(data.message, {
                        icon: "error",
                        timer: 4000,
                    });
                   }
               }
           },
       });
    }

    function deleteData(eid)
    {
        var url = "{{ url('scheduler') }}/:id";
        if(confirm("Are you sure to delete this crone"))
        {
            let ajaxval = {
                id: eid,
                _token: "{{ csrf_token() }}",
            };
            $.ajax({
                url: url.replace(':id', eid),
                type: 'DELETE',
                data: ajaxval,
                success: function(result) {
                    if(result.status ==200){
                        swal({
                            text: result.message,
                            icon: "success",
                            timer: 3000,
                        });
                        location.reload();
                    }
                    if(result.status ==500){
                        swal({
                            text: result.message,
                            icon: "error",
                            timer: 3000,
                        });
                    }
                },     error: function (data) {
                    if (data) {
                        if (data.status == 403) {
                            swal({
                                text: 'you dont have the permission for this action ',
                                icon: "error",
                                timer: 5000,
                            });
                        } else{
                           swal(data.message, {
                            icon: "error",
                            timer: 4000,
                        });
                       }
                   }
               },
           });
        }

    }

    $(document).ready(function (){

        $(document).on("click","#status",function() {
            var url = "{{ url('scheduler') }}/:id";
            var id = $(this).data('id');

            $("#compose").modal('show');

            $.ajax({
                url: url.replace(':id', id),
                type: 'get',

                success: function (result) {
                   $("#card-data").html(result);
                }, error: function (data) {

                },
            });
        });
    });
</script>
@endpush