@extends('master-admin')

@section('title', 'Manage User Business')

@section('content')
<section class="py-8">
  <div class="max-w-4xl mx-auto px-4">
    <div class="bg-white rounded-xl shadow-lg p-6">
      <h2 class="text-2xl font-bold text-[#3a3058] mb-6">Manage Business Information for {{ $user->name }}</h2>
        @if(empty($business))
            <div class="mb-4 p-3 bg-yellow-100 text-yellow-800 rounded">No business information found for this user. You can add it below.</div>
        @endif
      <form id="business-form" action="{{ route('admin.users.business.update', $user->id) }}" method="POST" enctype="multipart/form-data" class="space-y-6">
        @csrf
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
          <div>
            <label for="name" class="block font-medium text-gray-700 mb-1">Business Name <span class="text-red-500">*</span></label>
            <input type="text" class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="name" id="name" placeholder="Enter business name" required value="{{ old('name', $business->name ?? '') }}">
          </div>
          <div>
            <label for="email" class="block font-medium text-gray-700 mb-1">Business Email</label>
            <input type="email" class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="email" id="email" placeholder="Enter email" value="{{ old('email', $business->email ?? '') }}">
          </div>
          <div>
            <label for="phone" class="block font-medium text-gray-700 mb-1">Phone</label>
            <input type="text" class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="phone" id="phone" placeholder="Enter phone number" value="{{ old('phone', $business->phone ?? '') }}">
          </div>
          <div>
            <label for="address" class="block font-medium text-gray-700 mb-1">Address</label>
            <textarea class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="address" id="address" rows="3" placeholder="Enter address">{{ old('address', $business->address ?? '') }}</textarea>
          </div>
          <div>
            <label for="website" class="block font-medium text-gray-700 mb-1">Website</label>
            <input type="url" class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="website" id="website" placeholder="https://example.com" value="{{ old('website', $business->website ?? '') }}">
          </div>
          <div>
            <label for="logo" class="block font-medium text-gray-700 mb-1">Logo</label>
            <input type="file" class="block w-full border border-gray-300 rounded-md px-4 py-2 text-base" name="logo" id="logo">
            @if(!empty($business) && $business->logo)
              <div class="mt-2"><img src="{{ asset('storage/' . $business->logo) }}" alt="Logo" class="h-12"></div>
            @endif
          </div>
          <div>
            <label for="gst_number" class="block font-medium text-gray-700 mb-1">GST Number</label>
            <input type="text" class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="gst_number" id="gst_number" placeholder="Enter GST number" value="{{ old('gst_number', $business->gst_number ?? '') }}">
          </div>
          <div>
            <label for="pan_number" class="block font-medium text-gray-700 mb-1">PAN Number</label>
            <input type="text" class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="pan_number" id="pan_number" placeholder="Enter PAN number" value="{{ old('pan_number', $business->pan_number ?? '') }}">
          </div>
          <div class="md:col-span-2">
            <label for="registration_number" class="block font-medium text-gray-700 mb-1">Other Registration Number</label>
            <input type="text" class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="registration_number" id="registration_number" placeholder="Enter registration number" value="{{ old('registration_number', $business->registration_number ?? '') }}">
          </div>
          <div>
            <label class="block font-medium text-gray-700 mb-1">Is Verified</label>
            <div class="flex items-center space-x-4">
              <label class="inline-flex items-center">
                <input type="radio" name="is_verified" value="1" class="form-radio text-green-600" {{ old('is_verified', $business->is_verified ?? 0) == 1 ? 'checked' : '' }}> <span class="ml-2">Yes</span>
              </label>
              <label class="inline-flex items-center">
                <input type="radio" name="is_verified" value="0" class="form-radio text-red-600" {{ old('is_verified', $business->is_verified ?? 0) == 0 ? 'checked' : '' }}> <span class="ml-2">No</span>
              </label>
            </div>
          </div>
          <div>
            <label class="block font-medium text-gray-700 mb-1">Is Locked</label>
            <div class="flex items-center space-x-4">
              <label class="inline-flex items-center">
                <input type="radio" name="is_locked" value="1" class="form-radio text-green-600" {{ old('is_locked', $business->is_locked ?? 0) == 1 ? 'checked' : '' }}> <span class="ml-2">Yes</span>
              </label>
              <label class="inline-flex items-center">
                <input type="radio" name="is_locked" value="0" class="form-radio text-red-600" {{ old('is_locked', $business->is_locked ?? 0) == 0 ? 'checked' : '' }}> <span class="ml-2">No</span>
              </label>
            </div>
          </div>
          <div class="md:col-span-2">
            <label for="remark" class="block font-medium text-gray-700 mb-1">Remark</label>
            <textarea class="block w-full border border-gray-300 rounded-md px-4 py-2 focus:ring-2 focus:ring-yellow-300 focus:border-yellow-400 text-base" name="remark" id="remark" rows="2" placeholder="Enter remarks">{{ old('remark', $business->remark ?? '') }}</textarea>
          </div>
        </div>
        <div class="pt-4 text-center">
          <button type="submit" class="btn btn-primary bg-yellow-500 text-[#3a3058] border-yellow-500 hover:bg-yellow-400 hover:text-[#3a3058] py-2 px-8 rounded-md font-semibold shadow">Save</button>
          <a href="{{ route('admin.users.index') }}" class="inline-block ml-4 px-4 py-2 bg-[#3a3058] text-white rounded hover:bg-[#2a2048]">Back to Users</a>
        </div>
      </form>
    </div>
  </div>
</section>
@endsection

@section('js')
<script src="https://cdn.jsdelivr.net/jquery.validation/1.19.5/jquery.validate.min.js"></script>
<script>
    // Client-side Validation
    $(document).ready(function () {
        $('#business-form').validate({
            rules: {
                name: {
                    required: true,
                    maxlength: 255
                },
                email: {
                    email: true
                },
                phone: {
                    digits: true,
                    minlength: 10,
                    maxlength: 15
                },
                website: {
                    url: true
                }
            }
        });
    });
</script>
@endsection