@extends('layouts.main')
@section('content')
    <div class="box-body" style="width: 100%;overflow-x: scroll">
        <form class="row g-4" action="{{ url('/admin/profile') }}" method="POST" enctype="multipart/form-data">
          @csrf

          <!-- Name -->
          <div class="col-md-4">
            <label class="form-label text-white">Name</label>
            <input type="text" name="name" value="{{ $user->name }}" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Username -->
          <div class="col-md-4">
            <label class="form-label text-white">Username <span class="text-danger">*</span></label>
            <input type="text" name="username" value="{{ $user->username }}" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Date of Birth -->
          <div class="col-md-4">
            <label class="form-label text-white">Date of Birth</label>
            <input type="date" name="dob" value="{{ $user->dob }}" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Account Holder -->
          <div class="col-md-4">
            <label class="form-label text-white">Account Holder Name</label>
            <input type="text" name="account_holder_name" value="{{ $user->account_holder_name }}" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Email Verified At -->
          <div class="col-md-4">
            <label class="form-label text-white">Email Verified At</label>
            <input type="datetime-local" value="{{ $user->email_verified_at }}" readonly class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Email -->
          <div class="col-md-4">
            <label class="form-label text-white">Email</label>
            <input type="email" value="{{ $user->email }}" name="email" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Username (duplicate removed above) -->

          <!-- Mobile -->
          <div class="col-md-4">
            <label class="form-label text-white">Mobile</label>
            <input type="text" value="{{ $user->mobile }}" name="mobile" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- City -->
          <div class="col-md-4">
            <label class="form-label text-white">City</label>
            <input type="text" name="city" value="{{ $user->city }}" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Bank Name -->
          <div class="col-md-4">
            <label class="form-label text-white">Bank Name</label>
            <input type="text" name="bank_name" value="{{ $user->bank_name }}" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- Account Number -->
          <div class="col-md-4">
            <label class="form-label text-white">Account Number</label>
            <input type="text" name="account_number" value="{{ $user->account_number }}" class="form-control animated-border bg-dark text-white">
          </div>

          <!-- IFSC -->
          <div class="col-md-4">
            <label class="form-label text-white">IFSC Code</label>
            <input type="text" value="{{ $user->ifsc_code }}" name="ifsc_code" class="form-control animated-border bg-dark text-white">
          </div>
                    <div class="col-md-4">
            <label class="form-label text-white">Upi Id</label>
            <input type="text" value="{{ $user->upi_id }}" name="upi_id" class="form-control animated-border bg-dark text-white">
          </div>
          <!-- Aadhaar / Passport -->
          <div class="col-md-4">
            <label class="form-label text-white">Aadhar/Passport/UID</label>
            <input type="file" class="form-control animated-border bg-dark text-white" name="aadhar">
            <img src="{{ asset('aadhar/' . $user->aadhar_number) }}" width="100" class="mt-2" alt="">
          </div>

          <!-- Image -->
          <div class="col-md-4">
            <label class="form-label text-white">Image</label>
            <input type="file" name="image" id="image" class="form-control animated-border bg-dark text-white">
            <img src="{{ asset('aadhar/' . $user->image) }}" width="100" class="mt-2" alt="">
          </div>

          <!-- Bank Passbook -->
          <div class="col-md-4">
            <label class="form-label text-white">Bank Passbook/Bank Statement</label>
            <input type="file" name="bank_passbook" id="bank_passbook" class="form-control animated-border bg-dark text-white">
            <img src="{{ asset('aadhar/' . $user->bank_passbook) }}" width="100" class="mt-2" alt="">
          </div>

          <!-- Save Button -->
          <div class="col-12 text-center mt-4">
            <button type="submit" class="btn btn-warning btn-lg fw-bold shadow">
              Save Profile
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>

@endsection