@extends('layouts.main') <!-- Use your layout -->

@section('content')
  <div class="container py-5">

    <!-- Add New Address Button -->
    <div class="d-flex justify-content-end mb-4">
      <a href="{{ route('user.allAddress') }}" class="btn btn-success">
        <i class="fas fa-plus-circle"></i> Update Address
      </a>
    </div>


    <div class="row justify-content-center">
      <div class="col-lg-8">
        @if (session('success'))
          <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>{{ session('success') }}</strong>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
          </div>
        @endif


        <div class="card shadow border-0 rounded-4">
          {{-- <div class="card-header bg-primary text-white rounded-top-4">
          <h4 class="mb-0">My Profile</h4>
        </div> --}}
          <div class="card-body">
            <form action="{{ route('user.updatebasic') }}" method="POST">
              @csrf
              <!-- Full Name -->
              <div class="mb-3">
                <label for="name" class="form-label">Full Name</label>
                <input type="text" id="name" name="name" class="form-control" value="{{ Auth::user()->name }}"
                  required>
              </div>

              <!-- Gender -->
              <div class="mb-3">
                <label class="form-label">Gender</label>
                <select name="gender" class="form-select">
                  <option value="">Select</option>
                  <option value="male" {{ Auth::user()->gender == '1' ? 'selected' : '' }}>Male</option>
                  <option value="female" {{ Auth::user()->gender == '2' ? 'selected' : '' }}>Female
                  </option>
                  <option value="other" {{ Auth::user()->gender == '3' ? 'selected' : '' }}>Other
                  </option>
                </select>
              </div>

              <!-- Buttons -->
              <div class="d-flex justify-content-between align-items-center mt-4">

                <button type="submit" class="btn btn-primary px-4">Update Profile</button>
              </div>
            </form>
          </div>
        </div>
      </div>


      <div class="col-lg-8 my-4">
        <div class="card shadow border-0 rounded-4">
          {{-- <div class="card-header bg-primary text-white rounded-top-4">
            <h4 class="mb-0">My Profile</h4>
          </div> --}}



          <div class="card-body">




            <!-- Mobile Update Form -->
            <!-- Mobile Update Form -->
            <!-- Mobile Update Field -->
            <form action="{{ route('user.updateMobile') }}" method="POST" class="mb-4 position-relative">
              @csrf
              <label for="mobile" class="form-label">Mobile</label>
              <div class="position-relative">
                <input type="text" id="mobile" name="mobile" class="form-control pe-5" placeholder="Enter Mobile"
                  value="{{ old('mobile', Auth::user()->mobile) }}" required>

                <button type="submit"
                  class="position-absolute top-0 bottom-0 end-0 my-auto me-2 border-0 bg-transparent text-primary fw-bold"
                  style="z-index: 2;">
                  Update
                </button>
              </div>
              <small class="text-danger">
                @error('mobile')
                  {{ $message }}
                @enderror
              </small>
              <small class="text-danger">
                @if (session('error'))
                  {{ session('error') }}
                @endif
              </small>
            </form>

            <!-- Email Update Field -->
            <form action="{{ route('user.emailUpdate') }}" method="POST" class="position-relative">
              @csrf
              <label for="email" class="form-label">Email</label>
              <div class="position-relative">
                <input type="text" id="email" name="email" class="form-control" style="padding-right: 5rem;"
                  value="{{ old('email', Auth::user()->email) }}" placeholder="Enter Email" required>
                <button type="submit"
                  class="position-absolute top-0 bottom-0 end-0 my-auto me-2 border-0 bg-transparent text-primary fw-bold"
                  style="z-index: 2;">
                  Update
                </button>
              </div>
              <small class="text-danger">
                @error('email')
                  {{ $message }}
                @enderror
              </small>

              <small class="text-danger">
                @if (session('error_email'))
                  {{ session('error_email') }}
                @endif
              </small>

            </form>



          </div>

        </div>


      </div>
      <div class="col-lg-8 my-4">
        <div class="card shadow border-0 rounded-4">
          <div class="card-body">
            <form action="{{ route('user.updateGstOrg') }}" method="POST" class="mb-4 position-relative">
              @csrf
              <div class="mb-3">
                <label for="gst_number" class="form-label">GST Number</label>
                <div class="position-relative">
                  <input type="text" id="gst_number" name="gst_number" class="form-control pe-5" placeholder="Enter GST Number"
                    value="{{ old('gst_number', Auth::user()->gst_number) }}" required>


                </div>
                <small class="text-danger">
                  @error('gst_number')
                    {{ $message }}
                  @enderror
                </small>
                <small class="text-danger">
                  @if (session('error'))
                    {{ session('error') }}
                  @endif
                </small>
              </div>

              <div class="mb-3">
                <label for="org_name" class="form-label">Organization Name</label>
                <div class="position-relative">
                  <input type="text" id="org_name" name="org_name" class="form-control pe-5" placeholder="Enter Organizetion Name"
                    value="{{ old('org_name', Auth::user()->org_name) }}" required>
                </div>
                <small class="text-danger">
                  @error('org_name')
                    {{ $message }}
                  @enderror
                </small>
                <small class="text-danger">
                  @if (session('error'))
                    {{ session('error') }}
                  @endif
                </small>
              </div>
              <div class="mb-3">
                <button type="submit" class="btn btn-primary" style="z-index: 2;">
                  Update
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection