@extends('vendor.layouts.app')

@section('style')
@endsection

@section('content')
<main class="dash-content">

  <div class="card mb-4">
    <div class="card-body d-flex flex-column flex-sm-row align-items-center align-items-sm-start gap-4">
      <div class="avatar">
        @if (auth()->user()->store_logo_path)
          <img src="{{ asset('storage/' . auth()->user()->store_logo_path) }}" alt="Store logo">
        @else
          <img src="{{ asset('admin_assets/images/profile.png') }}" alt="Profile">
        @endif
      </div>
      <div class="text-center text-sm-start">
        <h1 class="page-title mb-1">{{ auth()->user()->name }}</h1>
        <p class="page-sub mb-2">{{ auth()->user()->business_name }}</p>
        @if (auth()->user()->kyc_submitted_at)
          <span class="badge bg-success">KYC Submitted</span>
        @else
          <span class="badge bg-warning text-dark">KYC Pending</span>
        @endif
      </div>
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-body">
      <h2 class="h5 mb-3">Account Details</h2>
      <div class="row g-3">
        <div class="col-sm-6">
          <div class="form-label mb-1">Full Name</div>
          <div>{{ auth()->user()->name }}</div>
        </div>
        <div class="col-sm-6">
          <div class="form-label mb-1">Business Name</div>
          <div>{{ auth()->user()->business_name ?: '—' }}</div>
        </div>
        <div class="col-sm-6">
          <div class="form-label mb-1">Email Address</div>
          <div>{{ auth()->user()->email }}</div>
        </div>
        <div class="col-sm-6">
          <div class="form-label mb-1">Phone Number</div>
          <div>{{ auth()->user()->phone ?: '—' }}</div>
        </div>
        <div class="col-sm-6">
          <div class="form-label mb-1">Business Type</div>
          <div>{{ auth()->user()->business_type ?: '—' }}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-body">
      <h2 class="h5 mb-3">Store Details</h2>
      <div class="row g-3">
        <div class="col-sm-6">
          <div class="form-label mb-1">Store Name</div>
          <div>{{ auth()->user()->store_name ?: '—' }}</div>
        </div>
        <div class="col-sm-6">
          <div class="form-label mb-1">Category</div>
          <div>{{ auth()->user()->store_category ?: '—' }}</div>
        </div>
        <div class="col-sm-6">
          <div class="form-label mb-1">Sub-Category</div>
          <div>{{ auth()->user()->store_sub_category ?: '—' }}</div>
        </div>
        <div class="col-sm-6">
          <div class="form-label mb-1">Store Address</div>
          <div>{{ auth()->user()->store_address ?: '—' }}</div>
        </div>
        <div class="col-12">
          <div class="form-label mb-1">Store Description</div>
          <div>{{ auth()->user()->store_description ?: '—' }}</div>
        </div>
      </div>
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-body">
      <h2 class="h5 mb-3">KYC Documents</h2>

      @if (auth()->user()->kyc_submitted_at)
        <div class="row g-3">
          <div class="col-sm-4">
            <div class="form-label mb-1">Business Document</div>
            @if (auth()->user()->business_document_path)
              <a href="{{ asset('storage/' . auth()->user()->business_document_path) }}" target="_blank" rel="noopener">View Document</a>
            @else
              <div>—</div>
            @endif
          </div>
          <div class="col-sm-4">
            <div class="form-label mb-1">Tax ID / GST Certificate</div>
            @if (auth()->user()->tax_document_path)
              <a href="{{ asset('storage/' . auth()->user()->tax_document_path) }}" target="_blank" rel="noopener">View Document</a>
            @else
              <div>—</div>
            @endif
          </div>
          <div class="col-sm-4">
            <div class="form-label mb-1">Identity Proof</div>
            @if (auth()->user()->identity_document_path)
              <a href="{{ asset('storage/' . auth()->user()->identity_document_path) }}" target="_blank" rel="noopener">View Document</a>
            @else
              <div>—</div>
            @endif
          </div>
        </div>
        <p class="page-sub mt-3 mb-0">Submitted on {{ auth()->user()->kyc_submitted_at->format('d M Y, h:i A') }}</p>
      @else
        <p class="page-sub mb-3">No KYC documents submitted yet.</p>
        <a href="{{ route('vendor.kyc-upload') }}" class="btn btn-outline-primary">Upload KYC Documents</a>
      @endif
    </div>
  </div>

  <div class="d-flex gap-3 flex-wrap">
    <a href="{{ route('vendor.setup-store') }}" class="btn btn-outline-primary">Edit Store Details</a>
    <a href="{{ route('vendor.vendor-settings') }}" class="btn btn-outline-primary">Account Settings</a>
  </div>

</main>
@endsection