@extends('layout.app')

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

        {{-- Filter card --}}
        <div class="card mb-3">
            <div class="card-header">
                <h4 class="card-title mb-0">{{ $page_title }}</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('summary-report-created-by') }}" method="GET">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>From Date</label>
                                <input type="date" name="from_date" class="form-control form-control-sm"
                                    value="{{ request('from_date', now()->startOfMonth()->format('Y-m-d')) }}">
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label>To Date</label>
                                <input type="date" name="to_date" class="form-control form-control-sm"
                                    value="{{ request('to_date', now()->endOfMonth()->format('Y-m-d')) }}">
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Created By</label>
                                <select name="created_by" class="form-control form-control-sm select2">
                                    <option value="">All Users</option>
                                    <option value="Website" {{ request('created_by') == 'Website' ? 'selected' : '' }}>
                                        Website</option>
                                    @foreach ($users as $user)
                                        <option value="{{ $user->id }}"
                                            {{ request('created_by') == $user->id ? 'selected' : '' }}>
                                            {{ $user->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Source</label>
                                <select name="source_id" class="form-control form-control-sm select2">
                                    <option value="">All Sources</option>
                                    @foreach ($clientSources as $source)
                                        <option value="{{ $source->id }}"
                                            {{ request('source_id') == $source->id ? 'selected' : '' }}>
                                            {{ $source->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-12 text-right">
                            <a href="{{ route('summary-report-created-by') }}" class="btn btn-secondary btn-sm">Reset</a>
                            <button type="submit" class="btn btn-primary btn-sm">Search</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        {{-- Summary cards --}}
        <div class="row">
            <div class="col-md-4 col-sm-6 mb-3">
                <div class="card text-white bg-primary h-100">
                    <div class="card-body text-center">
                        <h6 class="card-title">Total Request Came</h6>
                        <h2 class="mb-0">{{ $totalRequestCame }}</h2>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-6 mb-3">
                <div class="card text-white bg-success h-100">
                    <div class="card-body text-center">
                        <h6 class="card-title">Confirmed Request</h6>
                        <h2 class="mb-0">{{ $confirmedRequest }}</h2>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-6 mb-3">
                <div class="card text-white bg-info h-100">
                    <div class="card-body text-center">
                        <h6 class="card-title">Recent Customer (Line Active)</h6>
                        <h2 class="mb-0">{{ $recentCustomer }}</h2>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-6 mb-3">
                <div class="card text-white bg-danger h-100">
                    <div class="card-body text-center">
                        <h6 class="card-title">Cancelled Request</h6>
                        <h2 class="mb-0">{{ $cancelledRequest }}</h2>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-6 mb-3">
                <div class="card text-white bg-warning h-100">
                    <div class="card-body text-center">
                        <h6 class="card-title">Confirmation Percentage</h6>
                        <h2 class="mb-0">{{ $confirmationPercentage }}%</h2>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection