@extends('layouts.adminapp')
@section('content')

    {{-- House Subscription --}}
    <x-app-flash />
    <h1 class="h3 mb-2 text-gray-800">{{ __('lng.MemberSubscription') }}</h1>

    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">{{ __('lng.MemberSubscriptionTable') }}</h6>
            <div class="input-group w-25 input-search">
                <input type="text" oninput="Search(this.value);" value="{{ $SerachValue }}"
                    class="form-control bg-light small" placeholder="{{ __('lng.SearchFor') }}" 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>
            <a href="{{ route('MemberSubscription.create') }}" class="btn btn-primary btn-icon-split">
                <span class="icon text-white-50">
                    <i class="fas fa-plus"></i>
                </span>
                <span class="text">{{ __('lng.CreateNew') }}</span>
            </a>
        </div>
        <div id="result-tbl">
            @if ($SearchResult)
                @php echo $SearchResult @endphp
            @else
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>{{ __('lng.SiNo') }}</th>
                                    <th>{{ __('lng.Date') }}</th>
                                    <th>{{ __('lng.Member') }}</th>
                                    <th>{{ __('lng.Contact') }}</th>
                                    <th>{{ __('lng.House') }}</th>
                                    <th>{{ __('lng.RegisterNumber') }}</th>
                                    <th>{{ __('lng.SubscriptionPackage') }}</th>
                                    <th>{{ __('lng.Pending') }} / {{ __('lng.Advance') }}</th>
                                    <th>{{ __('lng.Amount') }}</th>
                                    <th class="text-center" colspan="2">{{ __('lng.Action') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $si=0; @endphp
                                @foreach ($MemberSubscriptions as $MemberSubscription)
                                    <tr>
                                        <td>{{ ++$si }}</td>
                                        @php $DTs =  date("d-m-Y",strtotime($MemberSubscription->date)); @endphp
                                        <td>{{ $DTs }}</td>
                                        <td>{{ $MemberSubscription->member->name ?? '' }}</td>
                                        <td>{{ $MemberSubscription->member->contact ?? '' }}</td>
                                        <td>{{ $MemberSubscription->member->house->name ?? '' }}</td>
                                        <td>{{ $MemberSubscription->member->house->registernumber ?? '' }}</td>
                                        <td>{{ $MemberSubscription->subscriptionpackage->title ?? '' }}</td>
                                        <td>
                                            @if ($MemberSubscription->DRorCR == 'Dr')
                                                {{ __('lng.Pending') }}
                                            @elseif($MemberSubscription->DRorCR == 'Cr')
                                                {{ __('lng.Advance') }}
                                            @else
                                                {{ __('lng.None') }}
                                            @endif
                                        </td>
                                        <td>@currency($MemberSubscription->openingbalance)</td>
                                        <td class="text-center">
                                            <a href="{{ route('MemberSubscription.edit', $MemberSubscription->id) }}"
                                                class="btn btn-primary btn-circle btn-sm" data-bs-placement="bottom"
                                                title="{{ __('lng.Edit') }}">
                                                <i class="fas fa-pen"></i>
                                            </a>
                                        </td>
                                        <td class="text-center">
                                            <form method="POST"
                                                action="{{ route('MemberSubscription.destroy', $MemberSubscription->id) }}"
                                                Id="form-delete-{{ $MemberSubscription->id }}">
                                                @csrf
                                                @method('delete')
                                                <a class="btn btn-danger btn-circle btn-sm"
                                                    onclick="
                                                    event.preventDefault();
                                                    if(confirm('Are you sure delete this'))
                                                    {
                                                        document.getElementById('form-delete-{{ $MemberSubscription->id }}').submit();
                                                    }"
                                                    data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                    title="{{ __('lng.Delete') }}">
                                                    <i class="fas fa-trash"></i>
                                                </a>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <p class="mb-0">{{ $MemberSubscriptions->count() }} {{ __('lng.Items') }}</p>
                    </div>
                </div>
                <div class="card-footer table-responsive" id="card-footer">
                    {{ $MemberSubscriptions->links() }}
                </div>
            @endif
        </div>

    </div>


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

@endsection