@extends('admin.layouts.app')

@section('content')
    <div class="azp-page">
        <div class="azp-page-header">
            <div class="azp-page-title-wrap">
                <div class="azp-page-title">Treinadores</div>
                <div class="azp-page-subtitle">Gestão de treinadores e preços por aula (OFF/PEAK).</div>
            </div>
            <div class="azp-actions">
                <a href="{{ route('admin.coaches.create') }}" class="btn primary">Novo treinador</a>
            </div>
        </div>

        @if(session('status'))
            <div class="flash success">{{ session('status') }}</div>
        @endif

        <div class="azp-card">
            <table class="azp-table">
                <thead>
                <tr>
                    <th>Treinador</th>
                    <th>Contacto</th>
                    <th>Clubes</th>
                    <th>Preços</th>
                    <th style="width:140px">Ações</th>
                </tr>
                </thead>
                <tbody>
                @forelse($coaches as $coach)
                    <tr>
                        <td>
                            <div style="display:flex; gap:12px; align-items:center;">
                                <div style="width:42px; height:42px; border-radius:12px; overflow:hidden; background:#f3f3f3; border:1px solid #e6e6e6;">

                                        <img src="{{ $coach->image_path ? asset('storage/'.$coach->image_path) : '' }}" alt="" style="width:100%; height:100%; object-fit:cover;">

                                </div>
                                <div>
                                    <div style="font-weight:700;">{{ $coach->name }}</div>
                                    <div class="azp-muted" style="font-size:12px;">
                                        {{ $coach->nif ? 'NIF: '.$coach->nif : 'NIF —' }}
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div>{{ $coach->email ?: '—' }}</div>
                            <div class="azp-muted" style="font-size:12px;">{{ $coach->phone ?: '—' }}</div>
                        </td>
                        <td>
                            @if($coach->clubs->count())
                                <div style="display:flex; gap:6px; flex-wrap:wrap;">
                                    @foreach($coach->clubs as $club)
                                        <span class="azp-badge-pill">{{ $club->name }}</span>
                                    @endforeach
                                </div>
                            @else
                                —
                            @endif
                        </td>
                        <td>
                            @php($r = $coach->rates)
                            @if($r)
                                <div style="display:flex; gap:8px; flex-wrap:wrap;">
                                    <span class="azp-tag">OFF 60: {{ number_format($r->off_60, 2, ',', ' ') }}€</span>
                                    <span class="azp-tag">OFF 90: {{ number_format($r->off_90, 2, ',', ' ') }}€</span>
                                    <span class="azp-tag">PEAK 60: {{ number_format($r->peak_60, 2, ',', ' ') }}€</span>
                                    <span class="azp-tag">PEAK 90: {{ number_format($r->peak_90, 2, ',', ' ') }}€</span>
                                </div>
                            @else
                                —
                            @endif
                        </td>
                        <td>
                            <div class="azp-actions">
                                <a href="{{ route('admin.coaches.show', $coach) }}" class="btn outline xs">Ver</a>
                                <a href="{{ route('admin.coaches.edit', $coach) }}" class="btn outline xs">Editar</a>
                                <form action="{{ route('admin.coaches.destroy', $coach) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn danger xs" onclick="return confirm('Remover treinador?')">Remover</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5">Sem treinadores.</td></tr>
                @endforelse
                </tbody>
            </table>

            <div style="margin-top:12px;">
                {{ $coaches->links() }}
            </div>
        </div>
    </div>
@endsection