@extends('Admin/layout')
@section('title','Active Criteria Report')
@section('content')
@if(has_permission('Report','Active Criteria Report'))
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                <h4 class="card-title mb-0 flex-grow-1">Active Criteria Report</h4>
                <form action="{{route('visitportal.activeCriteriaReport')}}" class="g-3" method="post" >
                        {{csrf_field()}}
                        <div class="row" >
                            <div class="col-md-2" >
                                <label for="validationDefault01" class="form-label">Month Name</label>
                                <select class="single-select form-control " id="monthname" name="monthname">
                                        <option value="" >Select Month Name</option>
                                        @if(!empty($month_names))
                                            @foreach($month_names as $key => $value)
                                                <option value="{{$key + 1}}" {{$monthname == ($key + 1) ? 'selected' : ''}} >{{$value}}</option>
                                            @endforeach
                                        @endif
                                        
                                </select>
                            </div>
                            <div class="col-md-2" >
                                <label for="validationDefault01" class="form-label">Year</label>
                                <select class="single-select form-control " id="year" name="year">
                                        <option value="" >Select Year</option>
                                        @if(!empty($year_names))
                                            @foreach($year_names as $key => $value)
                                                <option value="{{$value}}" {{$year == $value ? 'selected' : ''}}  >{{$value}}</option>
                                            @endforeach
                                        @endif
                                        
                                </select>
                            </div>
                            <div class="col-md-2" >
                                <label for="validationDefault01" class="form-label">Color</label>
                                <select class="single-select form-control " id="color" name="color">
                                        <option value="" >Select Color</option>
                                        <option value="Yellow" {{$color == 'Yellow' ? 'selected' : ''}}  >Yellow</option>
                                        <option value="Green" {{$color == 'Green' ? 'selected' : ''}}  >Green</option>
                                        <option value="Red" {{$color == 'Red' ? 'selected' : ''}}  >Red</option>
                                </select>
                            </div>



                            <div class="col-md-1">
                                <div class="form-group" style="margin-top: 6px;">
                                    <input id="btnsearch" type="submit" name="submitbtn" class="form-control btn btn-primary"  style="margin-top: 20px;width:100%" value="Filter">
                                </div>
                            </div>
                            <div class="col-md-1">
                                <div class="form-group" style="margin-top: 6px;">
                                    <input id="btnsearch" type="submit" name="submitbtn" class="form-control  btn btn-success"  style="margin-top: 20px;width:100%" value="Export">
                                </div>
                            </div>
                        </div>
                        </form>
                </div>
            </div>
        </div>
        <div class="col-xl-12">
            <div class="card">
              

                <div class="card-body">
                    <div class="live-preview">
                        <div class="table-responsive table-card mb-1">
                            <table class="table table-sm table-striped align-middle table-nowrap mb-0">
                                <thead class="table-dark">
                                    <tr>

                                        <th scope="col">S.No</th>
                                        <th scope="col">Name</th>
                                        <th scope="col">Father Name</th>
                                        <th scope="col">Email</th>
                                        <th scope="col">Phone</th>
                                        <th scope="col">Rera Number</th>
                                        <th scope="col">Team Name</th>
                                        <th scope="col">Pin Name</th>
                                        <th scope="col">Upliner Name</th>
                                        <th scope="col">Visit Count</th>
                                        <th scope="col">Meeting Count</th>
                                        <th scope="col">Sales Count</th>
                                        <th scope="col">Active Criteria</th>
                                        
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                @if(!empty($data))
                                    @foreach($data as $key => $value)
                                    <tr bgcolor="{{$value->ActiveCriteria}}" style="color:{{$value->ActiveCriteria == 'Yellow' ? '#000': '#fff'}}">
                                        <td>{{$key + 1}}</td>
                                        <td>{{$value->name}}</td>
                                        <td>{{$value->father_name}}</td>
                                    
                                        <td>{{$value->email}}</td>
                                        <td>{{$value->phone}}</td>
                                        <td>{{$value->rera_no}}</td>
                                        <td>{{$value->TeamName}}</td>
                                        <td>{{$value->PinName}}</td>
                                        <td>{{$value->Upliner_Name}}</td>
                                        <td>{{$value->VisitCount}}</td>
                                        <td>{{$value->MeetingCount}}</td>
                                        <td>{{$value->SalesCount}}</td>
                                        <td>{{$value->ActiveCriteria}}</td>
                                        
                                    </tr>
                                    @endforeach

                                @endif
                                </tbody>
                                
                            </table>
                            <!-- end table -->
                        </div>
                        <!-- end table responsive -->
                    </div>
                    
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->
    </div>
</div>



<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
@endif

@endsection