@extends('layouts.structure')

@section('content')
<div class="container mt-4">
    <div class="card shadow">
        <div class="card-header text-dark">
            <h5 class="mb-0">Client Details</h5>
        </div>
        <div class="card-body">
            <h6>Client Information</h6>
            <p><strong>Client Code:</strong> {{ $client->client_code }}</p>
            <p><strong>Company Name:</strong> {{ $client->client_name }}</p>
            <p><strong>Type:</strong> {{ $client->type ?? 'N/A' }}</p>
            <p><strong>Address:</strong> {{ $client->address ?? 'N/A' }}</p>
            <p><strong>Contact Person:</strong> {{ $client->contact_person ?? 'N/A' }}</p>
            <p><strong>Email:</strong> {{ $client->email ?? 'N/A' }}</p>
            <p><strong>Mobile:</strong> {{ $client->mobile ?? 'N/A' }}</p>
            
            <h6 class="mt-3">Associated Plants</h6>
            <ul>
                @forelse ($client->plants as $plant)
                    <li>{{ $plant->name }}</li>
                @empty
                    <li>No plants associated</li>
                @endforelse
            </ul>

            <div class="text-end">
                <a href="{{ route('client.index') }}" class="btn btn-primary">Back to List</a>
            </div>
        </div>
    </div>
</div>
@endsection