@extends('Frontend.partials.layout')

@section('styles')
@endsection

@section('content')

<section class="corndraft">
    <div class="row analysis_header_flex">
        <div class="col-md-6">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{__('action.page_heading1_cron_trash')}}</h2>
                    <p>{{__('action.page_heading1_trash_cron_view')}}</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 d-flex justify-content-end button-demo">
            {{-- <a href="{{ route('cron.cron') }}">
                <button class="btn btn-primary mt-3 mt-sm-0">
                    <i class="fas fa-bars"></i>
                    {{__('action.page_title_cron_view')}}
                </button>
            </a>
            <a href="javascript:void(0)">
            <button class="btn btn-danger mt-3 mt-sm-0 ml-2" id="remove_trash">
                <i class="fa fa-trash" aria-hidden="true">&nbsp; </i>{{__('action.empty_trash')}}
            </button>
            </a> --}}
            <a href="{{ route('cron.cron') }}">
                <button class="btn btn-primary mt-3 mr-3 mt-sm-0 ladda-button" data-style="slide-down">
                    <span class="ladda-label">
                        <i class="fas fa-bars"></i>
                        {{__('action.page_title_cron_view')}}
                    </span>
                    <span class="ladda-spinner"></span>
                    <div class="ladda-progress" style="width: 0px;"></div>
                </button>
            </a>

            <a href="javascript:void(0)">
                <button class="btn btn-danger mt-3 mt-sm-0 ml-2 ladda-button" id="remove_trash" data-style="slide-up">
                    <span class="ladda-label">
                       <i class="fa fa-trash" aria-hidden="true">&nbsp; </i>{{__('action.empty_trash')}}
                    </span>
                    <span class="ladda-spinner"></span>
                    <div class="ladda-progress" style="width: 0px;"></div>
                </button>
            </a>
        </div>


    </div>

    <div class="card mt-3">
        <div class="card-datatable table-responsive">
            <table class="table table-striped table-bordered cron-recycle" id="cron-recycle-bin">
                <thead>
                    <tr>
                        <th>{{__('action.sno')}}</th>
                        <th>{{__('action.open_by_user_cron_view')}}</th>
                        <th>{{__('action.start_date')}}</th>
                        <th>{{__('action.start_time_cron_view')}}</th>
                        <th>{{__('action.merge_fields_end_date')}}</th>
                        <th>{{__('action.end_time_cron_view')}}</th>
                        <th>{{__('action.cron_type')}}</th>
                        <th>{{__('action.run_time_cron_view')}}</th>
                        <th>{{__('action.action')}}</th>
                    </tr>
                </thead>
                {{-- <tbody>
                    @if(!empty($crons))
                    @foreach($crons as $key => $cron)
                    <tr>
                        <td>{{ $key+1 }}</td>
                        @php
                        $user = getUserById($cron->selected_user);

                        @endphp
                        <td>{{ $user->first_name." ".$user->last_name }}</td>
                        <td>{{ date_change(date('d-m-Y', strtotime($cron->added))) }}</td>
                        <td>{{ date('H:i', strtotime($cron->cronsetuptimes[0]->start_time)) }}</td>
                        <td>{{ date_change(date('d-m-Y', strtotime($cron->added. "+".($cron->length-1).trans('action.cron_days')))) }}</td>
                        <td>{{ date('H:i', strtotime($cron->cronsetuptimes[0]->end_time)) }}</td>
                        <td>
                          @if($cron->length > 1){{ trans('action.series_cron_view') }}
                          @else {{ trans('action.single_cron_view') }}
                          @endif
                        </td>
                        <td>@if($cron->length > 1) {{ $cron->length. trans('action.cron_days') }}
                            @else
                            @php
                                $time1 = date('H:i:s', strtotime($cron->cronsetuptimes[0]->start_time));
                                $time2 = date('H:i:s', strtotime($cron->cronsetuptimes[0]->end_time));
                                $diff = (strtotime($time2) - strtotime($time1))/60;
                                $hour = round($diff/60);
                                $minute = $diff%60;
                            @endphp
                                 {{ $hour." h ".$minute." m" }}
                            @endif
                        </td>
                        <td>
                            <span class="d-inline-block cursor-pointer hover-primary button-demo">
                                <a href="javascript:void(0)" id="trashrestore" data-url="{{route('cron.cronTrashRestore', $cron->id)}}" class="sweet_confirm">

                                    <button class="btn btn-light mt-3 mt-sm-0 ml-2 ladda-button" data-style="zoom-out">
                                        <span class="ladda-label">
                                        <i class="fas fa-window-restore mr-2"></i>
                                        {{__('action.restore_cron')}}</a>
                                        </span>
                                        <span class="ladda-spinner"></span>
                                        <div class="ladda-progress" style="width: 0px;"></div>
                                    </button>

                            </span>
                        </td>
                    </tr>
                    @endforeach
                    @endif

                </tbody> --}}
            </table>
        </div>
    </div>
