@extends('layouts.app')

@section('title', 'Report List')

@section('content')
<div class="right-content-wrapper">
	<div class="container-fluid p-0">
        <!-- Page Heading -->
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="main-heading h3 mb-0 text-gray-800">Reports</h1>
            <!--<a href="{{ route('report.export-report-data') }}" class="btn btn-sm btn-success">
                <i class="fas fa-check"></i> Export To Excel
            </a>-->
            <!--<div class="row">
                <div class="col-md-6">
                    <a href="{{ route('sections.create') }}" class="btn btn-sm btn-primary">
                        <i class="fas fa-plus"></i> Add New
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="#" class="btn btn-sm btn-success">
                        <i class="fas fa-check"></i> Export To Excel
                    </a>
                </div>
            </div>-->
        </div>

        {{-- Alert Messages --}}
        @include('common.alert')

        <div class="row mb-4">
            <div class="col-md-5">
                <form class="d-none1 d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search" action="{{ route('report.index') }}" method="get">
                    <div class="input-group mb-3">
                        <input type="text" name="search" value="{{$search}}" class="form-control form-control-placeholder" placeholder="Search By Site Name, City, Area">
                        <div class="input-group-append">
                            <button class="btn btn-primary" type="submit">
                                <i class="fas fa-search fa-sm"></i>
                            </button>
                        </div>
                    </div>
                </form>
                <a href="{{ route('report.index') }}" class="btn btn-primary">Clear</a>
            </div>
            <div class="col-md-5">
                <button type="button" class="btn btn-primary-blue" data-toggle="collapse" id="showReportFilter"><i class="fas fa-filter"></i> Filter</button>
                <a href="{{ route('report.index') }}" class="btn btn-primary">Clear</a>
                
                <form name="reportDownloadForm" id="reportDownloadForm" action="{{ route('report.download-report') }}" method="post" class="d-inline">
                    @csrf
                    <input type="hidden" name="report_ids" value="" id="report_ids" />
                    <select name="report_type" class="form-control col-md-3 d-inline" style="padding-top: 2px;">
                        <option value="digital">Digital</option>
                        <option value="print">Print</option>
                    </select>
                    <button type="submit" name="download_report" class="btn btn-success" id="reportDownload"><i class="fas fa-download"></i> Download</button>
                </form>  
            </div> 
            @if(auth()->user()->role_id==1)
            <div class="col-md-2 text-right">
                <a href="{{ route('report.export-report-data') . '?' . http_build_query(request()->all()) }}" class="btn btn-sm pl-1 pr-1 pb-2 pt-2 btn-success export-report" style="border-radius:.35rem;">
                    <i class="fas fa-check"></i> Export To Excel
                </a>
            </div>
			@endif
            <!--<div class="col-md-6 text-right">
                <a href="{{ route('report.index')}}" class="btn btn-primary">Add Report</a>
            </div>-->
        </div>

        <div class="row mb-4">
            <div class="collapse hide" id="reportFilter">
                <div class="card card-body">
                    <div id="error-message" class="d-none">Please fill in at least one field.</div>
                    <form name="reportFilterForm" id="reportFilterForm" action="{{ route('report.index') }}" method="get" class="">
                        <input type="hidden" name="report_filter" value="1" />
                        <div class="row mb-2">
                            <div class="col">
                                <label for="">Segment</label>
                                <select name="segment" class="form-control">
                                    <option value="">Select Segment</option>
                                    @if(!empty($segmentCategories))
                                        @foreach($segmentCategories as $segment)
                                            <option value="{{ $segment->id}}" {{ ($filter['segment'] == $segment->id) ? 'selected' : '' }}>{{ $segment->segment_category_name}}</option>
                                        @endforeach
                                    @endif
                                </select>                          
                            </div>
                            <div class="col">
                                <label for="">Region</label>
                                <select name="region" class="form-control">
                                    <option value="">Select Region</option>
                                    @if(!empty($regions))
                                        @foreach($regions as $region)
                                            <option value="{{ $region->id}}" {{ ($filter['region'] == $region->id) ? 'selected' : '' }}>{{ $region->region_name}}</option>
                                        @endforeach
                                    @endif
                                </select>            
                            </div>
                            <div class="col">
                                <label for="">Status</label>
                                <!--<a href="javascript:void(0);" rel="tooltip" title="For the 'On-Going' report status, date will be consider as report created date.">(i)</a>-->
                                <select name="status" class="form-control">
                                    <option value="">Select Status</option>
                                    <option value="0" {{ ($filter['status'] == 0) ? 'selected' : '' }}>On-Going</option>   
                                    <option value="1" {{ ($filter['status'] == 1) ? 'selected' : '' }}>Published</option>                   
                                    <option value="2" {{ ($filter['status'] == 2) ? 'selected' : '' }}>Submit For Approval</option>                      
                                    <option value="3" {{ ($filter['status'] == 3) ? 'selected' : '' }}>Rejected</option>                      
                                </select>                      
                            </div>
                            <div class="col">
                                <label for="">Note</label>
                                <p>For the 'Published' report status, date will be consider as report published date.</p>
                            </div>  
                        </div>
                        <div class="row">
                            <div class="col">
                                <label for="">Boqs</label>
                                <select name="boq" class="form-control">
                                    <option value="">Select Boqs</option>
                                    @if(!empty($boqs))
                                        @foreach($boqs as $category)
                                            <optgroup label="{{ $category->boq_category_name }}" disabled></optgroup>
											<option value="cat_{{ $category->id}}" {{ ($filter['boq'] == "cat_".$category->id) ? 'selected' : '' }}>All in {{ $category->boq_category_name}}</option>
                                            @foreach($category->boqs as $boq)
                                                <option value="{{ $boq->id}}" {{ ($filter['boq'] == $boq->id) ? 'selected' : '' }}>{{ $boq->title}}</option>
                                            @endforeach
                                        @endforeach
                                    @endif
                                </select>            
                            </div>
                            <div class="col">
                                <label for="">Start Date (Created Date)</label>
                                <input type="text" name="start_date" value="{{$filter['start_date']}}" class="form-control form-field-datepicker-no-future-start-date" placeholder="Start Date">
                            </div>
                            <div class="col">
                                <label for="">End Date (Created Date)</label>
                                <input type="text" name="end_date" value="{{$filter['end_date']}}" class="form-control form-field-datepicker-no-future-end-date" placeholder="End Date">
                            </div>
                            <div class="col">
                            <label for="">&nbsp;</label>
                                <button type="submit" name="filter" class="form-control btn btn-primary" id="applyFilter">Apply</button>
                            </div>
                        </div>
                        <!--<div class="row">  
                            <div class="col">
                                <p>Note: For the 'On-Going' report status, date will be consider as report created date.</p>
                            </div>    
                        </div>-->
                    </form>
                </div>
            </div>
        </div>

        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">All Reports</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table cm-table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>All<br><input type="checkbox" name="report_id_all" class="select-all" value="all" /></th>
                                <th>Site ID</th>
                                <th>Site Name</th>
                                <th>User Name</th>
                                <th>Email</th>
                                <th>Segment</th>
                                <th>Pincode</th>
                                <th>Location City</th>
                                <th>Status</th>
                                <th>Published Date</th>
                                <th>Downloads</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($reports)>0)
                                @foreach ($reports as $report)
                                <tr>
                                    <td><input type="checkbox" name="selected_report_ids[]" class="report-item" value="{{$report->id}}" /></td>
                                    <td>{{ $report->ap_tid }}</td>
                                    <td>{{ $report->site_name }}</td>
                                    <td>{{ isset($report->reportUser) ? $report->reportUser->name : $report->name }}</td>
                                    <td>{{ isset($report->reportUser) ? $report->reportUser->email : $report->email }}</td>
                                    <td>{{ Helper::reportSegmentCategoryName($report->report_segment_category_id) }}</td>
                                    <td>{{ $report->location_area }}</td>
                                    <td>{{ $report->location_city }}</td>
                                    <td>
                                        @if ($report->status == 0)
                                        <span class="badge badge-status badge-warning">On-Going</span>
                                        @elseif ($report->status == 1)
                                        <span class="badge badge-status badge-success">Published</span>
                                        @elseif ($report->status == 2)
                                        <span class="badge badge-status badge-info">Submit For Approval</span>
                                        @elseif ($report->status == 3)
                                        <span class="badge badge-status badge-danger">Rejected</span>
                                        @endif
                                    </td>
                                    <td>{{ $report->published_date }}</td>
                                    <td>
                                        @if($report->report_submission_download_logs_count>0)    
                                            <a href="{{ route('report.downloads', $report->id) }}" class="" target="_blank">{{ $report->report_submission_download_logs_count }}</a>
                                        @else
                                            0
                                        @endif
                                    </td>
                                    <td style="display: flex">
                                        <a target="_blank" href="{{ route('report.create-report-pdf', ['report' => $report->id]) }}" class="btn btn-primary m-2" rel="tooltip" title="View PDF">
                                            <i class="fa fa-eye"></i>
                                        </a>
                                        <a target="_blank" href="{{ route('report.requestlogs', $report->id) }}" class="btn btn-primary m-2" rel="tooltip" title="View Request">
                                            <i class="fa fa-file-signature"></i>
                                        </a>
                                        <a class="btn btn-danger m-2 delete-report-Btn" data-delete-url="{{ route('report.destroy', $report->id) }}" href="javascript:voide(0);" data-toggle="modal" data-target="#deleteModal" rel="tooltip" title="Delete">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            @else
                            <tr>
                                <td colspan="12">There are no data.</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>

                    {{-- $reports->links() --}}
                    {{ $reports->appends(request()->query())->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@include('reports.delete-modal')
@endsection

@push('script')
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>-->
<script>
    $(document).ready(function() {
        //$("[rel=tooltip]").tooltip({ placement: 'top'});
        //$('[data-toggle="tooltip"]').tooltip({ placement: 'top'});

        $(".delete-report-Btn").click(function(event) {
            var deleteReportUrl = $(this).data('delete-url');
            $("#report-delete-form").attr('action', deleteReportUrl);
        });

        $('.select-all').click(function() {
            var isChecked = $(this).prop('checked');
            $('.report-item').prop('checked', isChecked);
        });

        $('.report-item').click(function() {
            if ($('.report-item:checked').length === $('.report-item').length) {
                $('.select-all').prop('checked', true);
            } else {
                $('.select-all').prop('checked', false);
            }
        });
        //Filter Report
        $('#showReportFilter').on('click', function() {
            $('#reportFilter').collapse('toggle');
        });
        //Download Report with Zip Attachment in Email - Job & cron to remove after 7 days.
        $('#reportDownloadForm').on('submit', function(event) {
            // Check if any checkbox is checked
            //alert('Ziipppp doenload report');
            if ($('input[name="selected_report_ids[]"]:checked').length === 0) {
                alert('Please select at least one report to download.');
                event.preventDefault(); // Prevent form submission
            }else{
                var selectedIds = [];
                var selected_report_ids = $('').val();
                $('.report-item:checked').each(function() {
                    selectedIds.push($(this).val());
                });
                $('#report_ids').val(selectedIds.join(','));
            }
        });
        //Export Report .export-report
        
    });
</script>
@endpush