@extends('layouts.user')
@section('page-title', 'My Profile')

@section('content')
<div style="max-width:700px;">
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="fw-bold mb-0">My Profile</h4>
    <x-status-badge :status="$user->status" />
</div>

<div class="card mb-3">
    <div class="card-body small">
        <h6 class="fw-bold mb-2">Company Information</h6>
        <div class="row">
            <div class="col-6"><div class="text-muted">Company Name</div><div class="fw-medium">{{ $user->company_name }}</div></div>
            <div class="col-6"><div class="text-muted">Contact Person</div><div class="fw-medium">{{ $user->contact_person }}</div></div>
            <div class="col-6 mt-2"><div class="text-muted">Username</div><div class="fw-medium">{{ $user->username }}</div></div>
            <div class="col-6 mt-2"><div class="text-muted">Mobile</div><div class="fw-medium">{{ $user->mobile }}</div></div>
            <div class="col-6 mt-2"><div class="text-muted">GST Number</div><div class="fw-medium">{{ $user->gst_number ?: '—' }}</div></div>
            <div class="col-6 mt-2"><div class="text-muted">Customer Code</div><div class="fw-medium">{{ $user->customer_code }}</div></div>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body small">
        <h6 class="fw-bold mb-2">Address</h6>
        <div class="text-muted">Billing Address</div><div class="mb-2">{{ $user->billing_address }}</div>
        <div class="text-muted">Shipping Address</div><div class="mb-2">{{ $user->shipping_address }}</div>
        <div class="row">
            <div class="col-4"><div class="text-muted">City</div>{{ $user->city }}</div>
            <div class="col-4"><div class="text-muted">State</div>{{ $user->state }}</div>
            <div class="col-4"><div class="text-muted">Pincode</div>{{ $user->pincode }}</div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-body small">
        <h6 class="fw-bold mb-2">Payment & Credit</h6>
        <div class="row">
            <div class="col-4"><div class="text-muted">Credit Limit</div>₹{{ number_format($user->credit_limit,2) }}</div>
            <div class="col-4"><div class="text-muted">Outstanding</div>₹{{ number_format($user->outstanding_amount,2) }}</div>
            <div class="col-4"><div class="text-muted">Payment Terms</div>{{ $user->payment_terms }}</div>
        </div>
    </div>
</div>
<p class="text-muted small mt-3">Contact your account manager to update profile details.</p>
</div>
@endsection