@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-3A-Rpt-Month-Wise-Detail-Camp'), 'method' => 'POST', 'id' => 'orgListForm', 'class' => 'search-form']) }}
                    <div class="row">

                        <!-- Financial Year Dropdown -->
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Financial Year <span class="text-danger">*</span></label>
                                <select name="report_financial_year" class="form-control form-control-sm">
                                    <option value="">Select Financial Year</option>
                                    <option value='2026-27'>2026-27</option><option value='2025-26'>2025-26</option><option value='2024-25'>2024-25</option><option value='2023-24'>2023-24</option><option value='2022-23'>2022-23</option><option value='2021-22'>2021-22</option><option value='2020-21'>2020-21</option><option value='2019-20'>2019-20</option><option value='2018-19'>2018-19</option><option value='2017-18'>2017-18</option><option value='2016-17'>2016-17</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>Date</th>
                                        <th>Financial 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> {{ date('d-m-Y', strtotime($value->date)) }} </td>
                                                <td> {{ $value->report_financial_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="4" class="text-danger" style="text-align:center">No Record
                                                Found</td>
                                        </tr>
                                    @endif
                                </tbody>
                                <tfoot class="noExl">
                                    <tr>
                                        <td colspan="3" 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 fin_year = document.querySelector("[name='report_financial_year']").value;

            // Validation (optional but recommended)
            if (!fin_year) {
                alert("Please select financial year.");
                e.preventDefault();
                return;
            }

            let message = `Are you sure you want to generate this report for ${fin_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