@extends('layouts.game')

@section('content')
    <div style="margin-top: 100px">
        <h3 class="text-center text-white mobileh">Add Account {{ $user->username }} <br></h3>
        <div class="container align-items-center justify-content-center" style=" margin-top: 20px;">
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="card-login">
                        <form class="withdraw_form" method="POST" action="{{ route('addaccount.post') }}"
                            enctype="multipart/form-data">
                            {{ $errors }}
                            @csrf
                            <div class="row">
                                <!-- Bank Name -->
                                <div class="col-md-6 mb-3">
                                    <label for="bank_name" class="form-label text-white">Bank Name</label>
                                    <input type="text" class="form-control" id="bank_name" name="bank_name"
                                        value="{{ $user->bank_name }}" {{ $user->bank_name ? 'readonly' : '' }}>
                                    @error('bank_name')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Account Number -->
                                <div class="col-md-6 mb-3">
                                    <label for="account_number" class="form-label text-white">Account Number</label>
                                    <input type="text" class="form-control" id="account_number" name="account_number"
                                        value="{{ $user->account_number }}" {{ $user->account_number ? 'readonly' : '' }}>
                                    @error('account_number')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- IFSC -->
                                <div class="col-md-6 mb-3">
                                    <label for="ifsc_code" class="form-label text-white">IFSC Code</label>
                                    <input type="text" class="form-control" id="ifsc_code" name="ifsc_code"
                                        value="{{ $user->ifsc_code }}" {{ $user->ifsc_code ? 'readonly' : '' }}>
                                    @error('ifsc_code')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- UPI -->
                                <div class="col-md-6 mb-3">
                                    <label for="upi_id" class="form-label text-white">UPI ID</label>
                                    <input type="text" class="form-control" id="upi_id" name="upi_id"
                                        value="{{ $user->upi_id }}" {{ $user->upi_id ? 'readonly' : '' }}>
                                    @error('upi_id')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- PAN -->
                                <div class="col-md-6 mb-3">
                                    <label for="pan_number" class="form-label text-white">PAN Number</label>
                                    <input type="text" class="form-control" id="pan_number" name="pan_number"
                                        value="{{ $user->pan_number }}" {{ $user->pan_number ? 'readonly' : '' }}>
                                    @error('pan_number')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Aadhar -->
                                <div class="col-md-6 mb-3">
                                    <label for="aadhar_number" class="form-label text-white">Aadhar Number</label>
                                    <input type="text" class="form-control" id="aadhar_number" name="aadhar_number"
                                        value="{{ $user->aadhar_number }}" {{ $user->aadhar_number ? 'readonly' : '' }}>
                                    @error('aadhar_number')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Bank Passbook -->
                                <div class="col-md-6 mb-3">
                                    <label for="bank_passbook" class="form-label text-white">Bank Passbook</label>
                                    <input type="file" class="form-control" id="bank_passbook" name="bank_passbook"
                                        {{ $user->bank_passbook ? 'readonly' : '' }}>
                                    @error('bank_passbook')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    @if ($user->bank_passbook)
                                    <img src="{{ asset('aadhar/' . $user->bank_passbook) }}" alt="" width="50px">
                                    @endif
                                </div>

                                <!-- Currency -->
                                <div class="col-md-6 mb-3">
                                    <label for="currency" class="form-label text-white">Currency</label>
                                    <select name="currency" id="currency" class="form-control"
                                        {{ $user->currency ? 'readonly' : '' }}>
                                        <option value="INR" {{ $user->currency == 'INR' ? 'selected' : '' }}>INR
                                        </option>
                                        <option value="USD" {{ $user->currency == 'USD' ? 'selected' : '' }}>USD
                                        </option>
                                    </select>
                                    @error('currency')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- QR Code -->
                                <div class="col-md-6 mb-3">
                                    <label for="qr_code" class="form-label text-white">QR Code</label>
                                    <input type="file" class="form-control" id="qr_code" name="qr_code"
                                        {{ $user->qr_code ? 'readonly' : '' }}>
                                    @error('qr_code')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    @if ($user->qr_code)
                                    <img src="{{ asset('aadhar/' . $user->qr_code) }}" alt="" width="50px">
                                    @endif
                                </div>
                            </div>
                            <div class="d-grid">
                                <button type="submit" class="btn btn-primary">Add Account</button>
                            </div>
                        </form>
                        <form action="{{ url('user/changecurrentpassword') }}" method="post">
                            <h1 class="text-center text-white my-3 mobileh">Change Password</h1>
                            @csrf
                            <div class="mb-3 col-md-6">
                                <label for="password" class="form-label text-white mb-1">Current Password</label>
                                <input type="text" name="current_password" id="current_password"
                                    class="form-control">
                            </div>
                            <div class="mb-3 col-md-6">
                                <label for="password" class="form-label text-white mb-1">New Password</label>
                                <input type="text" name="password" id="password" class="form-control">
                            </div>
                            <div class="mb-3 col-md-6">
                                <label for="password_confirmation" class="form-label text-white mb-1">Confirm
                                    Password</label>
                                <input type="text" name="password_confirmation" id="password_confirmation"
                                    class="form-control">
                            </div>
                            <div class="d-grid"><button type="submit" class="btn btn-primary">Change Password</button></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection