@extends('layout')
@section('content')
    <div class="content-wrapper">
        <div class="content">
            <div id="floating-alert-container">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show floating-alert">
                        <strong>{{ session('success') }}</strong>
                        <button type="button" class="close" data-dismiss="alert">×</button>
                    </div>
                @endif

                @if (session('error'))
                    <div class="alert alert-danger alert-dismissible fade show floating-alert">
                        <strong>{{ session('error') }}</strong>
                        <button type="button" class="close" data-dismiss="alert">×</button>
                    </div>
                @endif

                @if ($errors->any())
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger alert-dismissible fade show floating-alert">
                            <strong>{{ $error }}</strong>
                            <button type="button" class="close" data-dismiss="alert">×</button>
                        </div>
                    @endforeach
                @endif
            </div>
            <div class="container-fluid">
                <div class="form">
                    <!-- search form -->
                    {{ Form::open(['url' => url('/report-generate-for-2-BB-Bill-Ref-IEC'), 'method' => 'POST', 'id' => 'orgListForm', 'class' => 'search-form']) }}
                    <div class="row">

                        <!-- Month Dropdown -->
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Month <span class="text-danger">*</span></th></label>
                                <select name="report_month" class="form-control form-control-sm">
                                    <option value="">Select Month</option>
                                    <option value="1">January</option>
                                    <option value="2">February</option>
                                    <option value="3">March</option>
                                    <option value="4">April</option>
                                    <option value="5">May</option>
                                    <option value="6">June</option>
                                    <option value="7">July</option>
                                    <option value="8">August</option>
                                    <option value="9">September</option>
                                    <option value="10">October</option>
                                    <option value="11">November</option>
                                    <option value="12">December</option>
                                </select>
                            </div>
                        </div>

                        <!-- Year Dropdown -->
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Year <span class="text-danger">*</span></th></label>
                                <select name="report_year" class="form-control form-control-sm">
                                    <option value="">Select Year</option>
                                    <option value='2026'>2026</option><option value='2025'>2025</option><option value='2024'>2024</option><option value='2023'>2023</option><option value='2022'>2022</option><option value='2021'>2021</option><option value='2020'>2020</option><option value='2019'>2019</option><option value='2018'>2018</option><option value='2017'>2017</option><option value='2016'>2016</option>                                </select>
                            </div>
                        </div>

                        <!-- Button -->
                        <div class="col-md-2">
                            <div class="form-group d-flex mt-3">
                                <button type="submit" id="generate" class="btn btn-solid btn-xs btn-info mr-2">
                                    Generate
                                </button>
                            </div>
                        </div>

                    </div>
                    {{ Form::close() }}
                </div>
            </div>
            <div class="cotainer-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div id='TBL_EXPORT' class="table-responsive">
                            <table id="example2" class="table table-bordered table-striped" border="1">
                                <thead>
                                    <tr class="text-center">
                                        <th>Sl</th>
                                        <th>Ref. No.</th>
                                        <th>Date</th>
                                        <th>Month</th>
                                        <th>Year</th>
                                        <th width="50">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (count($data['ReportList']) > 0)
                                        @foreach ($data['ReportList'] as $key => $value)
                                            <tr class="text-center">
                                                <td>{{ $key + 1 }}</td>
                                                <td> {{ $value->ref_no }} </td>
                                                <td> {{ date('d-m-Y', strtotime($value->date)) }} </td>
                                                <td> {{ date('F', mktime(0, 0, 0, $value->report_month, 1)) }} </td>
                                                <td> {{ $value->report_year }} </td>
                                                <td>
                                                    <a href="{{ asset($value->report_file_path) }}" target="_blank"
                                                        class="btn btn-primary">
                                                        <i class="fas fa-download"></i> View & Download
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="6" class="text-danger" style="text-align:center">No Record
                                                Found</td>
                                        </tr>
                                    @endif
                                </tbody>
                                <tfoot class="noExl">
                                    <tr>
                                        <td colspan="5" style="border: 0;" class="noExl">
                                            <div id="paginationxx">
                                                <p class="tsc_pagination">
                                                    {{ $data['ReportList']->appends(Request::except('page'))->links() }}
                                                </p>
                                            </div>
                                        </td>
                                        <td colspan="1" style="border: 0;" class="noExl">
                                            <div class="text-right" style="text-align:right;">
                                                <p>
                                                    {{ $data['ReportList']->firstItem() }} to
                                                    {{ $data['ReportList']->lastItem() }} Out of
                                                    {{ $data['ReportList']->total() }}
                                                </p>
                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        document.getElementById("orgListForm").addEventListener("submit", function(e) {

            let month = document.querySelector("[name='report_month']").value;
            let year = document.querySelector("[name='report_year']").value;

            // Month mapping
            let monthNames = {
                "1": "January",
                "2": "February",
                "3": "March",
                "4": "April",
                "5": "May",
                "6": "June",
                "7": "July",
                "8": "August",
                "9": "September",
                "10": "October",
                "11": "November",
                "12": "December"
            };

            // Validation (optional but recommended)
            if (!month || !year) {
                alert("Please select both Month and Year");
                e.preventDefault();
                return;
            }

            let monthName = monthNames[month];
            let message = `Are you sure you want to generate this report for ${monthName}-${year}?`;

            let confirmAction = confirm(message);

            if (!confirmAction) {
                e.preventDefault(); // stop submit if Cancel
            }
        });

        $(document).ready(function () {
            setTimeout(function () {
                $('.floating-alert').fadeOut('slow');
            }, 5000); // 5 seconds
        });
    </script>
@endsection