@extends('admin.layouts.app')

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
            <h4 class="mb-sm-0">{{ __('admin/traininglocations.location_detail') }}</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.training-locations.index') }}">{{ __('admin/traininglocations.breadcrumb.locations') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('admin/traininglocations.breadcrumb.detail') }}</li>
                </ol>
            </div>
        </div>

        <!-- Menu bar -->
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex align-items-center flex-wrap gap-2">
                        <div class="flex-grow-1">
                            <a href="{{ route('admin.training-locations.index') }}" class="btn btn-light me-2">
                                <i class="ri-arrow-left-line me-1"></i>{{ __('admin/traininglocations.actions.back_to_list') }}
                            </a>
                            @can('traininglocations.edit')
                            <a href="{{ route('admin.training-locations.edit', $trainingLocation->id) }}" class="btn btn-primary">
                                <i class="ri-pencil-line me-1"></i>{{ __('admin/traininglocations.actions.edit') }}
                            </a>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- Contenu principal -->
            <div class="col-lg-8">
                <!-- Informations du lieu -->
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex align-items-center">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-primary">
                                    <i class="ri-map-pin-line"></i>
                                </span>
                            </div>
                            <div>
                                <h5 class="card-title mb-1">{{ $trainingLocation->name }}</h5>
                                <p class="text-muted mb-0">{{ __('admin/traininglocations.detail.training_location') }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="card-body p-4">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="mb-4">
                                    <h6 class="text-muted mb-2">{{ __('admin/traininglocations.detail.complete_address') }}</h6>
                                    <div class="fs-15">
                                        {{ $trainingLocation->address }} {{ $trainingLocation->number }}<br>
                                        {{ $trainingLocation->zipcode }} {{ $trainingLocation->city }}<br>
                                        {{ $trainingLocation->country }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-4">
                                    <h6 class="text-muted mb-2">{{ __('admin/traininglocations.detail.status') }}</h6>
                                    @if($trainingLocation->is_active)
                                    <span class="badge bg-success-subtle text-success fs-13">
                                        <i class="ri-check-line me-1"></i>{{ __('admin/traininglocations.status.active.text') }}
                                    </span>
                                    @else
                                    <span class="badge bg-danger-subtle text-danger fs-13">
                                        <i class="ri-close-line me-1"></i>{{ __('admin/traininglocations.status.inactive.text') }}
                                    </span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <!-- Carte/Map placeholder -->
                        <div class="mb-4">
                            <h6 class="text-muted mb-3">{{ __('admin/traininglocations.detail.location') }}</h6>
                            <div class="border rounded p-4 text-center" style="background-color: #f8f9fa; min-height: 200px;">
                                <div class="d-flex align-items-center justify-content-center h-100">
                                    <div>
                                        <i class="ri-map-pin-2-line text-muted mb-2" style="font-size: 3rem;"></i>
                                        <p class="text-muted mb-0">{{ __('admin/traininglocations.detail.map_integration_coming') }}</p>
                                        <small class="text-muted">{{ $trainingLocation->full_address }}</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Formations dans ce lieu -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            <i class="ri-book-line me-2"></i>{{ __('admin/traininglocations.detail.trainings_count', ['count' => $trainingLocation->trainings->count()]) }}
                        </h5>
                    </div>
                    <div class="card-body">
                        @if($trainingLocation->trainings->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-sm">
                                <thead>
                                    <tr>
                                        <th>{{ __('admin/traininglocations.table.headers.name') }}</th>
                                        <th>{{ __('admin/traininglocations.detail.training_status') }}</th>
                                        <th>{{ __('admin/traininglocations.detail.training_price') }}</th>
                                        <th>{{ __('admin/traininglocations.detail.training_sessions') }}</th>
                                        @can('trainings.view')
                                        <th class="text-end">{{ __('admin/traininglocations.table.headers.actions') }}</th>
                                        @endcan
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($trainingLocation->trainings as $training)
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                @if($training->color)
                                                <div class="avatar-xs me-2">
                                                    <span class="avatar-title rounded" style="background-color: {{ $training->color }};">
                                                        <i class="ri-book-line text-white"></i>
                                                    </span>
                                                </div>
                                                @endif
                                                <div>
                                                    <h6 class="mb-0">{{ $training->translate()->title ?? 'Formation' }}</h6>
                                                    @if($training->translate()->accroche_first)
                                                    <small class="text-muted">{{ Str::limit($training->translate()->accroche_first, 50) }}</small>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            @if($training->is_active)
                                            <span class="badge bg-success-subtle text-success">{{ __('admin/traininglocations.status.active.text') }}</span>
                                            @else
                                            <span class="badge bg-danger-subtle text-danger">{{ __('admin/traininglocations.status.inactive.text') }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($training->price)
                                            <span class="fw-medium">{{ number_format($training->price, 2) }}€</span>
                                            @if($training->student_price && $training->student_price != $training->price)
                                            <br><small class="text-muted">{{ __('admin/traininglocations.detail.student_price', ['price' => number_format($training->student_price, 2)]) }}</small>
                                            @endif
                                            @else
                                            <span class="text-muted">{{ __('admin/traininglocations.detail.price_not_defined') }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            <span class="badge bg-primary-subtle text-primary">{{ $training->sessions->count() }}</span>
                                        </td>
                                        @can('trainings.view')
                                        <td class="text-end">
                                            <a href="{{ route('admin.trainings.show', $training) }}" 
                                               class="btn btn-sm btn-outline-primary"
                                               data-bs-toggle="tooltip"
                                               title="{{ __('admin/traininglocations.detail.view_training') }}">
                                                <i class="ri-eye-line"></i>
                                            </a>
                                        </td>
                                        @endcan
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @else
                        <div class="text-center py-4">
                            <div class="avatar-md mx-auto mb-3">
                                <div class="avatar-title bg-light text-muted rounded-circle fs-2">
                                    <i class="ri-book-line"></i>
                                </div>
                            </div>
                            <h6 class="text-muted">{{ __('admin/traininglocations.detail.no_trainings') }}</h6>
                            <p class="text-muted mb-0">{{ __('admin/traininglocations.detail.no_trainings_description') }}</p>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Sidebar -->
            <div class="col-lg-4">
                <!-- Informations générales -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/traininglocations.information.title') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">{{ __('admin/traininglocations.detail.status') }}</label>
                            <div>
                                @if($trainingLocation->is_active)
                                <span class="badge bg-success-subtle text-success">
                                    <i class="ri-check-line me-1"></i>{{ __('admin/traininglocations.status.active.text') }}
                                </span>
                                @else
                                <span class="badge bg-danger-subtle text-danger">
                                    <i class="ri-close-line me-1"></i>{{ __('admin/traininglocations.status.inactive.text') }}
                                </span>
                                @endif
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('admin/traininglocations.detail.associated_trainings') }}</label>
                            <div><span class="badge bg-primary-subtle text-primary">{{ $trainingLocation->trainings->count() }}</span></div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('admin/traininglocations.information.created_at') }}</label>
                            <div>{{ $trainingLocation->created_at->format(__('admin/traininglocations.date_format.full')) }}</div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('admin/traininglocations.information.updated_at') }}</label>
                            <div>{{ $trainingLocation->updated_at->format(__('admin/traininglocations.date_format.full')) }}</div>
                        </div>
                    </div>
                </div>

                <!-- Actions -->
                @canany(['traininglocations.edit', 'traininglocations.delete'])
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/traininglocations.actions.edit') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="d-grid gap-2">
                            @can('traininglocations.edit')
                            <a href="{{ route('admin.training-locations.edit', $trainingLocation->id) }}" class="btn btn-primary">
                                <i class="ri-pencil-line me-1"></i>{{ __('admin/traininglocations.actions.edit_this_location') }}
                            </a>
                            @endcan

                            @can('traininglocations.delete')
                            @if($trainingLocation->trainings->count() == 0)
                            <button class="btn btn-danger w-100 open-delete-modal"
                                data-bs-toggle="modal"
                                href="#deleteRecordModal"
                                data-delete-url="{{ route('admin.training-locations.destroy', $trainingLocation->id) }}"
                                data-item-name="{{ $trainingLocation->name }}"
                                data-item-type="{{ __('admin/traininglocations.delete_modal.item_type') }}"
                                id="delete-record-{{ $trainingLocation->id }}">
                                <i class="ri-delete-bin-line me-1"></i>{{ __('admin/traininglocations.actions.delete_this_location') }}
                            </button>
                            @else
                            <div class="alert alert-warning mb-0">
                                <i class="ri-information-line me-2"></i>
                                <strong>{{ __('admin/traininglocations.detail.cannot_delete_title') }}</strong><br>
                                {{ __('admin/traininglocations.detail.cannot_delete_reason', ['count' => $trainingLocation->trainings->count()]) }}
                            </div>
                            @endif
                            @endcan
                        </div>
                    </div>
                </div>
                @endcanany

                <!-- Informations techniques -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/traininglocations.detail.technical_details') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-2">
                            <small class="text-muted">{{ __('admin/traininglocations.detail.location_id') }} <code>{{ $trainingLocation->id }}</code></small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de suppression -->
<x-admin.delete-modal
    item-type="{{ __('admin/traininglocations.delete_modal.item_type') }}"
    confirm-text="{{ __('admin/traininglocations.delete_modal.confirm_text') }}"
    delete-text="{{ __('admin/traininglocations.delete_modal.delete_text') }}" />
@endsection