@extends('admin.layouts.app')

@section('title', __('dashboard.contract_details'))

@section('content')
<x-admin.page-header title="{{ __('dashboard.contract_details') }}" :breadcrumbs="[__('dashboard.contracts') => route('admin.contracts.index'), __('dashboard.details') => '']" />

<div class="row justify-content-center">
    <div class="col-xl-12">
        {{-- Header --}}
        <div class="card bg-primary bg-gradient mb-4">
            <div class="card-body">
                <div class="d-flex align-items-center">
                    <div class="avatar-lg bg-white bg-opacity-25 rounded d-flex align-items-center justify-content-center me-4" style="width: 80px; height: 80px;">
                        <i class="ri-file-list-3-line text-white fs-1"></i>
                    </div>
                    <div>
                        <h3 class="mb-1 text-white">{{ $contract->serial_number }}</h3>
                        <p class="text-white-50 mb-0">{{ $contract->name }} - {{ $contract->phone }}</p>
                    </div>
                    <div class="ms-auto text-end">
                        {!! \App\Enums\StatusEnum::badge($contract->is_active) !!}
                        <div class="mt-2">
                            {!! \App\Enums\ContractRequestTypeEnum::badge($contract->request_type) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Action Buttons --}}
        <div class="mb-3 d-flex gap-2">
            <a href="{{ route('admin.contracts.print', $contract) }}" target="_blank" class="btn btn-soft-info">
                <i class="ri-printer-line me-1"></i> {{ __('dashboard.print') }}
            </a>
            <a href="{{ route('admin.contracts.pdf', $contract) }}" class="btn btn-soft-danger">
                <i class="ri-file-pdf-line me-1"></i> {{ __('dashboard.export_pdf') }}
            </a>
            <a href="{{ route('admin.contracts.edit', $contract) }}" class="btn btn-soft-primary">
                <i class="ri-pencil-line me-1"></i> {{ __('dashboard.edit') }}
            </a>
        </div>

        {{-- Personal Info --}}
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ __('dashboard.personal_info') }}</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <x-view-col label="{{ __('dashboard.serial_number') }}" :value="$contract->serial_number"/>
                    <x-view-col label="{{ __('dashboard.name') }}" :value="$contract->name"/>
                    <x-view-col label="{{ __('dashboard.phone') }}" :value="$contract->phone"/>
                    <x-view-col label="{{ __('dashboard.nationality') }}" :value="$contract->nationality ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.date_of_birth') }}" :value="$contract->date_of_birth?->format('Y-m-d') ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.gender') }}" :value="$contract->gender ? \App\Enums\PersonGenderEnum::label($contract->gender) : '-'"/>
                    <x-view-col label="{{ __('dashboard.job') }}" :value="$contract->job ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.email') }}" :value="$contract->email ?? '-'"/>
                </div>
            </div>
        </div>

        {{-- Address --}}
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ __('dashboard.address') }}</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <x-view-col label="{{ __('dashboard.apartment') }}" :value="$contract->apartment ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.area') }}" :value="$contract->area ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.governorate') }}" :value="$contract->governorate ?? '-'"/>
                </div>
            </div>
        </div>

        {{-- Subscription --}}
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ __('dashboard.subscription') }}</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <x-view-col label="{{ __('dashboard.subscription_type') }}" :value="$contract->subscriptionType?->getTranslation('name', app()->getLocale()) ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.subscription_duration') }}" :value="$contract->subscriptionDuration?->getTranslation('name', app()->getLocale()) ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.submission_date') }}" :value="$contract->submission_date?->format('Y-m-d') ?? '-'"/>
                    <x-view-col label="{{ __('dashboard.created_at') }}" :value="$contract->created_at"/>
                </div>
            </div>
        </div>

        {{-- Attachments --}}
        @if($contract->attachments && count($contract->attachments) > 0)
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ __('dashboard.required_attachments') }}</h5>
            </div>
            <div class="card-body">
                @foreach($contract->attachments as $att)
                    <span class="badge bg-info me-1">{{ \App\Enums\RequiredAttachmentEnum::label($att) }}</span>
                @endforeach
            </div>
        </div>
        @endif

        {{-- Dependents --}}
        @if($contract->dependents->count() > 0)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('dashboard.dependents') }}</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('dashboard.name') }}</th>
                                    <th>{{ __('dashboard.phone') }}</th>
                                    <th>{{ __('dashboard.relationship') }}</th>
                                    <th>{{ __('dashboard.gender') }}</th>
                                    <th>{{ __('dashboard.date_of_birth') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($contract->dependents as $i => $dep)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $dep->name }}</td>
                                    <td>{{ $dep->phone ?? '-' }}</td>
                                    <td>{{ $dep->relationship ?? '-' }}</td>
                                    <td>{{ $dep->gender ? \App\Enums\PersonGenderEnum::label($dep->gender) : '-' }}</td>
                                    <td>{{ $dep->date_of_birth?->format('Y-m-d') ?? '-' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        {{-- Declaration --}}
        @if(isset($settings['declaration']))
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('dashboard.declaration') }}</h5>
                </div>
                <div class="card-body">{!! $settings['declaration'] !!}</div>
            </div>
        @endif

        {{-- General Policies --}}
        @if(isset($settings['general_policies']))
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('dashboard.general_policies') }}</h5>
                </div>
                <div class="card-body">{!! $settings['general_policies'] !!}</div>
            </div>
        @endif



        {{-- Duties --}}
        @if(isset($settings['duties']))
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('dashboard.duties') }}</h5>
                </div>
                <div class="card-body">{!! $settings['duties'] !!}</div>
            </div>
        @endif

        {{-- Rights --}}
        @if(isset($settings['rights']))
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('dashboard.rights') }}</h5>
                </div>
                <div class="card-body">{!! $settings['rights'] !!}</div>
            </div>
        @endif
    </div>
</div>
@endsection