{{-- resources/views/guests/companies/show.blade.php --}}
@extends('layouts.app')
@section('title', $company->name)
@section('page_title', $company->name)
@section('page_subtitle', 'Corporate account')

@section('content')

<div class="d-flex gap-2 mb-3 flex-wrap">
    <a href="{{ tenant_route('guests.companies.index') }}"
       class="btn btn-sm btn-outline-secondary">← Companies</a>
    <a href="{{ tenant_route('guests.companies.edit', ['company' => $company->id]) }}"
       class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-pencil me-1"></i>Edit
    </a>
</div>

<div class="row g-3">
    <div class="col-md-4">
        <div class="card mb-3">
            <div class="card-body">
                <div style="font-size:1rem;font-weight:800;margin-bottom:4px;">
                    {{ $company->name }}
                </div>
                @if($company->registration_number)
                    <div style="font-size:.75rem;color:var(--muted);">
                        Reg: {{ $company->registration_number }}
                    </div>
                @endif
                @if($company->contact_person)
                    <div style="font-size:.78rem;margin-top:8px;">
                        <i class="bi bi-person me-1"
                           style="color:var(--muted)"></i>
                        {{ $company->contact_person }}
                    </div>
                @endif
                @if($company->email)
                    <div style="font-size:.78rem;margin-top:4px;">
                        <i class="bi bi-envelope me-1"
                           style="color:var(--muted)"></i>
                        <a href="mailto:{{ $company->email }}"
                           style="color:var(--clay);">
                            {{ $company->email }}
                        </a>
                    </div>
                @endif
                @if($company->phone)
                    <div style="font-size:.78rem;margin-top:4px;">
                        <i class="bi bi-phone me-1"
                           style="color:var(--muted)"></i>
                        {{ $company->phone }}
                    </div>
                @endif
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <div style="display:flex;flex-direction:column;gap:8px;
                            font-size:.8rem;">
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Total Guests</span>
                        <span class="fw-semibold">{{ $company->guests_count }}</span>
                    </div>
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Reservations</span>
                        <span class="fw-semibold">{{ $company->reservations_count }}</span>
                    </div>
                    @if($outstanding > 0)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Outstanding</span>
                            <span class="fw-bold"
                                  style="color:var(--danger);">
                                ${{ number_format($outstanding, 2) }}
                            </span>
                        </div>
                    @endif
                    @if($company->credit_limit > 0)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Credit Limit</span>
                            <span>${{ number_format($company->credit_limit, 2) }}</span>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    Recent Reservations
                </span>
            </div>

            @if($recentReservations->isEmpty())
                <div class="card-body text-center py-4">
                    <p class="text-muted mb-0" style="font-size:.8rem;">
                        No reservations yet
                    </p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Reference</th>
                                <th>Guest</th>
                                <th>Check In</th>
                                <th>Check Out</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($recentReservations as $res)
                                <tr onclick="window.location='{{ tenant_route('reservations.show', ['reservation' => $res->id]) }}'"
                                    style="cursor:pointer;">
                                    <td style="font-size:.8rem;font-weight:600;
                                               color:var(--clay);">
                                        {{ $res->reference }}
                                    </td>
                                    <td style="font-size:.8rem;">
                                        {{ $res->guest?->first_name }}
                                        {{ $res->guest?->last_name }}
                                    </td>
                                    <td style="font-size:.78rem;white-space:nowrap;">
                                        {{ $res->check_in_date->format('d M Y') }}
                                    </td>
                                    <td style="font-size:.78rem;white-space:nowrap;">
                                        {{ $res->check_out_date->format('d M Y') }}
                                    </td>
                                    <td>
                                        <span style="font-size:.7rem;padding:2px 8px;
                                                     border-radius:20px;font-weight:600;
                                                     background:#f1f5f9;color:#475569;">
                                            {{ str_replace('_', ' ', $res->status) }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
</div>

@endsection