@extends('layouts.admin-layout')
@section('title', 'All User Listing')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">

                <div class="row">
                    <!-- left column -->
                    <div class="col-md-12 mt-5">

                        <div class="card card-primary card-box-shadow">

                            <div class="card-body">
                                <h2>User Listing </h2>

                                <table id="example" class="table table-striped table-bordered" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>S.N.</th>
                                            <th>First Name</th>
                                            <th>Last Name</th>
                                            <th>Email</th>
                                            <th>Action</th>
                                            <th>Subscription Status</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach ($get_user_listing as $user)
                                            <tr>
                                                <input type="hidden" name="" id="user"
                                                    value="{{ $user->id }}">
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $user->first_name }}</td>
                                                <td>{{ $user->last_name }}</td>
                                                <td>{{ $user->email }}</td>
                                                @if ($user->stripe_id)
                                                    <td>
                                                        <button class="btn btn-primary" id="userBtn" data-toggle="modal"
                                                            data-target="#user_emergency_contact_modal"
                                                            data-id="{{ $user->id }}">
                                                            Charge Payment
                                                        </button>
                                                    </td>
                                                @else
                                                    <td>--</td>
                                                @endif
                                                @if ($user->stripe_id)
                                                    <td>

                                                        <a href="#" class="badge badge-success">subscribed</a>
                                                    </td>
                                                @else
                                                    <td>--</td>
                                                @endif




                                            </tr>
                                        @endforeach

                                    </tbody>

                                </table>

                            </div>


                            <!-- /.card -->
                        </div>
                    </div>

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

    <div class="modal fade" id="user_emergency_contact_modal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <form class="popupform" action="{{ route('admin.user.payment') }}" method="post">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                        <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        @csrf
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="Price">Price *</label>
                                <input type="text" class="form-control form__field" name="price" step="1.0"
                                    min="1" required value="{{ old('price') ?? '' }}">
                            </div>
                            <!-- Hidden input for user_id -->
                            <input type="hidden" id="user_id" name="user_id" value="">
                            <small class="text-danger">
                                @error('price')
                                    {{ $message }}
                                @enderror
                            </small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </div>
        </form>
    </div>



@endsection
@section('script')

    <script>
        $(document).ready(function() {
            $("table").DataTable({});
            $('#userBtn').on('click', function() {
                userId = $('#user').val()
                $('#user_id').val(userId);
            })
        });
    </script>

@endsection