@extends('layouts.structure')

@section('content')
    <div class="container mt-4">
        <div class="row">

            <!-- Back Button -->
            <div class="col-12 text-end mb-3">
                <a href="{{ route('client.index') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left-circle"></i> Back to List
                </a>
            </div>

            <!-- Client Details Card -->
            <div class="col-md-10 mx-auto mb-4">
                <div class="card border-0 shadow rounded-4">
                    <div class="card-body">
                        <h5 class="mb-4"><i class="bi bi-person-circle me-2"></i>Client Details</h5>

                        <div class="row mb-3">
                            <div class="col-md-3"><strong>Client Name:</strong> {{ $client->client_name }}</div>
                            <div class="col-md-3 "><strong>Client Code:</strong> {{ $client->client_code }}</div>
                            <div class="col-md-3"><strong>Contact Person:</strong> {{ $client->contact_person ?? 'N/A' }}
                            </div>
                              <div class="col-md-3 ">
                                <strong>State:</strong> {{ $client->state ?? 'N/A' }}
                                {{ $client->state_code ?? 'N/A' }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-3"><strong>Email:</strong> {{ $client->email ?? 'N/A' }}</div>
                            <div class="col-md-3"><strong>Mobile:</strong> {{ $client->mobile ?? 'N/A' }}</div>
                            <div class="col-md-3"><strong>Address:</strong> {{ $client->address ?? 'N/A' }}</div>
                            <div class="col-md-3">
                                <strong>Plants:</strong>
                                @if ($client->plants && $client->plants->isNotEmpty())
                                    <span>
                                        @foreach ($client->plants as $plant)
                                            {{ strtoupper(Str::substr($plant->name, 0, 2)) }}{{ !$loop->last ? ',' : '' }}
                                        @endforeach
                                    </span>
                                @else
                                    N/A
                                @endif
                            </div>
                        </div>

                        <div class="row mb-3">
                        
                            <div class="col-md-3"><strong>Created At:</strong>
                                {{ $client->created_at->format('d-m-Y H:i:s') }}</div>
                            <div class="col-md-3"><strong>Updated At:</strong>
                                {{ $client->updated_at->format('d-m-Y H:i:s') }}</div>



                        </div>
                    </div>
                </div>
            </div>

            <!-- Bank Details Card -->
            <div class="col-md-10 mx-auto">
                <div class="card border-0 shadow rounded-4">
                    <div class="card-body">
                        <h5 class="mb-4"><i class="bi bi-bank me-2"></i>Bank Details</h5>

                        <div class="row mb-3">
                            <div class="col-md-6"><strong>Account Number:</strong> {{ $client->acc_no ?? 'N/A' }}</div>
                            <div class="col-md-6"><strong>Bank Name:</strong> {{ $client->bank_name }}</div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6"><strong>IFSC Code:</strong> {{ $client->ifsc_code ?? 'N/A' }}</div>
                            <div class="col-md-6"><strong>Account Holder Name:</strong> {{ $client->acc_holder_name ?? 'N/A' }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6"><strong>PAN Number:</strong> {{ $client->pan_no ?? 'N/A' }}</div>
                            <div class="col-md-6"><strong>GST Number:</strong> {{ $client->gst_no ?? 'N/A' }}</div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <strong>Invoice:</strong>
                                @if ($client->upload_invoice)
                                    <a href="{{ asset('storage/' . $client->upload_invoice) }}" target="_blank"
                                        class="btn btn-sm btn-outline-primary">
                                        <i class="bi bi-eye"></i> View
                                    </a>
                                @else
                                    N/A
                                @endif
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
@endsection