@extends('admin.layouts.master')
@section('title', 'Employer Details')

@section('content')
@component('components.breadcrumb')
    @slot('li_1') Employers @endslot
    @slot('title') Employer Details @endslot
@endcomponent

<div class="row">
    <div class="col-lg-12">
        <a href="{{ url('admin/employer-list') }}" class="btn btn-primary mb-3"><i class="ri-arrow-left-line me-2"></i> Back to List</a>
        <div class="card">
            <!-- <div class="card-header">
                <h5 class="card-title mb-0">Employer Details</h5>
            </div> -->
            <div class="card-body">
                
                <div class="row">
                    <!-- Company Logo -->
                    <div class="col-12 mb-3 text-center">
                        @php
                            $logoPath = $employer->logo && Storage::disk('public')->exists($employer->logo)
                                ? asset('storage/' . $employer->logo)
                                : asset('storage/logos/download.png');
                        @endphp
                        <img src="{{ $logoPath }}" alt="Company Logo" style="height: 120px;width:120px;object-fit:cover;overflow: hidden;border-radius: 50%;">
                    </div>

                    <!-- Full Name -->
                    <div class="col-md-6 mb-3 dataCustomInfoData">
                        <label class="labelStyleForm">Full Name:</label>
                        @php
                            $fullName = trim(($employer->user->first_name ?? '') . ' ' . ($employer->user->middle_name ?? '') . ' ' . ($employer->user->last_name ?? ''));
                        @endphp
                        <p>{{ $fullName ?: 'No data added yet' }}</p>
                    </div>

                    <!-- Email -->
                    <div class="col-md-6 mb-3 dataCustomInfoData">
                        <label class="labelStyleForm">Email:</label>
                        <p>{{ $employer->user->email ?? 'No data added yet' }}</p>
                    </div>

                    <!-- Phone -->
                    <div class="col-md-6 mb-3 dataCustomInfoData">
                        <label class="labelStyleForm">Phone:</label>
                        <p>{{ $employer->user->phone ?? 'No data added yet' }}</p>
                    </div>

                    <!-- Company Name -->
                    <div class="col-md-6 mb-3 dataCustomInfoData">
                        <label class="labelStyleForm">Company Name:</label>
                        <p>{{ $employer->company_name ?? 'No data added yet' }}</p>
                    </div>

                    <!-- Number of Employees -->
                    <div class="col-md-6 mb-3 dataCustomInfoData">
                        <label class="labelStyleForm">No. Of Employees:</label>
                        <p>{{ $employer->number_of_employees ?? 'No data added yet' }}</p>
                    </div>

                    <!-- Work Location -->
                    <div class="col-md-6 mb-3 dataCustomInfoData">
                        <label class="labelStyleForm">Work Location:</label>
                        <p>{{ $employer->work_location ?? 'No data added yet' }}</p>
                    </div>

                    <!-- Address -->
                    <div class="col-md-12 mb-3 dataCustomInfoData">
                        <label class="labelStyleForm">Address:</label>
                        @php
                            $address = [];
                            $address[] = $employer->user->address->street ?? null;
                            $address[] = $employer->user->address->city ?? null;
                            $address[] = $employer->user->address->state->name ?? null;
                            $address[] = $employer->user->address->country->name ?? null;
                            $address[] = $employer->user->address->postal_code ?? null;
                            $formattedAddress = implode(', ', array_filter($address));
                        @endphp
                        <p>{{ $formattedAddress ?: 'No data added yet' }}</p>
                    </div>
                    <div class="col-md-12 mb-3 ">
                        <div style="border-bottom:1px solid #d9d9d9;padding-bottom:10px;">
                        <label class="labelStyleForm">Social Links:</label>
                        @if ($employer->user->socialLinks->isNotEmpty())
                            <ul class="list-unstyled mb-0" style="    display: flex;flex-wrap: wrap;gap: 20px;">
                                @foreach ($employer->user->socialLinks as $link)
                                    <li><strong>{{ ucfirst($link->platform) }}:</strong> <a href="{{ $link->url }}" target="_blank">{{ $link->url }}</a></li>
                                @endforeach
                            </ul>
                        @else
                            <p>No data added yet</p>
                        @endif
                        </div>
                    </div>
                    <!-- About Us -->
                    <div class="col-md-12 mb-3">
                        <label class="labelStyleForm">About Us:</label>
                        <p>{!! $employer->about_us ?: 'No data added yet' !!}</p>
                    </div>
                    
                </div>




                <!-- <table class="table table-bordered">
                    @php
                    $logoPath = $employer->logo && Storage::disk('public')->exists($employer->logo)
                        ? asset('storage/' . $employer->logo)
                        : asset('storage/logos/download.png'); // adjust the path as needed
                    @endphp

                    <tr>
                        <th>Company Logo</th>
                        <td>
                            <img src="{{ $logoPath }}" alt="Company Logo" style="max-height: 100px;">
                        </td>
                    </tr>

                    <tr>
                        <th>Full Name</th>
                        <td>{{ $employer->user->first_name ?? '' }} {{ $employer->user->middle_name ?? '' }} {{ $employer->user->last_name ?? '' }}</td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td>{{ $employer->user->email ?? '' }}</td>
                    </tr>
                    <tr>
                        <th>Phone</th>
                        <td>{{ $employer->user->phone ?? '' }}</td>
                    </tr>
                    <tr>
                        <th>Company Name</th>
                        <td>{{ $employer->company_name ?? '' }} </td>
                    </tr> 
                    <tr>
                        <th>No. Of Employees</th>
                        <td>{{ $employer->number_of_employees ?? '' }} </td>
                    </tr>
                    <tr>
                        <th>Work Location</th>
                        <td>{{ $employer->work_location ?? '' }} </td>
                    </tr>
                    <tr>
                        <th>Address</th>
                        <td>
                            {{ $employer->user->address->street ?? 'N/A' }}, 
                            {{ $employer->user->address->city ?? 'N/A' }}, 
                            {{ $employer->user->address->state->name ?? 'N/A' }}, 
                            {{ $employer->user->address->country->name ?? 'N/A' }} - 
                            {{ $employer->user->address->postal_code ?? 'N/A' }}
                        </td>
                    </tr>
                    <tr>
                        <th>About US</th>
                        <td>{{$employer->about_us}}</td>
                    </tr>
                </table> -->
                
            </div>
        </div>
    </div>
</div>
@endsection