@extends('admin.layouts.admin')

@section('title')
    Admin | Investor Add
@endsection

@section('content')
<div class="container-xxl flex-grow-1 container-p-y pt-0">
  <h4 class="py-3 mb-4"><span class="text-muted fw-light">Investor/</span>Add</h4>
  <div class="row">
    <div class="col-xl">
      <div class="card mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h5 class="mb-0"> Add Investor</h5>
        </div>
        <div class="card-body">
          @if(Session::has('success'))
              <div class="alert alert-success">
              {{ Session::get('success') }}
              </div>
          @endif
          @if(Session::has('error'))
              <div class="alert alert-danger">
              {{ Session::get('error') }}
              </div>
          @endif
           
            <form action="@if(!empty($user)) {{ route('admin.users.update',['user'=>$user->id]) }} @else {{ route('admin.users.store') }} @endif" method="POST" enctype="multipart/form-data">
            {{ csrf_field() }}
             @if(!empty($user))
             @method('PUT')
            @endif
            <div class="row">
              <!-- Full Name -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="full_name">Full Name<span class="text-danger">*</span></label>
                  <div class="input-group input-group-merge">
                    <span id="title-icon" class="input-group-text"><i class="bx bx-book"></i></span>
                    <input
                      type="text"
                      class="form-control"
                      name="full_name"
                      value="{{ old('full_name', $user->full_name ?? '') }}"
                      placeholder="Full Name" 
                      required 
                      minlength="3" 
                      maxlength="100"
                      pattern="^[a-zA-Z\s]+$"
                      title="Name must only contain letters and spaces"/>
                  </div>
                  @if ($errors->has('full_name'))
                    <span class="text-danger text-left">{{ $errors->first('full_name') }}</span>
                  @endif
                </div>
              </div>

              <!-- Email -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="email">Email<span class="text-danger">*</span></label>
                  <div class="input-group input-group-merge">
                    <span id="title-icon" class="input-group-text"><i class="bx bx-book"></i></span>
                    <input
                      type="email"
                      class="form-control"
                      name="email"
                      value="{{ old('email', $user->email ?? '') }}"
                      placeholder="Email" 
                      required />
                  </div>
                  @if ($errors->has('email'))
                    <span class="text-danger text-left">{{ $errors->first('email') }}</span>
                  @endif
                </div>
              </div>

              <!-- Phone -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="phone">Phone</label>
                  <div class="input-group input-group-merge">
                    <span id="title-icon" class="input-group-text"><i class="bx bx-book"></i></span>
                    <input
                      type="tel"
                      class="form-control"
                      name="phone"
                      value="{{ old('phone', $user->phone ?? '') }}"
                      pattern="^[0-9]{10,15}$"
                      title="Phone must be between 10-15 digits" 
                      placeholder="Phone"/>
                  </div>
                  @if ($errors->has('phone'))
                    <span class="text-danger text-left">{{ $errors->first('phone') }}</span>
                  @endif
                </div>
              </div>

              <!-- Date of Birth -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="dob">Date of Birth<span class="text-danger">*</span></label>
                  <div class="input-group input-group-merge">
                    <span id="title-icon" class="input-group-text"><i class="bx bx-book"></i></span>
                    <input
                      type="date"
                      class="form-control"
                      name="dob"
                      value="{{ old('dob', $user->dob ?? '') }}"
                      max="{{ now()->subYears(18)->format('Y-m-d') }}"
                      title="You must be at least 18 years old." 
                      required />
                  </div>
                  @if ($errors->has('dob'))
                    <span class="text-danger text-left">{{ $errors->first('dob') }}</span>
                  @endif
                </div>
              </div>

              <!-- Password -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="password">Password<span class="text-danger">*</span></label>
                  <div class="input-group input-group-merge">
                    <span id="title-icon" class="input-group-text"><i class="bx bx-book"></i></span>
                    <input
                      type="password"
                      class="form-control"
                      name="password"
                      required 
                      minlength="8"
                      title="Password must be at least 8 characters long." 
                      placeholder="Password"/>
                  </div>
                  @if ($errors->has('password'))
                    <span class="text-danger text-left">{{ $errors->first('password') }}</span>
                  @endif
                </div>
              </div>

              <!-- Confirm Password -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="password_confirmation">Confirm Password<span class="text-danger">*</span></label>
                  <div class="input-group input-group-merge">
                    <span id="title-icon" class="input-group-text"><i class="bx bx-book"></i></span>
                    <input
                      type="password"
                      class="form-control"
                      name="password_confirmation"
                      required 
                      minlength="8" 
                      placeholder="Confirm Password"/>
                  </div>
                  @if ($errors->has('password_confirmation'))
                    <span class="text-danger text-left">{{ $errors->first('password_confirmation') }}</span>
                  @endif
                </div>
              </div>

              <!-- Address -->
              <div class="col-12">
                <div class="mb-3">
                  <label class="form-label" for="address">Address</label>
                  <div class="input-group input-group-merge">
                    <span id="title-icon" class="input-group-text"><i class="bx bx-book"></i></span>
                    <textarea 
                      name="address" 
                      class="form-control @error('address') is-invalid @enderror"
                      placeholder="Enter full address"
                      rows="4">{{ old('address', $user->address ?? '') }}</textarea>
                  </div>
                  @if ($errors->has('address'))
                    <span class="text-danger text-left">{{ $errors->first('address') }}</span>
                  @endif
                </div>
              </div>

              <!-- Residency Confirmed Checkbox -->
              <div class="col-12">
                <div class="form-group form-check">
                  <input 
                    type="checkbox"
                    id="residency_confirmed" 
                    name="residency_confirmed" 
                    class="form-check-input" 
                    value="1"
                    {{ old('residency_confirmed') ? 'checked' : '' }} />
                  <label for="residency_confirmed" class="form-check-label">I confirm I am an Ontario resident.</label>
                </div>
              </div>

              <!-- Status -->
              <div class="col-6">
                <div class="mb-3">
                  <label for="status" class="form-label">Status</label>
                  <select id="status" name="status" class="form-control" required>
                    <option value="active" {{ old('status', $user->status ?? '') == 'active' ? 'selected' : '' }}>Active</option>
                    <option value="inactive" {{ old('status', $user->status ?? '') == 'inactive' ? 'selected' : '' }}>Inactive</option>
                    <option value="suspended" {{ old('status', $user->status ?? '') == 'suspended' ? 'selected' : '' }}>Suspended</option>
                  </select>
                </div>
              </div>

              <!-- KYC Status -->
              <div class="col-6">
                <div class="mb-3">
                  <label for="kyc_status" class="form-label">KYC Status</label>
                  <select id="kyc_status" name="kyc_status" class="form-control" required>
                    <option value="pending" {{ old('kyc_status', $user->kyc_status ?? '') == 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="verified" {{ old('kyc_status', $user->kyc_status ?? '') == 'verified' ? 'selected' : '' }}>Verified</option>
                    <option value="rejected" {{ old('kyc_status', $user->kyc_status ?? '') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                  </select>
                </div>
              </div>

              <!-- Upload Documents -->
              <div class="col-12">
                <h4 class="mt-4">Upload Documents</h4>
                <!-- ID Proof -->
                <div class="mb-3">
                  <label for="id_proof" class="form-label">ID Proof (PDF/JPG/PNG) <span class="text-danger">*</span></label>
                  <input 
                    id="id_proof" 
                    type="file" 
                    name="id_proof[]" 
                    class="form-control @error('id_proof') is-invalid @enderror" 
                    required 
                    multiple 
                    accept=".pdf,.jpg,.jpeg,.png" />
                  @error('id_proof')
                    <span class="invalid-feedback">{{ $message }}</span>
                  @enderror
                  <small class="form-text text-muted">Allowed formats: PDF, JPG, PNG | Max size: 2MB</small>
                </div>

                <!-- Address Proof -->
                <div class="mb-3">
                  <label for="address_proof" class="form-label">Address Proof (PDF/JPG/PNG) <span class="text-danger">*</span></label>
                  <input 
                    id="address_proof" 
                    type="file" 
                    name="address_proof[]" 
                    class="form-control @error('address_proof') is-invalid @enderror" 
                    required 
                    multiple 
                    accept=".pdf,.jpg,.jpeg,.png" />
                  @error('address_proof')
                    <span class="invalid-feedback">{{ $message }}</span>
                  @enderror
                  <small class="form-text text-muted">Allowed formats: PDF, JPG, PNG | Max size: 2MB</small>
                </div>
              </div>

              <!-- Submit Button -->
              <div class="col-12">
                <div class="mb-3">
                  <div class="d-flex pt-3 justify-content-end">
                    <a href="{{ route('admin.users.index') }}" class="btn btn-outline-primary btn-pill btn-stretch font-book ml-3 mt-6 fs-14 me-2">Cancel</a>
                    <button type="submit" class="btn btn-primary btn-stretch font-book mt-6 fs-14 add_user">Save</button>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
<script>
  // Script for auto-generating username from first and last name
  $("#first_name, #last_name").keyup(function() {
    var firstName = $('#first_name').val();
    var lastName = $('#last_name').val();
    if (firstName && lastName) {
      var fullName = firstName + ' ' + lastName;
      $('#username').val(slugify(fullName));
    }
  });

  function slugify(str) {
    return str.replace(/\s+/g, '-').toLowerCase();
  }
</script>
@endsection