@extends('admin.layouts.app')
@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row m-1">
                    <div class="col-sm-6">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">Dashboard</a></li>
                            <li class="breadcrumb-item active">@isset($page_title) {{$page_title}} @endisset</li>
                        </ol>
                    </div>
                </div>
            </div>
        </section>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card card-outline card-primary">
                            <div class="card-body table-responsive p-2">
                                <form action="{{route('admin.send.payout.mail')}}" method="POST">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for="user_id">User ID</label>
                                            <input type="text" name="user_id" class="form-control" id="user_id" value="{{old('user_id')}}" placeholder="Enter User ID..." required onchange="checkUserId()">
                                            @error('user_id')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                            <span class="text-danger" id="error_user_id"></span>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="user_name">User Name</label>
                                            <input type="text" name="user_name" class="form-control" id="user_name" value="{{old('user_name')}}" placeholder="Enter User Name..." required>
                                            @error('user_name')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label for="transaction_id">Transaction Id</label>
                                            <input type="text" name="transaction_id" class="form-control" id="transaction_id" value="{{old('transaction_id')}}" placeholder="Enter Transaction Id..." required>
                                            @error('transaction_id')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label for="amount">Amount</label>
                                            <input type="text" name="amount" class="form-control" id="amount" value="{{old('amount')}}" placeholder="Enter Amount..." required>
                                            @error('amount')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label for="tds_percent">TDS Percent</label>
                                            <input type="text" name="tds_percent" class="form-control" id="tds_percent" value="{{old('tds_percent')}}" placeholder="Enter TDS Percent..." required>
                                            @error('tds_percent')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label for="total_amount">Total Amount</label>
                                            <input type="text" name="total_amount" class="form-control" id="total_amount" value="{{old('total_amount')}}" placeholder="Enter Total Amount..." required>
                                            @error('total_amount')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-12 text-center mt-4">
                                            <button class="btn btn-success">Send</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <script src="{{ asset('backend/js/jquery.min.js') }}"></script>

    <script>

        function checkUserId(){
            var user_id = $('#user_id').val();
            $('#error_user_id').text('');
            $.ajax({
                type: "POST",
                url: '{{route("admin.check.referrer.code")}}',
                data: {
                    _token:"{{csrf_token()}}",
                    user_id:user_id
                },
                success: function(data){
                    $('#user_name').val(data.user.name);
                },
                error: function (request, status, error) {
                    $('#error_user_id').text('Invalid User ID');
                }
            });
        }

    </script>

@endsection