@extends('admin.layouts.app')

@section('title', $partner->name)
@section('header-title', 'Partner Details')

@section('content')
<div class="card">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
        <div class="card-title" style="margin: 0;">{{ $partner->name }}</div>
        <div style="display: flex; gap: 8px;">
            <a href="{{ route('admin.partners.edit', $partner) }}" class="btn btn-primary btn-sm">Edit</a>
            <form action="{{ route('admin.partners.destroy', $partner) }}" method="POST" style="display:inline;" onsubmit="return confirm('Delete this partner?');">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger btn-sm">Delete</button>
            </form>
        </div>
    </div>

    <div style="display: grid; gap: 20px;">
        @if($partner->photo)
        <div>
            <div class="form-label">Photo</div>
            <img src="{{ asset('storage/' . $partner->photo) }}" alt="{{ $partner->name }}" style="max-width: 150px; border-radius: 8px; border: 1px solid var(--border);">
        </div>
        @endif

        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px;">
            <div><div class="form-label">Father/Husband Name</div><div>{{ $partner->father_husband_name ?? '-' }}</div></div>
            <div><div class="form-label">Gender</div><div>{{ ucfirst($partner->gender ?? '-') }}</div></div>
            <div><div class="form-label">Marital Status</div><div>{{ ucfirst($partner->marital_status ?? '-') }}</div></div>
            <div><div class="form-label">Blood Group</div><div>{{ $partner->blood_group ?? '-' }}</div></div>
            <div><div class="form-label">Date of Birth</div><div>{{ $partner->date_of_birth?->format('d M Y') ?? '-' }}</div></div>
            <div><div class="form-label">Mobile No</div><div>{{ $partner->mobile_no ?? $partner->phone ?? '-' }}</div></div>
            <div><div class="form-label">WhatsApp No</div><div>{{ ($partner->whatsapp_same_as_mobile ? $partner->mobile_no : $partner->whatsapp_no) ?? '-' }}</div></div>
            <div><div class="form-label">Email</div><div>{{ $partner->email ?? '-' }}</div></div>
            <div><div class="form-label">Document Type</div><div>{{ ucfirst($partner->document_type ?? '-') }}</div></div>
            <div><div class="form-label">Document No</div><div>{{ $partner->document_no ?? '-' }}</div></div>
            <div><div class="form-label">PAN No</div><div>{{ $partner->pan_no ?? '-' }}</div></div>
            <div><div class="form-label">Status</div><div>{{ $partner->is_active ? 'Active' : 'Inactive' }}</div></div>
        </div>

        <div><div class="form-label">Present Address</div><div style="padding:12px;background:rgba(255,255,255,.05);border-radius:6px;white-space:pre-wrap;">{{ $partner->present_address ?? '-' }}</div></div>
        <div><div class="form-label">Permanent Address</div><div style="padding:12px;background:rgba(255,255,255,.05);border-radius:6px;white-space:pre-wrap;">{{ $partner->permanent_address ?? '-' }}</div></div>

        @if($partner->document_file)
        <div><div class="form-label">Attached Documents</div><a href="{{ asset('storage/' . $partner->document_file) }}" target="_blank" class="btn btn-secondary btn-sm">View / Download</a></div>
        @endif

        @if($partner->nominees->isNotEmpty())
        <div>
            <div class="form-label">Nominees</div>
            <table style="margin-top:8px;">
                <thead><tr><th>Name</th><th>Relation</th><th>DOB</th><th>Share %</th></tr></thead>
                <tbody>
                    @foreach($partner->nominees as $n)
                    <tr>
                        <td>{{ $n->name }}</td>
                        <td>{{ $n->relation ?? '-' }}</td>
                        <td>{{ $n->date_of_birth?->format('d M Y') ?? '-' }}</td>
                        <td>{{ $n->share_percentage }}%</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>

    <div style="margin-top: 20px;">
        <a href="{{ route('admin.partners.index') }}" class="btn btn-secondary">← Back to Partners</a>
    </div>
</div>
@endsection