@extends('layouts.adminapp')

@section('title') {{ __('lng.Health') }} - {{ __('lng.Report') }} @endsection

<!-- Page Activation -->
@section('active_report', 'active')
@section('open_report', 'open')
@section('open_field', 'open')
@section('active_field', 'active')

@section('content')
    <style>
        .hiddenRow {
            padding: 0 !important;
        }
    </style>

    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <h1 class="page-title fw-semibold fs-18 mb-0">{{ __('lng.HelthReport') }}</h1>
        <div class="ms-md-1 ms-0">
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="javascript:void(0);">{{ __('lng.Settings') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('lng.HelthReport') }}</li>
                </ol>
            </nav>
        </div>
    </div>
    {{-- Subscription Payment Report --}}
    <x-app-flash />

    {{-- <h1 class="h3 mb-2 text-gray-800">{{ __('lng.PaymentVoucherReport') }}</h1> --}}

    {{-- <div class="card shadow mb-4">
      <div class="container">
         <div class="row py-3">
            <div class="col-sm-6 form-group">
               <label for="txtName">{{ __('lng.SearchName') }}</label>
               <input type="text"  class="form-control" name="searchdeatils"
                  id="txtSearchDetails" />
            </div>
         </div>
      </div>
   </div> --}}

    <!-- DataTales Example -->
    <div class="card custom-card">
        <div class="card-header justify-content-between">
            <div class="card-title">
                {{ __('lng.MemberHealthReport') }}
            </div>
            <div class="d-flex flex-wrap gap-2">
                <div>
                    <input type="text" id="SearchMember" oninput="Search(this.value)"
                        class="form-control form-control-sm" placeholder="{{ __('lng.SearchName') }}" aria-label="Search"
                        aria-describedby="basic-addon2">
                    {{-- <div class="input-group-append">
                        <button class="btn btn-primary" type="button">
                            <i class="fas fa-search fa-sm"></i>
                        </button>
                    </div> --}}
                </div>
                {{-- <div class="input-group w-25">
                  <select class="form-control" id="Gender" name="ledger_id" onchange="SelectGender(this.value)">
                     <option value="All" selected disabled>Select Gender</option>
                     <option value="All">All</option>
                     <option value="Male">Male</option>
                     <option value="Female">Female</option>
               </select>
               </div> --}}
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <div class="panel panel-default">
                    <div class="panel-body table-responsive">
                        <table class="table  table-bordered">
                            <thead>
                                <tr>
                                    <th>{{ __('lng.SiNo') }}</th>
                                    <th>{{ __('lng.Name') }}</th>
                                    <th>{{ __('lng.HouseName') }}</th>
                                    <th>{{ __('lng.Health') }} %</th>
                                    <th>{{ __('lng.Description') }}</th>
                                    <th>{{ __('lng.Contact') }}</th>
                                </tr>
                            </thead>
                            <tbody id="result-tbl">
                                @php $si=0; @endphp
                                @foreach ($Members as $Member)
                                    @if ($Member->health)
                                        <tr>
                                            <td>{{ ++$si }}</td>
                                            <td>{{ $Member->name }}</td>
                                            <td>{{ $Member->house->name }}</td>
                                            <td>{{ $Member->health }} %</td>
                                            <td>{{ $Member->health_description }}</td>
                                            <td>{{ $Member->contact }}</td>
                                        </tr>
                                    @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">

            <form method="POST" action="{{ route('PrintHelthReport') }}" enctype='multipart/form-data'>
                @csrf
                {{-- <input type="hidden" name="GetGender" id="GetGender"> --}}
                <div class="d-flex  justify-content-end p-2">
                    <button type="submit" class="btn btn-wave btn-sm btn-info">
                        <i class="ri-printer-line"></i> {{ __('lng.Print') }}
                    </button>
                </div>
            </form>
        </div>
    </div>

    <script>
        function Search(value) {
            $.ajax({
                url: '{{ route('SearchHelthReport') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    value: value
                },
                success: function(response) {
                    document.getElementById('result-tbl').innerHTML = response;
                }
            });
        }
    </script>

@endsection