@extends('layouts.adminapp')

@section('content')
    {{-- Member Registeration --}}
    <x-app-flash />
    <div class=" mb-4">
        <div class="d-flex  justify-content-start p-2" style="width:50%;float:left;">
            <h5 class="m-0 ">{{ $TokenDistribution->title }}</h5>
        </div>
        <div class="d-flex  justify-content-end p-2">
            <a class="btn btn-primary btn-icon-split btn-sm" 
            href="{{route('TokenDistribution.show',$TokenDistribution->id)}}">
                <span class="icon text-white-50">
                    <i class="fas fa-arrow-left"></i>
                </span>
                <span class="text">{{ __('lng.Back') }}</span>
            </a>
        </div>
    </div>
    {{-- <h1 class="h3 mb-2 text-gray-800">__('lng.TokenDistributionMembers'){{ $TokenDistribution->title }}</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.TokenPayment') }}</h6>
            {{-- <div class="input-group w-25 input-search">
                <input type="text" oninput="Search(this.value)" class="form-control bg-light  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="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <label for="EnterToken">{{ __('lng.EnterToken') }}</label>
                    <input type="number" name="EnterToken" id="EnterToken" oninput="Search(this.value)" class="form-control">
                </div>
                <div class="col-sm-7" id="GetData">

                </div>
            </div>
        </div>
    </div>

    
    <script>
        function Search(value) {
            var TokenDistributionID = '{{$TokenDistribution->id}}';
            $.ajax({
                url: '{{ route('TokenPaymentDetails') }}',
                method: "get",
                data: {
                    _token: '{{ csrf_token() }}',
                    value: value,
                    TokenDistributionID: TokenDistributionID
                },
                success: function(response) {
                    document.getElementById('GetData').innerHTML = response;
                }
            });
        }

        
    </script>
@endsection