@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">
                        Senarai Permohonan Tangguh Lelong
                    </div>
                </div>
                <div class="card-body">
                    @if ($message = Session::get('success'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                    @endif

                    <ul class="nav mb-2 nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="belum-lulus-tab" data-toggle="tab" href="#belum-lulus" role="tab" aria-controls="belum-lulus" aria-selected="false">
                                Permohonan Baru/Belum Diluluskan
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="telah-lulus-tab" data-toggle="tab" href="#telah-lulus" role="tab" aria-controls="telah-lulus" aria-selected="false">
                                Permohonan Telah Diluluskan
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="opr-tangguh-tab" data-toggle="tab" href="#opr-tangguh" role="tab" aria-controls="opr-tangguh" aria-selected="false">
                                Penangguhan Oleh Operasi
                            </a>
                        </li>
                    </ul>

                    <div class="mb-3"></div>

                    <div class="tab-content" style="overflow-x: auto;" id="myTabContent">
                        <div class="tab-pane fade show active" id="belum-lulus" role="tabpanel" aria-labelledby="belum-lulus-tab">
                            <div style="overflow-x: auto;">
                                <table class="table table-bordered text-center" id="tablestatusbelumlulus" style="width:100%">
                                    <thead class="bg-primary text-white">
                                        <tr>
                                            <th>No</th>
                                            <th>Batch Lelong</th>
                                            <th>Tarikh Lelong</th>
                                            <th>No Rujukan</th>
                                            <th>Tarikh Mohon / Lulus</th>
                                            <th>Status</th>
                                            <th class="text-center">Tindakan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($tangguh as $index1=>$mohon)
                                        @if(empty($mohon))
                                        <tr>
                                        </tr>
                                        @else
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{ $mohon['lelong_id']}}</td>
                                            <td>
                                                
                                                @php
                                                $myDateTime = DateTime::createFromFormat('Y-m-d', $mohon['tdet'][0]['t_lelong']);
                                                $datez = $myDateTime->format('d-m-Y');
                                                echo($datez);

                                                @endphp
                                                
                                            </td>
                                            <td align='left'><span class="m-2">{{$mohon['norujukan']}}</span></td>
                                            <td>{{$mohon['ditangguh_pada']}}</td>
                                            <td>
                                                @if($mohon['status'] == 0)
                                                <button class="btn btn-warning btn-sm" disabled>Cwgn Baru Mohon</button>
                                                @elseif($mohon['status'] == 1)
                                                <button class="btn btn-warning btn-sm" disabled>Cwgn Telah Muat Naik Borang</button>
                                                @elseif($mohon['status'] == 2)
                                                <button class="btn btn-warning btn-sm" disabled>Operasi Telah Muat Turun Borang</button>
                                                @elseif($mohon['status'] == 3)
                                                <button class="btn btn-warning btn-sm" disabled>Operasi Telah Muat Naik Borang</button>
                                                
                                                @elseif($mohon['status'] == 99)
                                                <button class="btn btn-danger btn-sm" disabled>Tidak Dilulus Operasi</button>
                                                
                                                @endif
                                            </td>
                                            <td>

                                                @if($mohon['status'] == 0)
                                                <a class="btn m-1 btn-info" href=" {{ route('tangguhlelong.ulangdownloadmohon', ['lelongbid_id'=>$mohon['lelongbid_id']]) }} " data-toggle="tooltip" data-placement="top" title="Muat Turun Borang"><i class="fas fa-download"></i></a>
                                                <button type="button" class="btn btn-outline-secondary" id="btn-upload" data-toggle="modal" data-lelongbidid="{{ $mohon['lelongbid_id'] }}" data-norujukan="{{ $mohon['norujukan'] }}" data-userid="{{ $user['user_id'] }}" data-lelongid="{{ $mohon['lelong_id'] }}" data-target="#upload">
                                                    Muat Naik Borang <i class="fas fa-file-alt"></i>
                                                </button>
                                                @elseif($mohon['status'] == 1 || $mohon['status'] >= 4)
                                                <a class="btn m-1 btn-info" href=" {{ route('tangguhlelong.cwgndownloadboranglulus', ['lelongbid_id'=>$mohon['lelongbid_id']]) }} " data-toggle="tooltip" data-placement="top" title="Muat Turun Borang"><i class="fas fa-download"></i></a>
                                                @endif
                                            </td>

                                        </tr>
                                        @endif
                                        @empty
                                        <tr>
                                            <td colspan="7">No data available in table</td>
                                        </tr>
                                        @endforelse

                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="telah-lulus" role="tabpanel" aria-labelledby="telah-lulus-tab">
                            <div style="overflow-x: auto;">
                                <table class="table table-bordered text-center" id="tablestatustelahlulus" style="width:100%">
                                    <thead class="bg-primary text-white">
                                        <tr>
                                            <th>No</th>
                                            <th>Batch Lelong</th>
                                            <th>Tarikh Lelong</th>
                                            <th>No Rujukan</th>
                                            <th>Tarikh Mohon / Lulus</th>
                                            <th>Status</th>
                                            <th class="text-center">Tindakan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($tlhtangguh as $index1=>$lulus)
                                        @if(empty($lulus))
                                        <tr>
                                        </tr>
                                        @else
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{ $lulus['lelong_id']}}</td>
                                            <td>
                                                @if($lulus['status'] == 4)


                                                @php
                                                $myDateTime = DateTime::createFromFormat('Y-m-d', $lulus['tlh'][0]['tarikh_lelong']);
                                                $datez = $myDateTime->format('d-m-Y');
                                                echo($datez);

                                                @endphp
                                                
                                                @endif
                                            </td>
                                            <td align='left'><span class="m-2">{{$lulus['norujukan']}}</span></td>
                                            <td>{{$lulus['ditangguh_pada']}}</td>
                                            <td>
                                                @if($lulus['status'] == 4)
                                                <button class="btn btn-success btn-sm" disabled>Telah Dilulus Operasi</button>
                                                
                                                @endif
                                            </td>
                                            <td>

                                                @if($lulus['status'] == 4)
                                                <a class="btn m-1 btn-info" href=" {{ route('tangguhlelong.cwgndownloadboranglulus', ['lelongbid_id'=>$lulus['lelongbid_id']]) }} " target="_blank" data-toggle="tooltip" data-placement="top" title="Muat Turun Borang"><i class="fas fa-download"></i></a>
                                                @endif
                                            </td>

                                        </tr>
                                        @endif
                                        @empty
                                        <tr>
                                            <td colspan="7">No data available in table</td>
                                        </tr>
                                        @endforelse

                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="opr-tangguh" role="tabpanel" aria-labelledby="opr-tangguh-tab">
                            <div style="overflow-x: auto;">
                                <table class="table table-bordered text-center" id="tableoprtangguh" style="width:100%">
                                    <thead class="bg-primary text-white">
                                        <tr>
                                            <th>No</th>
                                            <th>Batch Lelong</th>
                                            <th>Tarikh Lelong</th>
                                            <th>No Rujukan</th>
                                            <th>Tarikh Mohon / Lulus</th>
                                            <th>Status</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($oprtangguh as $index1=>$lulus)
                                        @if(empty($lulus))
                                        <tr>
                                        </tr>
                                        @else
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{ $lulus['lelong_id']}}</td>
                                            <td>
                                                
                                                @php
                                                $myDateTime = DateTime::createFromFormat('Y-m-d', $lulus['opr'][0]['tarikh_lelong']);
                                                $datez = $myDateTime->format('d-m-Y');
                                                echo($datez);

                                                @endphp
                                                
                                            </td>
                                            <td align='left'><span class="m-2">{{$lulus['norujukan']}}</span></td>
                                            <td>{{$lulus['ditangguh_pada']}}</td>
                                            <td>
                                                @if($lulus['status'] == NULL && $lulus['nota'] != NULL)
                                                <button class="btn btn-success btn-sm" disabled>Ditangguh Oleh Operasi</button>
                                                @endif
                                            </td>
                                            

                                        </tr>
                                        @endif
                                        @empty
                                        <tr>
                                            <td colspan="6">No data available in table</td>
                                        </tr>
                                        @endforelse

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>


        <div class="modal fade" id="upload" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">


        <div class="modal-content text-center">
            <form action="{{ route('tangguhlelong.uploadborang') }}" method="POST" id="formupload" enctype="multipart/form-data">
            @csrf
            
                <input type="hidden" name="user_id" id="user_id" />
                <input type="hidden" name="lelongbid_id" id="lelongbid_id" />
                <input type="hidden" name="lelong_id" id="lelong_id" />
                <input type="hidden" name="norujukan" id="norujukan" />

                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Borang Permohonan Tangguh Lelong</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="flamingo-tab">
                            <div class="input-group">
                                <div class="custom-file">
                                    <input type="file" name="borang" id="inputGroupFile04">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" onclick="funccdmbatal()">Batal</button>
                    <button type="submit" class="btn btn-success" >Muat Naik</button>
                </div>
               
            </form>
        </div>
    </div>
