@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row ">
        <div class="col">
            <div class="card">
                <div class="card-header header-style">
                   
                    <div class="header-style-title">
                      
                        butiran Failed Job
                    </div>
                </div>
                <div class="card-body">
            @if ($message = Session::get('success'))
                <div class="alert alert-success">
                    <p>{{ $message }}</p>
                </div>
            @endif
            <form id="exportform" action="" method="POST">
                <input type="hidden" name="type" value="User">
                <div style="overflow-x:auto">
                    <table class="table text-center table-bordered" id="simulasi" style="width:100%">
                        <thead class="bg-primary text-white">
                            <tr>
                                <th>No</th>
                                <th>Tarikh Notis</th>
                                {{-- <th>Tarikh Lelong</th> --}}
                                {{-- <th>Fasa</th>
                                <th align='left'>Cawangan</th> --}}
                                {{-- <th>Harga Asas (RM)</th> --}}
                                {{-- <th class="text-center">Tindakan</th> --}}
                            </tr>
                        </thead>
                        <tbody>

                            @forelse ($failed as $info)
                            <tr>
                                <td>{{$loop->iteration}}</td>
                                <td> @php 
                                    $myDateTime = DateTime::createFromFormat('Y-m-d', $info['info']['failed_at']);
                                    $datez = $myDateTime->format('d-m-Y');
                                @endphp
                                {{$datez}}</td>
                                <td class="text-center">
                                    {{-- <a class="btn m-1 btn-primary " href="{{ route('notisperingatan.shownotisperingatanall',[ 'tarikhnotis' => $info['info']['tarikh_notis'], 'notisid'=>$info['info']['id']]) }}"  data-toggle="tooltip" data-placement="top" title="Butiran Lelong Simulasi" style="margin-right:30px"><i class="far fa-edit"></i></a> --}}
                                    {{-- <a class="confirmdel" href="{{ route('analisa.delete',$info['info']['simulasi_id']) }}" data-toggle="tooltip" data-placement="top" title="Hapus"><i class="far fa-trash-alt"></i></a> --}}
                                    </td>

                            </tr>
                            @empty
                            <td colspan = '3'>Tiada Data</td>
                            @endforelse
                        </tbody>

                    </table>
                </div>
            </form>
        </div>

    </div>
</div>
<script>
     //Enable tooltips everywhere
     $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
    $('a.confirmdel').confirm({
        title: 'Confirmation',
        content: 'Anda pasti?',
        type: 'orange',
        typeAnimated: true,
        buttons: {
            Delete: {
                btnClass: 'btn-warning',
                action: function () {
                    location.href = this.$target.attr('href');
                }
            },
            Batal: {
                btnClass: 'btn-default',
                action: function () {}
            }
        }
    });

        var tablesimulasi = $('#simulasi').DataTable( {
            "columnDefs": [
                {
                "targets": 0,
                "orderable": false
                },
                {
                "targets": 4,
                "orderable": false
                }
            ],
            order: [[1, 'asc']],
            // "ordering": false,
            "info": false,
            "lengthChange": false,
            "pageLength": 15,
            dom: 'Bfrtip',
            // buttons: [
            //     // 'copy', 'excel', 'pdf'
            //     // { text: 'copy', className: 'btn btn-primary' },
            //     {
            //         className: 'btn btn-outline-success pl-4 pr-4 btn-sm addsim',
            //         text: '<i class="fas fa-plus" id="test"></i>',
            //         titleAttr: 'Tambah Simulasi',
            //         action: function ( e, dt, node, config ) {
            //             alert( 'Button activated' );
            //         }
            //     },
            //     {
            //         className: 'btn btn-outline-secondary pl-4 pr-4 btn-sm  export',
            //         titleAttr: 'Export to CSV',
            //         text: '<i class="fas fa-download"></i>',
            //         action: function ( e, dt, node, config ) {
            //             $("#exportform").submit();
            //         }
            //     }
            // ]
        });

        $('.addsim').tooltip();
        $('.export').tooltip();
        // $( '.dt-buttons').addClass('btn-group');
        $( '.addsim').removeClass('dt-button');
        $( '.export').removeClass('dt-button');


    function selectall(cb) {
        tablesimulasi.rows().nodes().to$().find('input[type="checkbox"]').each(function(){
            $(this).prop('checked', cb.checked);
        })
    }
</script>

@endsection