@extends('master-user')

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

@section('content_header')
    <h1 class="text-2xl font-bold text-[#3a3058] mb-6">{{ $business->name }} - Business Info</h1>
@stop

@section('content')
<section class="py-8">
  <div class="max-w-2xl mx-auto px-4">
    <div class="bg-white rounded-xl shadow-lg p-6">
      <h2 class="text-xl font-semibold text-[#3a3058] mb-6">Business Profile</h2>
      <div class="overflow-x-auto">
        <table class="min-w-full bg-white border border-gray-200 rounded-lg text-sm">
          <tbody>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 w-1/3 bg-gray-50">Business Name:</th>
              <td class="py-3 px-4">{{ $business->name }}</td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Email:</th>
              <td class="py-3 px-4">{{ $business->email ?? 'Not Provided' }}</td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Phone:</th>
              <td class="py-3 px-4">{{ $business->phone ?? 'Not Provided' }}</td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Address:</th>
              <td class="py-3 px-4">{{ $business->address ?? 'Not Provided' }}</td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Website:</th>
              <td class="py-3 px-4">
                @if ($business->website)
                  <a href="{{ $business->website }}" target="_blank" class="text-yellow-600 underline hover:text-yellow-700">{{ $business->website }}</a>
                @else
                  Not Provided
                @endif
              </td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">GST Number:</th>
              <td class="py-3 px-4">{{ $business->gst_number ?? 'Not Provided' }}</td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">PAN Number:</th>
              <td class="py-3 px-4">{{ $business->pan_number ?? 'Not Provided' }}</td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Registration Number:</th>
              <td class="py-3 px-4">{{ $business->registration_number ?? 'Not Provided' }}</td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Logo:</th>
              <td class="py-3 px-4">
                @if ($business->logo)
                  <img src="{{ asset('storage/' . $business->logo) }}" alt="Business Logo" class="rounded-full border border-gray-200 w-20 h-20 object-cover">
                @else
                  <span class="text-gray-400">No Logo Uploaded</span>
                @endif
              </td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Locked:</th>
              <td class="py-3 px-4">
                @if ($business->is_locked)
                  <span class="inline-block px-3 py-1 rounded-full bg-red-100 text-red-700 text-xs font-semibold">Locked</span>
                @else
                  <span class="inline-block px-3 py-1 rounded-full bg-green-100 text-green-700 text-xs font-semibold">Unlocked</span>
                @endif
              </td>
            </tr>
            <tr class="border-b">
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Verified:</th>
              <td class="py-3 px-4">
                @if ($business->is_verified)
                  <span class="inline-block px-3 py-1 rounded-full bg-green-100 text-green-700 text-xs font-semibold">Verified</span>
                @else
                  <span class="inline-block px-3 py-1 rounded-full bg-yellow-100 text-yellow-700 text-xs font-semibold">Not Verified</span>
                @endif
              </td>
            </tr>
            <tr>
              <th class="py-3 px-4 text-left font-medium text-gray-700 bg-gray-50">Remarks:</th>
              <td class="py-3 px-4">{{ $business->remark ?? 'No Remarks' }}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>
@endsection