@extends('Admin.layout')

@section('content')
@section('navlink')
<a href="{{ route('dashboard') }}" class="link-secondary text-decoration-none">Home</a> / <span>Wallet Deposit</span>
@endsection
<div class="d-flex flex-wrap justify-content-between align-items-end gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Wallet Deposit</h1>
    </div>
    <div class="d-flex gap-2">
       <a href="javascript:history.back()" class="btn-back">
    <i class="ti ti-arrow-left"></i>
    <span>Back</span>
</a>
    </div>
</div>
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-12 col-xl-8">

            <div class="card card-animated-border shadow-lg">
                <div class="card-header bg-transparent border-bottom
                            d-flex align-items-center gap-3 py-3">

                 

                    <div>
                        <h4 class="mb-1">Wallet Deposit</h4>
                       
                    </div>
                </div>

                <div class="card-body p-4">
                    <form action="#" method="POST">
                        @csrf

                        <div class="row g-3">

                            <div class="col-md-6">
                                <label class="form-label">
                                    User ID
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text"
                                       name="uid"
                                       class="form-control"
                                       placeholder="Enter full name"
                                       required>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">
                                    User Name
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text"
                                       name="user_name"
                                       class="form-control"
                                       placeholder="Enter user ID"
                                       readonly>
                            </div>

                            <div class="col-md-12">
                                <label class="form-label">
                                    Investment Amount
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text bg-ink-soft
                                                 text-gold border-secondary">
                                        ₹
                                    </span>
                                    <input type="number"
                                           name="amount"
                                           class="form-control"
                                           placeholder="0.00"
                                           min="0"
                                           step="0.01"
                                           required>
                                </div>
                            </div>

                           

                        

                            <div class="col-12">
                                <label class="form-label">Remarks</label>
                                <textarea name="remarks"
                                          class="form-control"
                                          rows="4"
                                          placeholder="Enter additional remarks..."></textarea>
                            </div>

                        </div>

                        <hr class="my-4">

                        <div class="d-flex justify-content-end
                                    flex-wrap gap-2">
                            <a href="#"
                               class="btn btn-secondary px-4">
                                Cancel
                            </a>

                            <button type="submit"
                                    class="btn btn-primary px-4">
                                <i class="ti ti-plus me-1"></i>
                                Create Investment
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection