@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row ">
        <div class="col mx-auto p-4">
            <div class="card">
                <div class="card-header header-style">
                    <a href="{{ route('marhun.senarailelongscan') }}" class="header-style-icon">
                        <i class="fas fa-arrow-left"></i>
                    </a>
                    <div class="header-style-title">
                     Scan Barcode Keluar
                    </div>
                </div>
                <div class="card-body">
                    @if ($message = Session::get('success'))
                    <div class="alert mt-2 alert-success">
                        {{ $message }}
                    </div>
                    @elseif ($message = Session::get('failed'))
                    <div class="alert mt-2 alert-danger">
                        {{ $message }}
                    </div>
                    @endif
                    {{-- <a class="btn btn-secondary mb-1" href="{{route('marhun.senarailelongscan')}}">Kembali</a> --}}
                    <a class="btn btn-primary" href="{{route('marhun.scanbarcodemasuk',$lelong_id )}}">Senarai SAG Keluar Peti Besi</a>

                    <p>Tarikh Lelong:
                        @php
                        $myDateTime = DateTime::createFromFormat('Y-m-d', $lelongDetail['tarikh_lelong'] );
                        $t_lelong = $myDateTime->format('d-m-Y');
                        echo($t_lelong);
                        @endphp
                    </p>

                    <ul class="nav mb-2 nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="scan-keluar-tab" data-toggle="tab" href="#scan-keluar" role="tab" aria-controls="scan-keluar" aria-selected="false">Senarai SAG Akan Dilelong</a>
                        </li>
                        <li class="nav-item">
                            {{-- <a class="nav-link" id="scan-masuk-tab" data-toggle="tab" href="#scan-masuk" role="tab" aria-controls="scan-masuk" aria-selected="false">Senarai SAG Keluar/Masuk Peti Besi</a> --}}
                            <a class="nav-link" href="{{route('marhun.scanbarcodemasuk',$lelong_id )}}">Senarai SAG Keluar Peti Besi</a>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="scan-keluar" role="tabpanel" aria-labelledby="scan-keluar-tab">
                            <div class="row justify-content-center mb-4">
                                <div class="col-5">
                                    <form action="{{ route('marhun.scankeluarmarhun') }}" method="POST">
                                        @csrf

                                        <div style="text-align: center;">Scan Barcode Marhun Yang Dibawa Keluar Dari Peti Besi</div>
                                        <input type="text" style="text-align: center;" class="form-control" name="norujukan_barcode" autofocus autocomplete="off" id="norujukan_barcode" placeholder="SILA SCAN BARCODE PADA SAG" />
                                        <input type="hidden" name="lelong_id" value="{{$lelong_id}}">
                                    </form>
                                </div>
                            </div>
                            <div style="text-align: left;"> <a href="{{ route('marhun.cetakkeluarscanbarcode', $lelong_id) }}" class="btn btn-info">Laporan Keluar Semasa</a>
                            
                            <table class="table text-right table-bordered" id='table-scan-keluar'>
                                <thead class="bg-primary text-white">
                                    <tr>
                                        <th>Bil</th>
                                        <th>No Rujukan</th>
                                        <th>N. Marhun</th>
                                        <th>Berat</th>
                                        <th>Bilangan Keluar</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($new_lelong_bid as $index)
                                    <tr>
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$index->norujukan}}</td>
                                        <td>{{ number_format($index->nilaimarhun, 2, '.', ',')}}</td>
                                        <td>{{$index->berat}}</td>
                                        <td>{{ $index->scanSemakSelesai->count() }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{-- <div class="tab-pane fade" id="scan-masuk" role="tabpanel" aria-labelledby="scan-masuk-tab">
                            <div class="row justify-content-center mb-4">
                                <div class="col-5">
                                    <form action="{{ route('marhun.scanmasukmarhun') }}" method="POST">
                                        @csrf
                                        <label>Scan Barcode Marhun Yang Dimasukkan Ke Peti Besi</label>
                                        <input type="text" style="text-align: center;" class="form-control" name="norujukan_barcode" autocomplete="off" id="norujukan_barcode" placeholder="SILA SCAN BARCODE PADA SAG" />
                                        <input type="hidden" name="lelong_id" value="{{$lelong_id}}">
                                    </form>
                                </div>
                            </div>
                            <div style="text-align: left;"> <a href="{{ route('marhun.cetakkeluarscanbarcode', $lelong_id) }}" class="btn btn-info">Laporan Keluar Semasa</a>
                            <a href="{{ route('marhun.cetakmasukscanbarcode', $lelong_id) }}" class="btn btn-info">Laporan Masuk Semasa</a></div>
                            <table class="table table-bordered table-hover" id="table-scan-masuk" style="width: 100%;">
                                <thead class="bg-primary text-white">
                                    <tr>
                                        <th>Bil</th>
                                        <th>No Rujukan</th>
                                        <th>Status</th>
                                        <th>Tarikh/Masa Scan Keluar</th>
                                        <th>Tarikh/Masa Terima Marhun</th>
                                        <th>Tarikh/Masa Serah Marhun</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($senaraiScanKeluar as $index)
                                    <tr>
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$index->norujukan}}</td>
                                        <td><span class="badge badge-pill badge-danger">Berada Di Luar Peti Besi</span></td>
                                        <td>{{$index->scan_keluar}}</td>
                                        <td>{{$index->terima_marhun}}</td>
                                        <td>{{$index->serah_marhun}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>

                            </table>

                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    var tableScanKeluar = $('#table-scan-keluar').DataTable({});
    var tableScanMasuk = $('#table-scan-masuk').DataTable({});
</script>

@endsection