lelong/resources/views/account/senarailelongan.blade.php

@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 Lelongan
                    </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="sedang-lelong-tab" data-toggle="tab" href="#sedang-lelong" role="tab" aria-controls="sedang-lelong" aria-selected="false">
                    Lelongan Semasa
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="selesai-lelong-tab" data-toggle="tab" href="#selesai-lelong" role="tab" aria-controls="selesai-lelong" aria-selected="false">
                    Lelongan Selesai
                </a>
            </li>
        </ul>
        <div class="tab-content" style="overflow-x: auto;" id="myTabContent">
            <div class="tab-pane fade show active" id="sedang-lelong" role="tabpanel" aria-labelledby="sedang-lelong-tab">
                <div style="overflow-x: auto;">
        <table class="table table-bordered text-center" id="tablestatussedanglelong" style="width:100%">
            <thead class="bg-primary text-white">
                    <tr>
                        <th>No</th>
                        <th>Batch Lelong</th>
                        <th>Tarikh Lelong</th>
                        <th>Cawangan</th>
                        <th>Fasa</th>
                        <th>Status Lelong</th>
                    </tr>
            </thead>
            <tbody>
                @forelse($arraysms as $data)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $data['detail']['lelong_id']}}</td>
                    <td>@php
                        $myDateTime = DateTime::createFromFormat('Y-m-d', $data['detail']['tarikh_lelong'] );
                        $t_lelong =  $myDateTime->format('d-m-Y');
                        echo($t_lelong);
                    @endphp</td>
                    <td align='left'>
                        @foreach($data['detailsinfo'] as $details)
                        <a class="btn btn-primary btn-sm" href=" {{ route('account.listbayaranonline', ['lelong_id'=>$data['detail']['lelong_id'], 'kodcaw'=>$details['caw_code']]) }} " data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-edit"></i></a>
                        <span class="m-2">{{ $details['caw_name']}}<br>
                        </span><br>
                        @endforeach
                    </td>
                    <td>{{ $data['detail']['fasa'] }}</td>
                    <td>
                        @if($data['detail']['sts_lelong'] == 3)
                            <button class="btn btn-success btn-sm" disabled>LELONG SELESAI</button>
                        @endif
                    </td>                 
                </tr>
                @empty
                <td colspan="6">No Data Available</td>
                @endforelse
            </tbody>
        </table>
        </div>
        </div>
        <div class="tab-pane fade" id="selesai-lelong" role="tabpanel" aria-labelledby="selesai-lelong-tab">
            <div style="overflow-x: auto;">
        <table class="table table-bordered text-center" id="tablestatussedanglelong" style="width:100%">
            <thead class="bg-primary text-white">
                    <tr>
                        <th>No</th>
                        <th>Batch Lelong</th>
                        <th>Tarikh Lelong</th>
                        <th>Cawangan</th>
                        <th>Fasa</th>
                        <th>Status Lelong</th>
                    </tr>
            </thead>
            <tbody>
                @foreach($arraysls as $data)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $data['detail']['lelong_id']}}</td>
                    <td>@php
                        $myDateTime = DateTime::createFromFormat('Y-m-d', $data['detail']['tarikh_lelong'] );
                        $t_lelong =  $myDateTime->format('d-m-Y');
                        echo($t_lelong);
                    @endphp</td>
                    <td align='left'>
                        @foreach($data['detailsinfo'] as $details)
                        <a class="btn-sm btn-primary" href=" {{ route('account.listbayaranonline', ['lelong_id'=>$data['detail']['lelong_id'], 'kodcaw'=>$details['caw_code']]) }} " data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-edit"></i></a>
                        <span class="m-2">{{ $details['caw_name']}}<br>
                        </span><br>
                        @endforeach 
                    </td>
                    <td>{{ $data['detail']['fasa'] }}</td>
                    <td>
                        @if($data['detail']['sts_lelong'] == 3)
                            <button class="btn btn-success btn-sm" disabled>LELONG SELESAI</button>
                        @endif
                    </td>                 
                </tr>
                @endforeach
            </tbody>
            </table>
        </div>
    </div>
</div>

<script>
    //Enable tooltips everywhere
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })

    var tablestatussedanglelong = $('#tablestatussedanglelong').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 = $('#tablestatusselesailelong').DataTable({
           "columnDefs": [ 
               {
               "targets": 0,
               "orderable": true
               }, 
               {
               "targets": 7,
               "orderable": false
               }
           ],
           order: [[1, 'asc']],
        //    "ordering": false,
           "info": false,
           "lengthChange": false,
           "pageLength": 3,
           dom: 'Bfrtip',
           
   });


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

</script>

@endsection