@extends('layouts.app')
@section('title', $guarantee->name)

@section('content')
<x-page-head icon="shield-check" :title="$guarantee->name" :subtitle="$guarantee->code">
    <x-slot:actions>
        @if($guarantee->is_active)
            <span class="badge bg-success">{{ __('config.active') }}</span>
        @else
            <span class="badge bg-secondary">{{ __('config.inactive') }}</span>
        @endif
        <a href="{{ route('admin.guarantees.edit', $guarantee) }}" class="btn btn-primary btn-sm">
            <i class="bi bi-pencil"></i> {{ __('app.edit') }}
        </a>
        <a href="{{ route('admin.guarantees.index') }}" class="btn btn-secondary btn-sm">
            <i class="bi bi-arrow-{{ app()->getLocale() === 'en' ? 'left' : 'right' }}"></i> {{ __('app.back') }}
        </a>
    </x-slot:actions>
</x-page-head>

<div class="row g-3">
    <div class="col-lg-5">
        <x-detail-card :title="__('app.basic_info')" icon="info-circle">
            <x-detail-item :label="__('config.code')"><code>{{ $guarantee->code }}</code></x-detail-item>
            <x-detail-item :label="__('config.name_ar')">{{ $guarantee->name_ar }}</x-detail-item>
            <x-detail-item :label="__('config.name_en')">{{ $guarantee->name_en }}</x-detail-item>
            <x-detail-item :label="__('config.type')">
                {{ $guarantee->type ? __('config.guarantees.types.' . $guarantee->type) : '' }}
            </x-detail-item>
            <x-detail-item :label="__('config.sort_order')">{{ $guarantee->sort_order }}</x-detail-item>
            <x-detail-item :label="__('config.description')">{{ $guarantee->description }}</x-detail-item>
        </x-detail-card>
    </div>

    <div class="col-lg-7">
        <x-related-card :title="__('config.finance_products.title')" icon="box-seam" :count="$guarantee->products->count()">
            <ul class="list-group list-group-flush">
                @forelse($guarantee->products as $p)
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span>
                            @can('config.finance_products')
                                <a href="{{ route('admin.finance-products.show', $p) }}" class="text-decoration-none fw-semibold">{{ $p->name }}</a>
                            @else
                                {{ $p->name }}
                            @endcan
                            <code class="ms-2 small">{{ $p->code }}</code>
                        </span>
                        @if($p->pivot->is_required)
                            <span class="badge bg-danger-subtle text-danger">{{ __('app.required') }}</span>
                        @else
                            <span class="badge bg-light text-muted">{{ __('app.optional') }}</span>
                        @endif
                    </li>
                @empty
                    <li class="list-group-item text-center text-muted py-4">{{ __('app.no_related') }}</li>
                @endforelse
            </ul>
        </x-related-card>
    </div>
</div>
@endsection