</div>
<script>
    //modal upload
    $('#upload').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget);
        var lelongbidid =button.data('lelongbidid');
        var norujukan =button.data('norujukan');
        var lelongid =button.data('lelongid');
        var userid =button.data('userid');

        $('#norujukan').val(norujukan);
        $('#lelongbid_id').val(lelongbidid);
        $('#lelong_id').val(lelongid);
        $('#user_id').val(userid);
    });

    //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 () {}
            }
        }
    });

      
            //Enable tooltips everywhere
            $(function() {
                $('[data-toggle="tooltip"]').tooltip()
            })
            var tablestatussedanglelong = $('#tablestatusbelumlulus').DataTable({
                "columnDefs": [{
                        "targets": 0,
                        "orderable": false
                    },
                    {
                        "targets": 7,
                        "orderable": false
                    }
                ],
                order: [
                    [1, 'asc']
                ],
                // "ordering": false,
                "info": false,
                "lengthChange": false,
                "pageLength": 15,
                dom: 'Bfrtip',

            });

            var tablestatusselesailelong = $('#tablestatustelahlulus').DataTable({
                "columnDefs": [{
                        "targets": 0,
                        "orderable": false
                    },
                    {
                        "targets": 7,
                        "orderable": false
                    }
                ],
                order: [
                    [1, 'asc']
                ],
                // "ordering": false,
                "info": false,
                "lengthChange": false,
                "pageLength": 15,
                dom: 'Bfrtip',

            });

            var tablestatusselesailelong2 = $('#tableoprtangguh').DataTable({
                "columnDefs": [{
                        "targets": 0,
                        "orderable": false
                    },
                    {
                        "targets": 7,
                        "orderable": false
                    }
                ],
                order: [
                    [1, 'asc']
                ],
                // "ordering": false,
                "info": false,
                "lengthChange": false,
                "pageLength": 15,
                dom: 'Bfrtip',

            });

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

            
        </script>

        @endsection