{{-- PAGE LAYOUNT SECTION ADD --}}
@extends('layouts.adminapp')

{{-- ADD PAGE TITLE --}}
@section('title')
    {{ __('lng.HouseTokenReport') }}
@endsection

{{-- ADD CONTENT IN LAYOUT PAGE --}}
@section('content')
    <style>
        .hiddenRow {
            padding: 0 !important;
        }
    </style>

    <!-- DataTales Example -->
    <div class="card shadow mb-4 HouseCardArea">
        <div class="card-header py-3 d-flex flex-row justify-content-end">
            <div class="input-group w-25 input-search">
                <input type="text" id="SearchMember" oninput="Search(this.value)" value="{{ $SerachValue }}"
                    class="form-control bg-light border-1 small" 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>

        <div class="table-responsive " id="result-tbl">

         @php
         $Company = PBFunc::GetCompany();
         @endphp
            @if ($SearchResult)
                @php echo $SearchResult @endphp
            @else
                <div class="card-body">
                    <div class="row px-3">
                        @foreach ($Houses as $House)
                            <div class="col-sm-12 col-lg-12 col-md-12 col-xl-6 mb-2">
                                <div class="card shadow">
                                    <div class="card-body MemberShipCard">
                                        <div class="table-responsive">
                                            <table style="padding-top:0;  padding-bottom:5px; color:#000;">
                                                <tr>
                                                    <td style="width: 24%;">
                                                        @if ($Company->logo)
                                                            <img class="CompanyImage"
                                                                src="{{ PBFunc::ImageLink(PBCon::STORAGE_LOCATION_IMAGE_CompanyLogo, $Company->logo) }}" />
                                                        @endif
                                                    </td>
                                                    <td style="width: 76%; text-align:center;">
                                                        <h5 class="CompanyHead ">{{ $Company->title }} </h5>
                                                        <h6 class="CompanyDetails">{{ $Company->place }},
                                                            {{ $Company->district }},<br>
                                                            {{ $Company->state }}{{ $Company->email }},{{ $Company->contact }}
                                                        </h6>
                                                    </td>
                                                </tr>
                                            </table>
                                            <hr>
                                            <table style="padding-top:0; width: 100%; padding-bottom:5px; color:#000;">
                                                <td>
                                                    <span class="MemberDetails">{{ __('lng.HouseName') }}
                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: &nbsp; {{ $House->name }}
                                                    </span>
                                                    <br>
                                                    <span class="MemberDetails">{{ __('lng.Author') }}
                                                        &nbsp;&nbsp;&nbsp;&nbsp;: &nbsp;
                                                        @foreach ($House->members as $Member)
                                                            @if ($Member->member_relation_id == App\Extra\General\DBFixedValues::AUTHORITY)
                                                                {{ $Member->name }}
                                                            @endif
                                                        @endforeach
                                                    </span><br>
                                                    <span class="MemberDetails">{{ __('lng.RegisterNo') }}
                                                        &nbsp;&nbsp;&nbsp;&nbsp;: &nbsp; {{ $House->registernumber }}
                                                    </span><br>
                                                    <span class="MemberDetails">{{ __('lng.Area/Ward') }}
                                                        &nbsp;&nbsp;&nbsp;&nbsp;: &nbsp; {{ $House->area }}
                                                    </span><br>
                                                </td>
                                                <td>
                                                    <img class="QRCode" 
                                                        src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data={{ $House->name }}{{ $House->registernumber }}{{ $House->place }}{{ $House->post }}{{ $House->pin }}{{ $House->district }}{{ $House->state }}" />
                                                </td>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="card-footer">
                    <div class="table-responsive" id="card-footer">
                        {{ $Houses->links() }}
                    </div>
                </div>
            @endif
        </div>
    </div>

    <div>


        <form method="POST" action="{{ route('PrintHouseTokenReport') }}" enctype='multipart/form-data'>
            @csrf
            <input type="hidden" name="get_value" id="getValue">
            <div class="d-flex  justify-content-end p-2">
                <button type="submit" class="btn btn-info btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-print"></i>
                    </span>
                    <span class="text">{{ __('lng.Print') }}</span>
                </button>
            </div>
        </form>
    </div>

    <script>
        function Search(value) {
         
            document.getElementById('getValue').value=value;

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