@extends('layout.app')

@section('css')
<style>
    .card {
        width: 100% !important;
    }
    .list {
        list-style: disc !important;
        margin-left: 19px !important;
    }
    .archive-btn {
        cursor: pointer;
    }
    .archive-tenders {
        display: none;
    }
    .span-div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .span-div span {
        display: inline-flex;
        align-items: center;
        font-size: 0.9em;
    }
    .span-div img {
        margin-right: 5px;
    }
</style>
@endsection

@section('content')
<div class="slider-area2 section-bg2" data-background="{{asset('new_img/twitter-img/DGs_Visit_RMRCNE.jpg')}}">
    <div class="slider-height2 d-flex align-items-center">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="hero-cap hero-cap2">
                        <h2>Tenders</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="home-blog-area section-padding40">
    <div class="container">
        <div class="section-tittle mb-100" style="display: flex; justify-content: space-between;">
            <span class="element_1">ICMR - RMRC Tenders</span>
            <span class="element_1"><a href="#" class="archive-btn">Archives</a></span>
        </div>
        <div class="row justify-content-between">
            <div class="col-xl-12 col-lg-12 col-md-12">
                <div class="table-responsive tenders current-tenders">
                    <table class="table table-bordered" id="table">
                        <thead>
                            <tr>
                                <th scope="col">SL</th>
                                <th scope="col">Tender Title</th>
                            </tr>
                        </thead>
                        <tbody class="tbody-span">
                            @php
                                $currentDate = now();
                                $currentTenders = $tenders->filter(function($tender) use ($currentDate) {
                                    return $tender->last_date_time_of_submission >= $currentDate;
                                });
                            
                            @endphp
                            @forelse ($currentTenders as $key => $data)
                                <tr>
                                    <td>{{$loop->iteration}}</td>
                                    <td>
                                        <span>
                                            <p><a href="{{route('tender-details',Crypt::encrypt($data->id))}}">{{$data->ref_no}} - {{$data->title}} {{$data->description}}</a></p>
                                        </span>

                                        @if(!empty($data->last_date_time_of_submission))
                                        <div class="badge bg-success">
                                            Last Submission Date:
                                            {{date('d-m-Y H:i a',strtotime($data->last_date_time_of_submission))}}
                                         </div>
                                        @else
                                            
                                        @endif
                                        <!-- ... rest of the tender details ... -->
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>-</td>
                                    <td>No Current Tenders Available</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="table-responsive tenders archive-tenders">
                    <table class="table table-bordered" id="archive-table">
                        <thead>
                            <tr>
                                <th scope="col">SL</th>
                                <th scope="col">Tender Title</th>
                            </tr>
                        </thead>
                        <tbody class="tbody-span">
                            @php
                                $archivedTenders = $tenders->filter(function($tender) use ($currentDate) {
                                    return $tender->last_date_time_of_submission < $currentDate;
                                });
                            @endphp
                            @forelse ($archivedTenders as $key => $data)
                                <tr>
                                    <td>{{$loop->iteration}}</td>
                                    <td>
                                        <span>
                                            <p><a href="{{route('tender-details',Crypt::encrypt($data->id))}}">{{$data->ref_no}} - {{$data->title}} {{$data->description}}</a></p>
                                        </span>
                                        <!-- ... rest of the tender details ... -->
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>-</td>
                                    <td>No Archived Tenders Available</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('js')
<script type="text/javascript">
    $(document).ready(function(){
        $('#table').DataTable({
            "language": {
                "emptyTable": "No Current Tenders Available"
            }
        });
        $('#archive-table').DataTable({
            "language": {
                "emptyTable": "No Archived Tenders Available"
            }
        });

        $('.archive-btn').click(function(e){
            e.preventDefault();
            $('.current-tenders').toggle();
            $('.archive-tenders').toggle();
            $(this).text(function(i, text){
                return text === "Archives" ? "Current Tenders" : "Archives";
            });
        });
    });
</script>
@endsection