@include('includes.header')

<div class="container-fluid mt-3">
    <!-- Navigation Section -->
    <div class="row">
        <div class="col-lg-8 col-md-6 col-sm-12">
            <ul class="pull-right d-inline-flex" style="list-style: none;">
                <li class="btn-sm">
                    <a href="{{ route('all-account') }}" class="btn btn-primary rounded-pill" style="width: 110px; text-align: center;">All Account</a>
                </li>
                <li class="btn-sm">
                    <a href="{{route('pending')}}" class="btn btn-warning rounded-pill" style="width: 130px; text-align: center; color: white;"> Today History</a>
                </li>
                <li class="btn-sm">
                    <a href="{{ route('all-history') }}" class="btn btn-success rounded-pill" style="width: 110px; text-align: center;">All History</a>
                </li>
            </ul>
            <br>
            <h3 style="color: #009688; margin-left: 5%;">User Details</h3>
        </div>
    </div>
    <hr/>

    <!-- Form to Fetch User Details -->
    <div class="container-fluid">
        <form action="{{ route('fetch-user-details') }}" method="GET">
            <div class="form-group row">
                <label for="userId" class="col-sm-2 col-form-label"><strong>Enter User ID:</strong></label>
                <div class="col-sm-8">
                    @if(isset($user))
                        <input type="text" class="form-control" id="userId" value="{{ $user->userid }}" name="userId" placeholder="Enter User ID" required>
                    @else
                        <input type="text" class="form-control" id="userId" value="" name="userId" placeholder="Enter User ID" required>
                    @endif
                    
                </div>
                <div class="col-sm-2">
                    <button type="submit" class="btn btn-primary btn-block">Fetch Details</button>
                </div>
            </div>
        </form>
    </div>
    <hr/>

    <!-- Display User Details -->
    <div class="container-fluid">
        <h5 class="text-primary">User Details</h5>
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        @if(isset($user))
            <div class="card shadow p-4">
                <div class="row">
                    <div class="col-md-6">
                        <p><strong>User ID:</strong> {{ $user->id }}</p>
                        <p><strong>Name:</strong> {{ $user->name }}</p>
                        <p><strong>Email:</strong> {{ $user->email }}</p>
                        <p><strong>Phone:</strong> {{ $user->mobile }}</p>
                        <p><strong>Status:</strong> {{ $user->status === 1 ? 'Active' : 'Inactive' }}</p>
                        <p><strong>Rank:</strong> {{ $user->rank_name }}</p>
                        <button class="btn btn-warning btn-sm btn-block" data-toggle="modal" data-target="#updateUserModal">Update Details</button>
                    </div>
                </div>
            </div>
        @else
            <p class="text-danger">No user details available. Please enter a valid User ID.</p>
        @endif
    </div>
    <hr/>

    <!-- Display User Transaction Details -->
    <div class="container-fluid">
        <h5 class="text-success">User Transaction Details</h5>
        @if(isset($transactions) && count($transactions) > 0)
            <table class="table table-striped table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th>Type</th>
                        <th>Amount</th>
                        <th>Transaction Type</th>
                        <th>Before Balance</th>
                        <th>After Balance</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($transactions as $transaction)
                        <tr>
                            <td>{{ $transaction->type }}</td>
                            <td>{{ $transaction->amount }}</td>
                            <td>{{ $transaction->trans_type }}</td>
                            <td>{{ $transaction->before_balance }}</td>
                            <td>{{ $transaction->after_balance }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <p class="text-danger">No transaction details available for this user.</p>
        @endif
    </div>
    <br/><br/>

    <!-- Modal for Updating User Details -->
    @if(isset($user))
    <div class="modal fade" id="updateUserModal" tabindex="-1" role="dialog" aria-labelledby="updateUserModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('update-user-details') }}" method="POST">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="updateUserModalLabel">Update User Details</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="userId" value="{{ $user->id }}">
                        <div class="form-group">
                            <label for="name"><strong>Name:</strong></label>
                            <input type="text" class="form-control" id="name" name="name" value="{{ $user->name }}" required>
                        </div>
                        <div class="form-group">
                            <label for="email"><strong>Email:</strong></label>
                            <input type="email" class="form-control" id="email" name="email" value="{{ $user->email }}" required>
                        </div>
                        <div class="form-group">
                            <label for="mobile"><strong>Phone:</strong></label>
                            <input type="text" class="form-control" id="mobile" name="mobile" value="{{ $user->mobile }}" required>
                        </div>
                        <div class="form-group">
                            <label for="text"><strong>Password:</strong></label>
                            <input type="text" class="form-control" id="password" name="password" value="{{ $user->password }}" required>
                        </div>
                        <div class="form-group">
                            <label for="text"><strong>Pin:</strong></label>
                            <input type="text" class="form-control" id="pin" name="pin" value="{{ $user->pin }}" required>
                        </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">Save Changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @endif

@include('includes.footer')