@extends('admin.layouts.master')

@section('title', __('admin.clients.show_title'))
@section('css')@endsection

@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">

            @php
                $statusColor = $client->status === \App\Models\Client::STATUS_ACTIVE ? 'success' : 'secondary';
                $typeColor = $client->client_type === \App\Models\Client::TYPE_COMPANY ? 'primary' : 'info';
                $projectStatusColors = [
                    \App\Models\Project::STATUS_DRAFT => 'dark',
                    \App\Models\Project::STATUS_QUOTATION => 'info',
                    \App\Models\Project::STATUS_APPROVED => 'primary',
                    \App\Models\Project::STATUS_IN_PROGRESS => 'warning',
                    \App\Models\Project::STATUS_ON_HOLD => 'secondary',
                    \App\Models\Project::STATUS_COMPLETED => 'success',
                    \App\Models\Project::STATUS_CANCELLED => 'danger',
                ];
                $portfolioValue = $client->projects->sum(fn ($project) => (float) ($project->contract_amount ?? 0));
                $latestProject = $client->projects->first();
            @endphp

            <div class="content-header d-flex justify-content-between align-items-start flex-wrap gap-3">
                <div>
                    <div class="d-flex align-items-center gap-2 flex-wrap mb-2">
                        <h1 class="mb-0">{{ $client->name }}</h1>
                        <span class="badge bg-{{ $statusColor }}">{{ __('admin.clients.statuses.'.$client->status) }}</span>
                        <span class="badge bg-{{ $typeColor }}">{{ __('admin.clients.types.'.$client->client_type) }}</span>
                    </div>
                    <p class="text-muted mb-0">{{ __('admin.clients.profile_subtitle') }}</p>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.projects.create', ['client_id' => $client->id]) }}" class="btn btn-primary">
                        <i class="ti ti-briefcase me-1"></i>{{ __('admin.clients.add_project') }}
                    </a>
                    <a href="{{ route('admin.clients.edit', $client) }}" class="btn btn-warning">
                        <i class="ti ti-pencil me-1"></i>{{ __('admin.actions.edit') }}
                    </a>
                    <a href="{{ route('admin.clients.index') }}" class="btn btn-outline-secondary">
                        <i class="ti ti-arrow-right me-1"></i>{{ __('admin.actions.back_to_list') }}
                    </a>
                </div>
            </div>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <div class="row">
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-primary bg-light-primary">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.clients.projects_count') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $client->projects_count }}</h4>
                                </div>
                                <div class="icon-shape bg-primary"><i class="ti ti-folders"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-warning bg-light-warning">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.clients.ongoing_projects') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $client->ongoing_projects_count }}</h4>
                                </div>
                                <div class="icon-shape bg-warning"><i class="ti ti-loader-2"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-success bg-light-success">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.clients.completed_projects') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $client->completed_projects_count }}</h4>
                                </div>
                                <div class="icon-shape bg-success"><i class="ti ti-circle-check"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="border rounded card-body border-info bg-light-info">
                            <div class="d-flex align-items-center">
                                <div class="numbers flex-grow-1 pe-3">
                                    <p class="mb-1 fw-600 text-muted">{{ __('admin.clients.portfolio_value') }}</p>
                                    <h4 class="mb-0 fw-700 text-dark-black">{{ $portfolioValue > 0 ? number_format($portfolioValue, 2) : '—' }}</h4>
                                </div>
                                <div class="icon-shape bg-info"><i class="ti ti-cash-banknote"></i></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-8 col-12">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent border-bottom-0">
                            <h4 class="mb-1">{{ __('admin.clients.details_title') }}</h4>
                            <p class="text-muted mb-0 small">{{ __('admin.clients.profile_hint') }}</p>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.name') }}</label>
                                    <strong>{{ $client->name }}</strong>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.client_type') }}</label>
                                    <span class="badge bg-{{ $typeColor }}">
                                        {{ __('admin.clients.types.'.$client->client_type) }}
                                    </span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.status') }}</label>
                                    <span class="badge bg-{{ $statusColor }}">
                                        {{ __('admin.clients.statuses.'.$client->status) }}
                                    </span>
                                </div>

                                <div class="col-md-4">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.phone') }}</label>
                                    @if($client->phone)
                                        <a href="tel:{{ $client->phone }}">{{ $client->phone }}</a>
                                    @else
                                        <span>—</span>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.whatsapp') }}</label>
                                    @if($client->whatsapp)
                                        <a href="https://wa.me/{{ preg_replace('/\D+/', '', $client->whatsapp) }}" target="_blank" rel="noopener noreferrer">{{ $client->whatsapp }}</a>
                                    @else
                                        <span>—</span>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.email') }}</label>
                                    @if($client->email)
                                        <a href="mailto:{{ $client->email }}">{{ $client->email }}</a>
                                    @else
                                        <span>—</span>
                                    @endif
                                </div>

                                <div class="col-md-4">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.city') }}</label>
                                    <span>{{ $client->city ?: '—' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.source') }}</label>
                                    <span>{{ $client->source ?: '—' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.created_by') }}</label>
                                    <span>{{ $client->creator?->name ?: '—' }}</span>
                                </div>

                                <div class="col-12">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.address') }}</label>
                                    <span>{{ $client->address ?: '—' }}</span>
                                </div>

                                <div class="col-12">
                                    <label class="text-muted d-block mb-1">{{ __('admin.clients.fields.notes') }}</label>
                                    <span>{{ $client->notes ?: '—' }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-12">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent border-bottom-0">
                            <h4 class="mb-1">{{ __('admin.clients.contact_title') }}</h4>
                            <p class="text-muted mb-0 small">{{ __('admin.clients.contact_hint') }}</p>
                        </div>
                        <div class="card-body">
                            <div class="d-grid gap-2">
                                <a href="{{ $client->phone ? 'tel:'.$client->phone : '#' }}" class="btn btn-outline-primary {{ $client->phone ? '' : 'disabled' }}">
                                    <i class="ti ti-phone-call me-1"></i>{{ __('admin.clients.call_client') }}
                                </a>
                                <a href="{{ $client->whatsapp ? 'https://wa.me/'.preg_replace('/\D+/', '', $client->whatsapp) : '#' }}" target="{{ $client->whatsapp ? '_blank' : '_self' }}" rel="noopener noreferrer" class="btn btn-outline-success {{ $client->whatsapp ? '' : 'disabled' }}">
                                    <i class="ti ti-brand-whatsapp me-1"></i>{{ __('admin.clients.open_whatsapp') }}
                                </a>
                                <a href="{{ $client->email ? 'mailto:'.$client->email : '#' }}" class="btn btn-outline-info {{ $client->email ? '' : 'disabled' }}">
                                    <i class="ti ti-mail me-1"></i>{{ __('admin.clients.send_email') }}
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent border-bottom-0">
                            <h4 class="mb-1">{{ __('admin.clients.stats_title') }}</h4>
                            <p class="text-muted mb-0 small">{{ __('admin.clients.stats_hint') }}</p>
                        </div>
                        <div class="card-body">
                            <div class="border rounded p-3 mb-3 bg-light-success border-success">
                                <p class="mb-1 text-muted">{{ __('admin.clients.fields.created_at') }}</p>
                                <h6 class="mb-0">{{ $client->created_at?->format('Y-m-d H:i') ?: '—' }}</h6>
                            </div>
                            <div class="border rounded p-3 mb-3 bg-light-primary border-primary">
                                <p class="mb-1 text-muted">{{ __('admin.clients.fields.created_by') }}</p>
                                <h6 class="mb-0">{{ $client->creator?->name ?: '—' }}</h6>
                            </div>
                            <div class="border rounded p-3 bg-light-info border-info">
                                <p class="mb-1 text-muted">{{ __('admin.clients.last_project') }}</p>
                                <h6 class="mb-0">
                                    @if($latestProject)
                                        <a href="{{ route('admin.projects.show', $latestProject) }}">{{ $latestProject->project_name }}</a>
                                    @else
                                        —
                                    @endif
                                </h6>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card table-card border-0 shadow-sm">
                        <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2 bg-transparent">
                            <div>
                                <h4 class="mb-1">{{ __('admin.clients.projects_title') }}</h4>
                                <p class="text-muted mb-0 small">{{ __('admin.clients.projects_subtitle') }}</p>
                            </div>
                            <a href="{{ route('admin.projects.create', ['client_id' => $client->id]) }}" class="btn btn-sm btn-primary">
                                <i class="ti ti-plus me-1"></i>{{ __('admin.clients.add_project') }}
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover align-middle">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.projects.fields.project_name') }}</th>
                                            <th>{{ __('admin.projects.fields.project_code') }}</th>
                                            <th>{{ __('admin.projects.fields.project_type') }}</th>
                                            <th>{{ __('admin.projects.fields.city') }}</th>
                                            <th>{{ __('admin.projects.fields.contract_amount') }}</th>
                                            <th>{{ __('admin.projects.fields.progress_percentage') }}</th>
                                            <th>{{ __('admin.projects.fields.status') }}</th>
                                            <th>{{ __('admin.actions.actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($client->projects as $project)
                                            <tr>
                                                <td>
                                                    <div class="d-flex flex-column">
                                                        <a href="{{ route('admin.projects.show', $project) }}" class="fw-semibold">{{ $project->project_name }}</a>
                                                        <span class="text-muted small">{{ $project->location ?: '—' }}</span>
                                                    </div>
                                                </td>
                                                <td>{{ $project->project_code ?: '—' }}</td>
                                                <td>{{ $project->project_type ?: '—' }}</td>
                                                <td>{{ $project->city ?: '—' }}</td>
                                                <td>{{ $project->contract_amount ? number_format((float) $project->contract_amount, 2) : '—' }}</td>
                                                <td><span class="badge bg-light-info text-info border">{{ (int) $project->progress_percentage }}%</span></td>
                                                <td>
                                                    <span class="badge bg-{{ $projectStatusColors[$project->status] ?? 'secondary' }}">
                                                        {{ __('admin.projects.statuses.'.$project->status) }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <div class="d-flex gap-1">
                                                        <a href="{{ route('admin.projects.show', $project) }}" class="btn btn-sm btn-outline-info"><i class="ti ti-eye"></i></a>
                                                        <a href="{{ route('admin.projects.edit', $project) }}" class="btn btn-sm btn-outline-warning"><i class="ti ti-pencil"></i></a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8" class="text-center py-5">
                                                    <div class="d-flex flex-column align-items-center gap-2 text-muted">
                                                        <i class="ti ti-folder-open fs-2"></i>
                                                        <strong>{{ __('admin.clients.no_projects') }}</strong>
                                                        <span>{{ __('admin.clients.projects_empty_hint') }}</span>
                                                        <a href="{{ route('admin.projects.create', ['client_id' => $client->id]) }}" class="btn btn-sm btn-primary mt-2">
                                                            <i class="ti ti-plus me-1"></i>{{ __('admin.clients.add_project') }}
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection