@extends('layouts.main')

@section('main-content')
@php
    $queryParams = session(\App\Helpers\ReportQueryBuilders::REVENUE_RPT_FILTER_SESS_KEY);
    $filterUrl = Request::fullUrl();
    $clearFilterUrl = explode("?", $filterUrl)[0];
    $showFilter = collect($queryParams)->filter(function ($value, $key){ return !empty($value); })->isNotEmpty();
@endphp
    <section class="main-content-section thin-section-border">

        <div class="row m-2">
            <div class="col-md-6 col-sm-12">
                <h5 id="filter_instruction" style="display: none;">Apply any or all of the filters below to streamline your search</h5>
            </div>
            <div class="col-md-6 col-sm-12 text-right">
                <a href="{{ $clearFilterUrl }}" class="btn underline">Clear Filter</a>
                <button class="btn btn-lg btn-primary float-right" id="toggle_filter_section" onclick="$('#bills_filter_section, #filter_instruction').toggle('show');">Show/Hide Filter
                </button>
            </div>
        </div>
        <div class="row m-2">
            <div class="col-sm-12 m-auto">
                <form id="bills_filter_section" action="{{ $filterUrl }}" class="row pt-2">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="form-label" for="filter_ministry">Ministry</label>
                            <select name="filter_ministry" id="filter_ministry" class="form-control" data-preselected="{{ old('filter_ministry', $queryParams->filter_ministry ) }}">
                                <option value="">Filter By Ministry</option>
                                @foreach($ministries as $ministry)
                                    <option @if($ministry->id == old('filter_ministry', $queryParams->filter_ministry )) selected
                                            @endif value="{{ $ministry->id }}">{{ $ministry->display_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="form-label" for="filter_department">Department</label>
                            <select name="filter_department" id="filter_department" class="form-control" data-preselected="{{ old('filter_department', $queryParams->filter_department ) }}">
                                <option value="">Filter By Department</option>
                                @foreach($departments as $department)
                                    <option @if($department->id == old('filter_department', $queryParams->filter_department)) selected
                                            @endif value="{{ $department->id }}">{{ $department->display_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="form-label" for="filter_service">Service</label>
                            <select name="filter_service" id="filter_service" class="form-control" data-preselected="{{ old('filter_service', $queryParams->filter_service ) }}">
                                <option value="">Filter By Service</option>
                                @foreach($services as $service)
                                    <option @if($service->id == old('filter_service', $queryParams->filter_service)) selected
                                            @endif value="{{ $service->id }}">{{ $service->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="form-label" for="filter_start_date">Payment Made From</label>
                            <input type="text" value="{{ old('filter_start_date', $queryParams->filter_start_date) }}" id="filter_start_date" name="filter_start_date"
                                   placeholder="From Date" readonly class="form-control pick-date from-date">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="form-label" for="filter_end_date">Payment Made Till</label>
                            <input type="text" value="{{ old('filter_end_date', $queryParams->filter_end_date) }}" id="filter_end_date" name="filter_end_date"
                                   placeholder="To Date" readonly class="form-control pick-date to-date">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="form-label"></label>
                            <button class="btn btn-primary w-100 h-100">Filter</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row m-2">
            <div class="col-md-3">
                <div class="card report-stats-box stats-box">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="nk-wgw-name">
                                <div class="nk-wgw-icon">
                                    <em class="icon ni naira-prefix"></em>
                                </div>
                                <h5 class="nk-wgw-title title">Received Revenue</h5>
                            </div>
                            <div class="nk-wgw-balance">
                                <div class="stats-amount naira-prefix">{{ number_format($totalActualRevenue, 2) }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card report-stats-box stats-box">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="nk-wgw-name">
                                <div class="nk-wgw-icon">
                                    <em class="icon ni ni-shield-alert"></em>
                                </div>
                                <h5 class="nk-wgw-title title">Expected Revenue</h5>
                            </div>
                            <div class="nk-wgw-balance">
                                <div class="stats-amount naira-prefix">{{ number_format($totalExpectedRevenue, 2) }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card mt-0">
                    <div class="card-content collapse show">
                        <div class="card-body card-dashboard">
                            <div class="row mb-2">
                                <div class="col-md-6 offset-md-6">
                                    <div class="dt-buttons btn-group float-right">
                                        <a class="btn btn-outline-success" href="{{ count(explode("?", $filterUrl)) > 1 ? $filterUrl . '&download_report=yes' : $filterUrl .'?download_report=yes'}}" tabindex="0" aria-controls="example"><span class="icon ni ni-download"> </span>Download Report</a>
                                    </div>
                                </div>
                            </div>
                            <table class="table table-bordered table-responsive report-table-res">
                                <caption></caption>
                                <thead class="thead-dark">
                                <tr>
                                    <th scope="col" colspan="6" class="text-uppercase" style="font-size: 18px">Revenue Breakdown by Services</th>
                                </tr>
                                <tr>
                                    <th scope="col">S/N</th>
                                    <th scope="col">Ministry</th>
                                    <th scope="col">Department</th>
                                    <th scope="col">Service</th>
                                    <th scope="col">Expected Revenue</th>
                                    <th scope="col">Received Revenue</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($revenueReportPayload as $item)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td class="nk-tb-col">{{ $item->ministry_name }}</td>
                                        <td class="nk-tb-col">{{ $item->department_name }}</td>
                                        <td class="nk-tb-col">{{ $item->service_name }}</td>
                                        <td class="nk-tb-col naira-prefix">{{ number_format($item->expected_revenue, 2) }}</td>
                                        <td class="nk-tb-col naira-prefix">{{ number_format($item->actual_revenue, 2) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <div class="col-md-12">
                                {{ $revenueReportPayload->links() }}
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection

@section('more-scripts')
    <script>
        $(document).ready(function () {
            @if(!$showFilter)
            $('#bills_filter_section #filter_instruction').hide();
            @endif
        });
    </script>
    <script src="{{ asset('js/filter-datepicker-handler.js') }}"></script>
@stop