@extends('layouts.app')

@section('title')
    {{ __('Reports') }}
@endsection

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="fas fa-chart-bar"></i>
                        {{ __('Reports') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('patient.index') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Reports') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Reports list') }}</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <div id="accordion">
                <!-- we are adding the .class so bootstrap.js collapse plugin detects it -->
                <div class="card card-info">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="btn btn-primary collapsed"
                        aria-expanded="false">
                        <i class="fas fa-filter"></i> {{ __('Filters') }}
                    </a>
                    <div id="collapseOne" class="panel-collapse in collapse">
                        <div class="card-body">
                            <div class="row ">
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label for="filter_status">{{ __('Status') }}</label>
                                        <select name="filter_status" id="filter_status" class="form-control select2">
                                            <option value="" selected>{{ __('All') }}</option>
                                            <option value="1"
                                                {{ isset($_GET['filter_done']) ? ($_GET['filter_done'] == 1 ? 'selected' : '') : '' }}>
                                                {{ __('Done') }}</option>
                                            <option value="0"
                                                {{ isset($_GET['filter_pending']) ? ($_GET['filter_pending'] == 0 ? 'selected' : '') : '' }}>
                                                {{ __('Pending') }}</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label for="filter_test">{{ __('Laboratory') }}</label>
                                        <select name="filter_lab[]" id="filter_lab" class="form-control select2" multiple>
                                            <option value="">{{ __('All') }}</option>
                                            @if (isset($laboratories))
                                                @foreach ($laboratories as $lab)
                                                    <option value="{{ $lab->id }}">{{ $lab->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 table-responsive">
                    <table id="patient_groups_table" class=" table table-striped table-bordered" width="100%">
                        <thead>
                            <tr>

                                <th width="10px">#</th>
                                <th width="150px">{{ __('Date') }}</th>
                                <th width="300px">{{ __('Laboratory') }}</th>
                                <th width="300px">{{ __('Tests') }}</th>
                                <th width="300px">{{ __('Client Name') }}</th>
                                <th width="100px">{{ __('Total') }}</th>
                                <th width="100px">{{ __('Paid') }}</th>
                                <th width="100px">{{ __('Due') }}</th>
                                <th width="100px">{{ __('Done') }}</th>
                                <th width="300px">{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- /.card-body -->
    </div>

    @include('patient.groups.customer_survey_report_modal')

@endsection
@section('scripts')
    <script src="{{ url('js/patient/groups.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var hasMergeInput = document.getElementById('has_merge');

            console.log(hasMergeInput);

        });
    </script>
@endsection