@extends('layout.app')


@section('content')
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-12">
                    <div class="card card-body">
                        <form action="{{ route('client-summary-report') }}" method="get" id="search">
                            <div class="row">
                                <div class="form-group col-md-2">
                                    <select class="form-control form-control-sm select2" name="month_year">
                                        <option value="">Select Month</option>
                                        @foreach ($allMonths as $month)
                                            <option value="{{ $month->id }}"
                                                {{ $selectedMonth == $month->id ? 'selected' : '' }}>
                                                {{ $month->month_year }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group col-md-3">
                                    <input type="text" class="form-control form-control-sm" name="search"
                                        value="{{ $search }}" placeholder="Search by Client Id or User Id">
                                </div>

                                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6">
                                    <button type="submit" id="searchBtn" class="btn btn-primary btn-block form-control">
                                        Search
                                    </button>
                                </div>

                                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6">
                                    <a class="btn btn-warning btn-block form-control"
                                        href="{{ route('client-summary-report') }}">
                                        Reset
                                    </a>
                                </div>

                                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6">
                                    <a class="btn btn-success btn-block form-control"
                                        href="{{ route('client-summary-report.export', ['month_year' => $selectedMonth, 'search' => $search]) }}">
                                        <i class="fas fa-file-csv"></i> Download
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title" style="color:#115548;">
                                Client List
                                @if ($monthYear)
                                    ({{ $monthYear }})
                                @endif
                                — {{ number_format($activeClients->total()) }}
                                {{ $search !== '' ? 'matching' : 'active' }} clients
                            </h3>
                            <div class="card-tools">
                            </div>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Active Client Id </th>
                                            <th>User Id</th>
                                            <th>Current Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($activeClients as $key => $client)
                                            <tr>
                                                <td>{{ $activeClients->firstItem() + $key }}</td>
                                                <td>{{ $client['id'] }}</td>
                                                <td>{{ $client['userid'] ?? 'N/A' }}</td>
                                                <td>{{ $client['status'] }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No record found</td>
                                            </tr>
                                        @endforelse

                                    </tbody>
                                </table>
                            </div>

                            {{ $activeClients->onEachSide(1)->links() }}

                        </div>

                    </div>
                    <!-- /.card -->

                </div>
            </div>
            <!-- /.row -->



        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
@endsection