@extends('admin.layouts.admin')

@section('title')
    Admin | Issuer Profile 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">Issuer Profile/</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 Issuer Profile</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="{{ route('admin.issuers.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <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 class="input-group-text"><i class="bx bx-user"></i></span>
                    <input
                      type="text"
                      class="form-control"
                      name="full_name"
                      value="{{ old('full_name') }}"
                      placeholder="Full Name" 
                      required 
                      minlength="3" 
                      maxlength="100"
                      pattern="^[a-zA-Z\s]+$"
                      title="Name must only contain letters and spaces" />
                  </div>
                  @error('full_name')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </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 class="input-group-text"><i class="bx bx-envelope"></i></span>
                    <input
                      type="email"
                      class="form-control"
                      name="email"
                      value="{{ old('email') }}"
                      placeholder="Email"
                      required />
                  </div>
                  @error('email')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </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 class="input-group-text"><i class="bx bx-phone"></i></span>
                    <input
                      type="tel"
                      class="form-control"
                      name="phone"
                      value="{{ old('phone') }}"
                      pattern="^[0-9]{10,15}$"
                      title="Phone must be between 10-15 digits" 
                      placeholder="Phone"/>
                  </div>
                  @error('phone')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </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 class="input-group-text"><i class="bx bx-map"></i></span>
                    <textarea
                      name="address"
                      class="form-control"
                      rows="4"
                      placeholder="Enter full address"
                      minlength="5"
                      maxlength="200">{{ old('address') }}</textarea>
                  </div>
                  @error('address')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </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 class="input-group-text"><i class="bx bx-lock"></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>
                  @error('password')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </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 class="input-group-text"><i class="bx bx-lock"></i></span>
                    <input
                      type="password"
                      class="form-control"
                      name="password_confirmation"
                      required
                      minlength="8" 
                      placeholder="Confirm Password"/>
                  </div>
                  @error('password_confirmation')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
              </div>

              <!-- Business Name -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="business_name">Business Name <span class="text-danger">*</span></label>
                  <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="bx bx-store"></i></span>
                    <input
                      type="text"
                      class="form-control"
                      name="business_name"
                      value="{{ old('business_name') }}"
                      required
                      minlength="2"
                      maxlength="150"
                      placeholder="Business Name"/>
                  </div>
                  @error('business_name')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
              </div>

              <!-- Incorporation Number -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="incorporation_number">Incorporation Number</label>
                  <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="bx bx-file"></i></span>
                    <input
                      type="text"
                      class="form-control"
                      name="incorporation_number"
                      value="{{ old('incorporation_number') }}"
                      maxlength="50"
                      placeholder="Incorporation Number"/>
                  </div>
                  @error('incorporation_number')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
              </div>

              <!-- Industry -->
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label" for="industry">Industry</label>
                  <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="bx bx-briefcase"></i></span>
                    <input
                      type="text"
                      class="form-control"
                      name="industry"
                      value="{{ old('industry') }}"
                      maxlength="100"
                      placeholder="Industry"/>
                  </div>
                  @error('industry')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
              </div>

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

              <!-- Upload Documents -->
              <div class="col-12">
                <h4 class="mt-4">Upload Documents</h4>
                <!-- Incorporation Certificate -->
                <div class="mb-3">
                  <label class="form-label" for="incorporation_doc">Incorporation Certificates (PDF/JPG/PNG)</label>
                  <input type="file" name="incorporation_doc[]" class="form-control" multiple accept=".pdf,.jpg,.jpeg,.png">
                </div>

                <!-- Business License -->
                <div class="mb-3">
                  <label class="form-label" for="business_license">Business Licenses (PDF/JPG/PNG)</label>
                  <input type="file" name="business_license[]" class="form-control" multiple accept=".pdf,.jpg,.jpeg,.png">
                </div>

                <!-- Tax Documents -->
                <div class="mb-3">
                  <label class="form-label" for="tax_doc">Tax Documents (PDF/JPG/PNG)</label>
                  <input type="file" name="tax_doc[]" class="form-control" multiple accept=".pdf,.jpg,.jpeg,.png">
                </div>
              </div>

              <!-- Submit -->
              <div class="col-12 text-end">
                <a href="{{ route('admin.issuers.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">Save</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
<script>
  // Optional JS scripts for form functionality
</script>
@endsection