</section>
@endsection

@section('scripts')
<!-- Dependencies -->
<script type="text/javascript">
  $(document).ready(function() {
    $("#cron-recycle-bin").dataTable({
      language: {
          sEmptyTable: `{{ trans('action.table_norecord')}}`,
          sInfo: "_START_ bis _END_ von _TOTAL_ Einträgen",
          sInfoEmpty: "0 bis 0 von 0 Einträgen",
          sInfoFiltered: "(gefiltert von _MAX_ Einträgen)",
          sInfoPostFix: "",
          sInfoThousands: ".",
          sLengthMenu: "_MENU_"+`{{  trans('action.table_showdata')}}`,
          sLoadingRecords: `{{   trans('action.table_loading')}}`,
          sProcessing: `{{   trans('action.table_pleasewait')}}`,
          sSearch: `{{   trans('action.search')}}`,
          sZeroRecords: `{{  trans('action.table_nodata')}}`,
          oPaginate: {
              sFirst: `{{trans('action.table_first')}}`,
              sPrevious:  `{{trans('action.table_back')}}`,
              sNext:  `{{trans('action.table_next')}}`,
              sLast: `{{ trans('action.table_latest')}}`,
          },
          oAria: {
              sSortAscending:
                  ": aktivieren, um Spalte aufsteigend zu sortieren",
              sSortDescending:
                  ": aktivieren, um Spalte absteigend zu sortieren",
          },
      },
      serverSide: true,
      processing: true,      
      search: {
          return: true
      },
      ajax:{
          url:'{{ route("cron.cronTrash")}}',
          type: 'GET',
          pages: 20,
          data:{}
      },
      columns:[
          {
            data: 'id',orderable: false, searchable: false,
            render: function (data, type, row, meta) {
                return meta.row + meta.settings._iDisplayStart + 1;
            }
          },
          {data:'user_full_name', name:'user_full_name', orderable: false, searchable: true},
          {data:'start_date', name:'start_date', orderable: false, searchable: false},
          {data:'start_time', name:'start_time', orderable: false, searchable: false},
          {data:'end_date', name:'end_date', orderable: false, searchable: false},
          {data:'end_time', name:'end_time', orderable: false, searchable: false},
          {data:'cron_type', name:'cron_type', orderable: false, searchable: false},
          {data:'run_time', name:'run_time', orderable: false, searchable: false},
          {data:'action', name:'action', orderable: false, searchable: false,width: '12%'},
      ],
      columnDefs: [
          { width: '5%', targets: 0 }, //step 2, column 1 out of 4
      ],
      order: [ [0, 'desc'] ]
    });

    $('#cron-recycle-bin').delegate('.sweet_confirm', 'click', function(e){
      e.preventDefault();
      let url = $(this).data('url');
      Swal.fire({
        title: `{{__('action.areyousure')}}`,
        text: `{{__('action.you_cant_revert')}}`,
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: `{{__('action.yes')}}`,
        cancelButtonText: `{{__('action.cancel')}}`,
      }).then((result) => {
        if (result.value) {
          $.ajax({
            type: "POST",
            url: url,
            success: function(response) {
              if (response.success) { // if true (1)
                Swal.fire('Restored!',`{{__('action.ttem_restored_successfully')}}`,'success');
                setTimeout(function() { // wait for 0.5 secs(2)
                  location.reload(); // then reload the page.(3)
                }, 200);
              } else {
                Swal.fire('Error!', response.message,'error');
              }
            }
          });
        }
      })
    });

  });

  $('#remove_trash').click(function() {
    Swal.fire({
        title: `{{__('action.areyousure')}}`,
        text: `{{__('action.you_cant_revert')}}`,
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: `{{__('action.yes')}}`,
        cancelButtonText: `{{__('action.cancel')}}`,
      }).then((result) => {
        if (result.value) {
          $.ajax({
            method: "POST",
            url: "{{ route('cron.emptyTrash') }}",
            success: function(response) {
              if (response.success) { // if true (1)
                Swal.fire(`{{__('action.deleted')}}`,`{{__('action.recycle_delete_msg')}}`,'success');
                setTimeout(function() { // wait for 0.5 secs(2)
                  location.reload(); // then reload the page.(3)
                }, 200);
              } else {
                Swal.fire('Error!', response.message,'error');
              }
            }
          });
        }
      })
  })
</script>
@endsection