@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row ">
        <div class="col-md-11 mx-auto card p-4">
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <button  type="button" class="btn btn-light" ><a href="javascript:window.history.go(-1);"><h3><i class="fas fa-arrow-alt-circle-left"></i></h3></a></button>
              </div>
            
            @if ($message = Session::get('success'))
                <div class="alert alert-success">
                    <p>{{ $message }}</p>
                </div>
            @endif
            <h4 class="pt-3" style="margin-left:1%;">Pengesahan Perubahan Mutu Marhun</h4>
                <table class="table table-striped  table-xl text-center" id="tablelelong" style="width:100%">
                    <thead class="bg-primary text-white">
                        <tr>
                            <th>Bil</th>
                            <th>Cawangan</th>
                            <th>No Rujukan</th>
                            <th>Status</th>
                            <th class="text-center">Tindakan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($mutumarhun as $marhun)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td align = 'left'>{{ $marhun['cawangan_name'] }}</td>
                            <td>{{ $marhun['norujukan'] }}</td>
                            <td>
                                @if($marhun['total'] === intval($marhun['tstat']))
                                    <button class="btn btn-success btn-sm hovernone-success" disabled>TERIMA</button>
                                @else
                                    <button class="btn btn-warning btn-sm hovernone-warning" disabled>BELUM SAHKAN</button>
                                @endif
                            </td>
                            <td>
                                @if($marhun['total'] !== intval($marhun['tstat']))
                                    <a href=" {{ route('pengesahan.mutumarhun', ['norujukan'=>$marhun['norujukan'], $id]) }} " data-toggle="tooltip" data-placement="top" title="Butiran Mutu Marhun"><i class="far fa-edit"></i></a>
                                @else
                                    <button class="btn btn-success btn-sm hovernone-success" disabled>BERJAYA DISAHKAN</button>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                    
                </table>
            <div class="modal-footer" style="margin-top:2%;">
            {{-- <a  href="{{ route('pengesahan.senarailelongubahmutu') }}" class="btn btn-primary">Kembali</a> --}}
            </div>
        </div>
    </div>
</div>
<script>
    //Enable tooltips everywhere
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
    
    var tablelelong = $('#tablelelong').DataTable( {
        "columnDefs": [ 
            {
            "targets": 0,
            "orderable": false
            }, 
            {
            "targets": 4,
            "orderable": false
            }
        ],
        order: [[0, '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) {
    //     tablelelong.rows().nodes().to$().find('input[type="checkbox"]').each(function(){
    //         $(this).prop('checked', cb.checked);
    //     })
    // }
</script>
     
@endsection