@extends('frontend.layouts.app')

@section('title', $worker->name)

@section('content')
    <section class="container py-5">
        <a href="{{ route('workers') }}" class="text-muted small text-decoration-none d-inline-block mb-4">
            <i class="bi bi-arrow-right me-1"></i>{{ __('lang.fp_back_to_workers') }}
        </a>

        <div class="row g-5">
            <div class="col-lg-4">
                <div class="fp-worker-photo-wrap rounded-4 mb-3" style="aspect-ratio: 3/4;">
                    @if ($worker->photoUrl())
                        <img src="{{ $worker->photoUrl() }}" alt="{{ $worker->name }}">
                    @else
                        <div class="fp-worker-avatar-fallback"><i class="bi bi-person-fill"></i></div>
                    @endif
                </div>
            </div>

            <div class="col-lg-8">
                <h1 class="fp-section-title display-6 mb-2">{{ $worker->name }}</h1>
                <p class="text-muted mb-4">
                    {{ $worker->nationality->name }} &middot; {{ $worker->jobType->name }}
                    @if ($worker->age())
                        &middot; {{ __('lang.fp_worker_age', ['age' => $worker->age()]) }}
                    @endif
                </p>

                <div class="row g-3 mb-4">
                    @if ($worker->marital_status)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.marital_status') }}</div>
                            <div class="fw-semibold">{{ __('lang.marital_status_'.$worker->marital_status) }}</div>
                        </div>
                    @endif

                    @if ($worker->religion)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.religion') }}</div>
                            <div class="fw-semibold">{{ $worker->religion }}</div>
                        </div>
                    @endif

                    @if ($worker->education)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.education') }}</div>
                            <div class="fw-semibold">{{ $worker->education }}</div>
                        </div>
                    @endif

                    @if ($worker->height)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.height') }}</div>
                            <div class="fw-semibold">{{ $worker->height }}</div>
                        </div>
                    @endif

                    @if ($worker->weight_kg)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.weight_kg') }}</div>
                            <div class="fw-semibold">{{ $worker->weight_kg }} kg</div>
                        </div>
                    @endif

                    @if ($worker->contract_period_years)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.contract_period_years') }}</div>
                            <div class="fw-semibold">{{ $worker->contract_period_years }}</div>
                        </div>
                    @endif

                    @if ($worker->english_level)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.english_level') }}</div>
                            <div class="fw-semibold">{{ __('lang.language_level_'.$worker->english_level) }}</div>
                        </div>
                    @endif

                    @if ($worker->arabic_level)
                        <div class="col-sm-6 col-md-4">
                            <div class="text-muted small">{{ __('lang.arabic_level') }}</div>
                            <div class="fw-semibold">{{ __('lang.language_level_'.$worker->arabic_level) }}</div>
                        </div>
                    @endif
                </div>

                @if ($worker->skill_cooking || $worker->skill_cleaning || $worker->skill_washing || $worker->skill_babysitting)
                    <h2 class="h6 fw-bold mb-2">{{ __('lang.worker_section_skills') }}</h2>
                    <ul class="list-unstyled fp-about-list mb-4">
                        @if ($worker->skill_cooking)<li><i class="bi bi-check-circle-fill"></i> {{ __('lang.skill_cooking') }}</li>@endif
                        @if ($worker->skill_cleaning)<li><i class="bi bi-check-circle-fill"></i> {{ __('lang.skill_cleaning') }}</li>@endif
                        @if ($worker->skill_washing)<li><i class="bi bi-check-circle-fill"></i> {{ __('lang.skill_washing') }}</li>@endif
                        @if ($worker->skill_babysitting)<li><i class="bi bi-check-circle-fill"></i> {{ __('lang.skill_babysitting') }}</li>@endif
                    </ul>
                @endif

                @if ($worker->previous_experience)
                    <h2 class="h6 fw-bold mb-2">{{ __('lang.worker_section_experience') }}</h2>
                    <p class="text-muted mb-4">{{ $worker->previous_experience }}</p>
                @endif

                <div class="fp-worker-contact-box p-4">
                    <h2 class="h6 fw-bold mb-1">{{ $worker->office->name }}</h2>
                    <p class="text-muted small mb-3">{{ __('lang.fp_worker_contact_office_hint') }}</p>

                    <div class="d-flex flex-wrap gap-2">
                        @if ($worker->office->phone)
                            <a href="https://wa.me/{{ preg_replace('/\D/', '', $worker->office->phone) }}" target="_blank" rel="noopener" class="btn btn-success rounded-pill px-4">
                                <i class="bi bi-whatsapp me-1"></i>{{ __('lang.fp_contact_via_whatsapp') }}
                            </a>
                        @elseif ($worker->office->email)
                            <a href="mailto:{{ $worker->office->email }}" class="btn btn-primary rounded-pill px-4">
                                <i class="bi bi-envelope me-1"></i>{{ __('lang.fp_contact_email') }}
                            </a>
                        @endif

                        <a href="{{ route('workers.cv', $worker) }}" class="btn btn-outline-primary rounded-pill px-4">
                            <i class="bi bi-file-earmark-arrow-down me-1"></i>{{ __('lang.download_cv') }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection